@extends('layouts.app')

@section('title', $window_title)

@section('content')
<section class="section" style="min-height:80vh;">
	<div class="container is-fluid" id="submissions_list_page">
		@if(session()->has('message', 'status'))
		@include('includes.shared.auto_dismiss_toast', ['message_kind' => session('status'), 'message' => session('message')])
		@endif
		<nav class="level block">
			<div class="level-left" style="max-width:80%;">
				<div class="level-item">
					<figure class="image mx-auto">
						@if(file_exists(url('storage' . $call_for_paper->issue->journal->logo_img)))
						<img src="{{ asset('storage' . $call_for_paper->issue->journal->logo_img) }}" alt="Logo de la revue" style="height:64px;">
						@else
						<img src="https://numerev.com/images/logo_menu.png" alt="Logo numerev" style="height:64px;">
						@endif
					</figure>
				</div>
				<div class="level-item" style="display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%;">
					<p class="heading">{{ $call_for_paper->issue->getIssueTypeNameAttribute() . $call_for_paper->issue->number }}</p>
					<h1 class="title is-3" id="issue_title">
						{{ $call_for_paper->issue->title }}
					</h1>
				</div>
			</div>
			<div class="level-right" id="end_step_button_container">
				<div class="level-item">
					<p class="heading"></p>
					<form action="{{ route($call_for_paper->state->end_step_button_href, ['call_for_paper_id' => $call_for_paper->id]) }}" method="POST" id="end_step_form">
						@csrf
						<button type="submit" class="button is-secondary" id="end_step_link">
							<span class="icon">
								<i class="fas fa-step-forward"></i>
							</span>
							<span>
								{{ __($call_for_paper->state->end_step_button_label) }}
							</span>
						</button>
					</form>
				</div>
			</div>
		</nav>
		<nav id="timeline_navigation" class="level block {{ $timeline_class }}">
			@foreach($timeline as $step)
			<div class="level-item has-text-centered {{ $step['additional_classes'] }}">
				<div title="{{ $step['title'] }}">
					<p class="title @if($step['is_disabled']) has-text-grey-light @elseif($step['is_current']) has-text-primary @endif">
						{{ $step['number'] }}
					</p>
					<p class="heading" style="font-size: 12px;">
						{{ $step['name'] }}
					</p>
				</div>
			</div>
			@endforeach
		</nav>
		<h1 class="title is-3 mt-6">
			{{ $table_title }}
		</h1>
		<div class="block">
			<a href="{{ route('call_for_papers.list.authors', ['call_for_paper_id' => $call_for_paper->id]) }}" class="button is-primary" id="authors_list_link">
				<span>
					{{ __('actions.workflow.email_authors') }}
				</span>
			</a>
			<a href="{{ route('call_for_papers.list.reviewers', ['call_for_paper_id' => $call_for_paper->id]) }}" class="button is-primary" id="reviewers_list_link">
				<span>
					{{ __('actions.workflow.email_reviewers') }}
				</span>
			</a>
		</div>
		<div class="box" id="submissions_table_container">
			@include('workflow.papers.includes.submissions_table')
		</div>
	</div>
	<div id="modal_container"></div>

</section>
<script src="{{ url('/js/modules/submissionsListTable.js') }}"></script>
<script src="{{ url('/js/modules/manageReviewersModal.js') }}"></script>
<script src="{{ url('/js/modules/emailForm.js') }}"></script>
<script src="{{ url('/js/vendor/tinymce_6.4.1/tinymce/js/tinymce/tinymce.min.js') }}"></script>

@endsection