@extends('layouts.app')

@section('title', $windowTitle)

@section('content')

<section class="section js-tabs" style="min-height:80vh" id="journal_edit_form_page">
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			@include('includes.shared.go_back_button', ['route' => 'journals.dashboard.show', 'link' => 'back_to_journal_dashboard'])
		</div>
	</div>
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<h1 class="title is-3 mt-4">{{ $pageTitle }}</h1>
		</div>
	</div>
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<div class="tabs is-fullwidth">
				<ul class="js-tabs__header">
					<li data-tab="journal_edit_form_one_wrapper"><a class="js-tabs__title" href="#">{{ __('titles.tabs.identification') }}</a></li>
					<li data-tab="journal_edit_form_two_wrapper"><a class="js-tabs__title" href="#">{{ __('titles.tabs.editorial_team') }}</a></li>
					<li data-tab="journal_edit_form_three_wrapper"><a class="js-tabs__title" href="#">{{ __('titles.tabs.publishing_params') }}</a></li>
					<li data-tab="journal_edit_form_four_wrapper"><a class="js-tabs__title" href="#">{{ __('titles.tabs.tags_and_cnu_sections') }}</a></li>
				</ul>
			</div>
		</div>
	</div>
	<form action="{{ route('journals.update', ['journal_id' => $journal->id]) }}" id="journal_edit_form" method="POST" novalidate>
		@csrf
		@method('PUT')
		@include('publishing.journals.includes.journal_edit_form_step_one')
		@include('publishing.journals.includes.journal_edit_form_step_two')
		@include('publishing.journals.includes.journal_edit_form_step_three')
		<div class="columns is-centered">
			<div class="column is-three-quarters-widescreen">
				<div class="block">
					<div class="field is-grouped" id="submit_button_container">
						<div class="control">
							<button id="submit_edit_form_button" type="submit" class="button is-primary">{{ __('actions.shared.next') }}</button>
						</div>
						<div class="control">
							<button class="button cancel_and_close" type="button">{{ __('actions.shared.cancel') }}</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
	@include('publishing.journals.includes.journal_edit_form_step_four')

</section>
<script src="{{ url('/js/modules/journalEditForm.js') }}"></script>
<script src="{{ url('/js/vendor/vanilla-js-tabs.min.js') }}"></script>
<link href="{{ url('/js/vendor/vanilla-js-tabs.css') }}" rel="stylesheet" type="text/css">
</link>

@endsection