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

@section('content')
<section class="section" id="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' => 'papers.index', 'link' => 'back_to_papers_list', 'params' => ['issue_id' => $issue->id]])
		</div>
	</div>
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<h1 class="title is-3">
				{{ __('titles.pages.' . $page_title) }}
			</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.metadata') }}</span></a>
					</li>
					<li data-tab="create_form_2_wrapper">
						<a><span>2&nbsp;&middot;&nbsp;{{ __('titles.tabs.submission') }}</span></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="columns is-centered form_wrapper" id="create_form_wrapper">
		@include('publishing.papers.includes.create_form_1')
	</div>
	<div id="modal_container"></div>
	@foreach($js_scripts as $script)
	<script src="{{ url('/js/modules/' . $script) }}"></script>
	@endforeach
</section>
@endsection