@extends('layouts.app')

@section('title', __('titles.windows.manage_hal'))

@section('content')

<section class="section" style="min-height:80vh;">
	<div class="container" id="hal_page">
		@if(session()->has('hal_response'))
		@include('includes.shared.auto_dismiss_toast', ['message_kind' => session('hal_response.message_kind'), 'message' => session('hal_response.message')])
		@endif
		<nav class="level block">
			<div class="level-left" style="max-width:80%;width:80%;">
				<div class="level-item" style="display:inline-flex;flex-direction:column;align-items:flex-start;max-width:80%;">
					<h1 class="title is-3 is-spaced" id="journal_title">
						{{ $paper->title }}
					</h1>
					@if($paper->subtitle)
						<h2 class="subtitle is-5">{{ $paper->subtitle }}</h2>
					@endif
				</div>
			</div>
		</nav>
		<nav id="hal_panel" class="level box">
			<div class="level-left">
				<div class="level-item">
					<p>
						<strong>{{ $hal_display['label'] }} </strong>{!! $hal_display['value'] !!}
						<br>
						<strong>{{ __('exporters.state') }} : </strong><span class="tag is-medium {{ $hal_state['class'] }}">{{ $hal_state['label'] }}</span>
					</p>
				</div>
			</div>
			@if(!$paper->hasHalId())
				<div class="level-right">
					<div class="level-item">
						@if($is_ready_for_export)
							<form action="{{ route('exporters.hal.store', ['issue_id' => $paper->issue_id, 'paper_id' => $paper->id]) }}" method="POST">
								@csrf
								<div class="field">
									<div class="control">
										<button class="button is-primary" type="submit" title="{{ __('copy.hal.export_ready') }}">
											<span class="icon">
												<i class="fas fa-file-export"></i>
											</span>
											<span>
												{{ __('actions.export_to_hal') }}
											</span>
										</button>
									</div>
								</div>
							</form>
						@else
							<div class="button" title="{{ __('copy.hal.missing_mandatory') }}" disabled>
								<span class="icon">
									<i class="fas fa-file-export"></i>
								</span>
								<span>
									{{ __('actions.export_to_hal') }}
								</span>
							</div>
						@endif
					</div>
				</div>
			@endif
		</nav>
		@if(session()->has('success'))
			@include('includes.shared.auto_dismiss_toast', ['message_kind' => session('success.message_kind'), 'message' => session('success.message')])
		@endif
		@if($paper->hasHalId())
			<h4 class="title is-4">{{ __('titles.sections.hal_details') }}</h4>
			<div class="control block">
				<textarea id="hal_detail" cols="30" rows="25" class="textarea is-family-monospace" disabled style="line-height:1.8rem;">
{{ $filtered_hal }}
				</textarea>
			</div>
		@else
			<h4 class="title is-4">{{ __('titles.sections.hal_checklist') }}</h4>
			<div class="columns">
				@foreach($checklist as $listname => $item)
				<div class="column is-half">
					<h5 class="title is-5">{{ __('titles.sections.' . $listname) }}</h5>
					<table class="table is-narrow box" style="vertical-align: middle;">
						<tbody>
							@foreach($item as $field)
							<tr>
								<td style="vertical-align: middle;">
									<span style="border-radius:100%;" class="icon is-medium has-background-{{ $field['status'] == 'check' ? 'success' : 'danger' }}">
										<i class="fas fa-lg fa-{{ $field['status'] }}"></i>
									</span>
								</td>
								<td style="vertical-align: middle;">{{ $field['label'] }}</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				@endforeach
			</div>
		@endif
	</div>
	<div id="modal_container"></div>
</section>

@endsection