@extends('layouts.app')

@section('title', $windowTitle)

@section('content')
<section class="section" style="min-height:80vh">
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<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>
			</nav>			
		</div>
	</div>
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<h1 class="title is-3 mt-4">{{ $pageTitle }}</h1>
		</div>
	</div>	

	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<div class="block">
				<table class="table is-bordered" id="invitations_list_table">
					<thead>
					    <tr>
					      <th>{{__('labels.lastname')}}</th>
					      <th>{{__('labels.invitation_date')}}</th>
					      <th>{{__('labels.headers.role')}}</th>
					      <th>{{__('labels.issue')}}</th>
					      <th>{{__('labels.invitation_message')}}</th>
					      <th>{{__('labels.invitation_status')}}</th>
					      <th>{{__('labels.invitation_reminder')}}</th>
					    </tr>
					</thead>
					<tbody>
						@foreach($invitations as $inv)
							<tr>
								<td>{{ $inv['firstname'].' '.$inv['lastname'] }}</td>
								<td>{{ $inv['sending_date'] }}</td>
								<td>{{ Str::ucfirst(__('labels.roles.'.$inv['role']['name'])) }}</td>
								<td>{{ $inv['entity_type'] == config('app.taggables.journal') ? __('labels.all_issues') : Str::limit($inv['issue_title'], 30, '...') }}</td>
								<td><a id="message_inv_{{$inv['id']}}" class="js-modal-trigger" data-message="{{ $inv['message'] }}" data-target="modal-show-invitation_message">{{ __('labels.show_invitation_message') }}</a></td>
								<td>
									@if($inv['status_id'] == 1)
										{{ __('labels.invitation_pending') }}
									@elseif($inv['status_id'] == 2)
										<span class="has-text-success">
											@if(isset($inv['user_accepting_invitation']['accepting_date']))
												{{ __('labels.invitation_accepted').' '.$inv['user_accepting_invitation']['accepting_date'] }}
											@endif
										</span>
									@elseif($inv['status_id'] == 3)
										<span class="has-text-danger">
											@if(isset($inv['user_rejecting_invitation']['rejecting_date']))
												{{ __('labels.invitation_rejected').' '.$inv['user_rejecting_invitation']['rejecting_date'] }}
											@endif
										</span>
									@endif
								</td>
								<td>
									@foreach($inv['reminders'] as $remind)
										<ul>
											<li>{{ __('labels.invitation_reminder_sent').' '.$remind['reminding_date'] }}</li>
										</ul>
									@endforeach
									@if($inv['status_id'] == 1 && $inv['days_from_sending'] > 15)
										<p class="has-text-centered  m-2"><a id="reminder_inv_{{$inv['id']}}" href="{{ route('invitations.reminder.create',['invitation_id' => $inv['id']]) }}">{{ __('labels.invitation_to_remind') }}</p>
										</a>
									@elseif($inv['status_id'] != 1 && count($inv['reminders']) == 0)
										<p class="has-text-centered">&mdash;</p>
									@endif
									</div>									
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			</div>				
		</div>
	</div>	

		<div id="modal_container"></div>
		<div class="modal" id="modal-show-invitation_message">
		    <div class="modal-closer modal-background"></div>
		    <div class="modal-content block">
		        <div class="box">
		            <button class="modal-closer delete block is-pulled-right" aria-label="close"></button>
		            <span id="invitation_message_span"></span>
		        </div>
		    </div>
		</div>
</section>
<script src="{{ url('/js/modules/invitationList.js') }}"></script>
@endsection