@extends('layouts.app')

@section('title', $window_title)

@section('content')
<section class="section" style="min-height:80vh;">
	<div class="container" id="issues_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' . $journal->logo_img)))
						<img src="{{ asset('storage' . $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:80%;">
					<h1 class="title is-3" id="journal_title">
						{{ $journal->title }}
					</h1>
				</div>
			</div>
			<div class="level-right" id="open_modal_button_container">
				<div class="level-item">
					<a href="{{ route('issues.create') }}" class="button is-primary" id="open_issue_create_form">
						<span class="icon">
							<i class="fas fa-folder-plus"></i>
						</span>
						<span>
							{{ __('actions.crud.create_issue') }}
						</span>
					</a>
				</div>
			</div>
		</nav>
		<h1 class="title is-3">
			{{ __('titles.tables.issues') }}
		</h1>
		<div class="box" id="issues_table_container">
			@include('publishing.issues.includes.issues_table')
		</div>
	</div>
	<div id="modal_container"></div>
	<script src="{{ url('/js/modules/issuesListTable.js') }}"></script>
</section>
@endsection