@extends('layouts.app')
@section('title', __('titles.windows.create_call_for_paper'))

@section('content')

<section class="section" id="call_for_paper_create_form_page" style="min-height:80vh;">
	<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">
				{{ __('titles.pages.create_call_for_paper') }}
			</h1>
		</div>
	</div>
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<div class="tabs is-toggle is-fullwidth">
				<ul>
					<li class="is-active">
						<a><span>1&nbsp;&middot;&nbsp;{{ __('titles.tabs.call_for_paper_basic_info') }}</span></a>
					</li>
					<li data-tab="create_form_2_wrapper">
						<a><span>2&nbsp;&middot;&nbsp;{{ __('titles.tabs.call_for_paper_reviewing_params') }}</span></a>
					</li>
					<li data-tab="create_form_3_wrapper">
						<a><span>3&nbsp;&middot;&nbsp;{{ __('titles.tabs.planned_calendar') }}</span></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="columns is-centered form_wrapper" id="create_form_wrapper">
		@include('workflow.call_for_papers.includes.create_form_1')
	</div>
	<div id="modal_container"></div>
</section>

@endsection