@extends('layouts.app')

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

@section('content')

<section class="section" style="min-height:80vh;">
	<div class="container" id="doi_page">
		<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="doi_panel" class="level box">
			<div class="level-left">
				<div class="level-item">
					<p>
						<strong>{{ $doi_display['label'] }} </strong>{!! $doi_display['value'] !!}
						<br>
						<strong>{{ __('exporters.state') }} : </strong><span class="tag is-medium {{ $doi_state['class'] }}">{{ $doi_state['label'] }}</span>
					</p>
				</div>
			</div>
			<div class="level-right">
				<div class="dropdown level-item is-right">
					<div class="dropdown-trigger">
						<a class="button" aria-haspopup="true" aria-controls="dropdown-menu">
							<span>{{__('actions.manage_doi')}}</span>
							<span class="icon is-small">
								<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
							</span>
						</a>
					</div>
					<div class="dropdown-menu" id="dropdown-menu-{{ $paper->id }}" role="menu">
						<div class="dropdown-content">
							@foreach($actions as $action_key => $action)
							<p>
								<a href="{{ $action->href }}" class="dropdown-item {{ $action_key . '_doi' }}">
									<span class="has-text-weight-bold">{{ $action->title }}</span>
									<br>
									<span class="">{{ __('copy.doi.' . $action_key) }}</span>
								</a>
							</p>
							@endforeach
						</div>
					</div>
				</div>
			</div>
		</nav>
		@if(session()->has('success'))
		@include('includes.shared.auto_dismiss_toast', ['message_kind' => session('success.message_kind'), 'message' => session('success.message')])
		@endif
		@if($paper->hasDoi())
		<h4 class="title is-4">{{ __('titles.sections.doi_details') }}</h4>
		<div class="control block">
			<textarea id="doi_detail" cols="30" rows="25" class="textarea is-family-monospace" disabled style="line-height:1.8rem;">
{{ $filtered_doi }}
			</textarea>
		</div>
		@else
		<div class="block">
			<p class="has-text-centered mt-6">{{ __('copy.doi.no_doi_yet') }}</p>
		</div>
		@endif
	</div>
	<script src="{{ url('/js/exporters/datacite.js') }}"></script>
	<div id="modal_container"></div>
</section>

@endsection