@extends('layouts.app')

@section('title', $window_title)

@section('content')
<section class="section" style="min-height:80vh;">
	<div class="container" id="reviewers_list_page">
		<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>
		</nav>
		<nav class="level block">
			@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">
						{{ $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.submissions', ['call_for_paper_id' => $call_for_paper->id]) }}" class="button is-primary" id="submissions_list_link">
				<span>
					{{ __('actions.workflow.view_submissions_list') }}
				</span>
			</a>
			<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>
		</div>
		<div class="box" id="reviewers_table_container">
			@include('workflow.call_for_papers.includes.reviewers_table')
		</div>
	</div>
	<div id="modal_container"></div>

</section>
<script src="{{ url('/js/modules/reviewersListTable.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