@extends('layouts.app')

@section('title', $windowTitle)

@section('content')

<section class="section" style="min-height:80vh">
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			@include('includes.shared.go_back_button', ['route' => 'admin.tools.index', 'link' => 'back_to_admin_tools'])
		</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 is-boxed">
				<ul>
					<li class="is-active" data-tab="journal_registration_form_one_wrapper"><a href="#">{{ __('titles.tabs.identification') }}</a></li>
					<li data-tab="journal_registration_form_two_wrapper"><a href="#">{{ __('titles.tabs.tags_and_cnu_sections') }}</a></li>
					<li data-tab="journal_registration_form_three_wrapper"><a href="#">{{ __('titles.tabs.editorial_team') }}</a></li>
					<li data-tab="journal_registration_form_four_wrapper"><a href="#">{{ __('titles.tabs.publishing_params') }}</a></li>
				</ul>
			</div>
		</div>
	</div>
	@include('publishing.journals.includes.journal_registration_form_step_one')

	<div id="modal_container"></div>
</section>
<script src="{{ url('/js/modules/journalRegistrationForm.js') }}"></script>

@endsection