@extends('layouts.app')
@section('title', __('titles.windows.decline_review'))

@section('content')
<section class="section" id="decline_review_page" style="min-height:80vh;">
	<div class="columns is-centered">
		<div class="column is-two-fifths">
			<h1 class="title is-3">
				{{ __('titles.windows.decline_review') }}
			</h1>
			<div class="box">
				@infomessage(['html_message' => __('copy.give_us_a_reason', ['name' => $user->name(), 'journal' => $call_for_paper->journal->title])])
				<div class="block">
					<h4 class="title is-4">
						{{ $submission->title }}
					</h4>
					@if($submission->subtitle != '')
					<h5class="subtitle">
						{{ $submission->subtitle }}
					</h5>
					@endif
					@if(count($submission->tags))
					<div class="field is-grouped is-grouped-multiline">
						@foreach($submission->tags as $tag)
						@include('includes.shared.readonly_tag', ['tag' => $tag])
						@endforeach
					</div>
					@endif
				</div>
				<form action="{{ $form_action }}" method="POST" id="decline_review_cause_form" novalidate>
					@csrf
					<div class="field">
						<label for="decline_cause_id" class="label is-required">
							{{ __('labels.decline_cause') }}
							@contexterror(['field' => 'decline_cause_id'])
						</label>
						<div class="control">
							<div class="select">
								<select name="decline_cause_id" id="decline_cause_id" required="required">
									<option value="null">Choisissez un motif...</option>
									@foreach($decline_causes as $cause)
									<option value="{{ $cause->id }}" data-code="{{ $cause->cause }}">{{ $cause->description }}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div>
					<div class="field">
						<label for="other_cause" class="label">
							{{ __('labels.other_cause') }}
							@contexterror(['field' => 'other_cause'])
						</label>
						<div class="control">
							<textarea name="other_cause" id="other_cause" class="textarea"></textarea>
						</div>
					</div>
					<div class="is-grouped field">
						<div class="control">
							<button class="button is-primary" id="decline_review_cause_form" type="submit">
								{{ __('actions.confirm_review_decline') }}
							</button>
						</div>
						<div class="control">
							<button class="button is-text has-text-primary" id="cancel_button" type="button">
								{{ __('actions.shared.cancel') }}
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="modal_container"></div>
</section>
@endsection