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

@section('content')

<section class="section" id="call_for_paper_update_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.update_call_for_paper') }}
			</h1>
		</div>
	</div>
	@if($show_tabs)
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<div class="tabs is-toggle is-fullwidth">
				<ul>
					<li class="{{ $tabs_classes[1] }}">
						<a href="{{ route('call_for_papers.edit.step_1', ['call_for_paper_id' => $call_for_paper->id]) }}"><span>1&nbsp;&middot;&nbsp;{{ __('titles.tabs.call_for_paper_basic_info') }}</span></a>
					</li>
					<li class="{{ $tabs_classes[2] }}">
						<a href="{{ route('call_for_papers.edit.step_2', ['call_for_paper_id' => $call_for_paper->id]) }}"><span>2&nbsp;&middot;&nbsp;{{ __('titles.tabs.call_for_paper_reviewing_params') }}</span></a>
					</li>
					<li class="{{ $tabs_classes[3] }}">
						<a href="{{ route('call_for_papers.edit.step_3', ['call_for_paper_id' => $call_for_paper->id]) }}"><span>3&nbsp;&middot;&nbsp;{{ __('titles.tabs.planned_calendar') }}</span></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	@endif
	<div class="columns is-centered form_wrapper" id="update_form_wrapper">
		@include($include_form_step)
	</div>
	<div id="modal_container"></div>
</section>

@endsection