@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">
			<article class="message is-info">
			  <div class="message-body">
			  	{!! __('copy.role_form_message', ['invitation_create_url'=>$invitation_create_url, 'role_definition_modal'=>$role_definition_modal]) !!}
			  </div>
			</article>
			<div class="block">
				<form action="{{ $url }}" id="role_create_form" method="POST" novalidate>
					@csrf
					<div class="columns">
						<div class="column">
							<div class="field">
								<label for="user_fullname_id" class="label is-required">
									{{ __('labels.user_fullname') }}
									@error('user_fullname')
									@include('includes.shared.context_error', ['message' => $errors->first('user_fullname')])
									@enderror									
								</label>
								<div class="control">
									<input type="text" class="input" name="user_fullname_selected" id="user_fullname_selected" data-url="{{route('users.search.active')}}" required/>
									<input id="user_fullname_id" name="user_fullname_id" type="hidden"/>
								</div>								
							</div>
						</div>
						<div class="column is-one-quarter">
							<div class="field">
								<label for="role_id" class="label is-required">
									{{__('labels.headers.role')}}
									@error('role')
									@include('includes.shared.context_error', ['message' => $errors->first('role')])
									@enderror									
								</label>
								<div class="control">
									<div class="select is-fullwidth">
										<select name="role_id" id="role_id">
											@if($roles && count($roles) > 0)
												@foreach($roles as $role)
													<option value="{{ $role->id }}">{{ Str::ucfirst(__('labels.roles.'.$role->name)) }}</option>
												@endforeach
											@endif
										</select>
									</div>
								</div>								
							</div>
						</div>
						<div class="column is-one-quarter">
							<div class="field">
								<label for="issue_id" class="label is-required">
									{{__('labels.issue')}}
									@error('issue')
									@include('includes.shared.context_error', ['message' => $errors->first('issue')])
									@enderror									
								</label>
								<div class="control">
									<div class="select is-fullwidth">
										<select name="issue_id" id="issue_id">
											@if($issues && count($issues) > 0)
												<option value="0">{{ __('labels.all_issues') }}</option>
												@foreach($issues as $issue)
													<option title="{{$issue->pattern_title}}" value="{{ $issue->id }}">{{ Str::limit($issue->pattern_title, 45, '...') }}</option>
												@endforeach
											@endif
										</select>
									</div>
								</div>								
							</div>								
						</div>
						<div class="column">
							<div class="field">
								<label class="label">&nbsp;</label>
								<div class="control">
									<button id="submit_invitation_button" class="button is-primary is-outlined" type="submit">
										{{__('actions.shared.save')}}
									</button>
								</div>
							</div>							
						</div>

					</div>					
				</form>
			</div>
		</div>
	</div>
	<div class="columns is-centered">
		<div class="column is-three-quarters-widescreen">
			<div class="block" id="roles_table_block">
				<table class="table is-bordered is-fullwidth" id="roles_list_table">
					<thead>
					    <tr>
					      <th>{{__('labels.user_fullname')}}</th>
					      <th>{{__('labels.headers.role')}}</th>
					      <th>{{__('labels.issue')}}</th>
					      <th>{{__('labels.headers.actions')}}</th>
					    </tr>
					</thead>
					<tbody>
						@foreach($users as $k=>$user)
							<tr>
								<td>{{ $user->firstname.' '.$user->lastname }}</td>
								<td>
									<div class="select is-fullwidth">
										<select name="table_roleSelect_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" id="table_roleSelect_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" data-url="{{route('users.roles.update',['user_id' => $user->id, 'role_id' => $user->role_id])}}" {{($user->users_roles_deleted_at != NULL || $user->accessables_deleted_at != NULL) ? 'disabled':''}}>
											@if($roles && count($roles) > 0)
												@foreach($roles as $role)
													<option value="{{ $role->id }}" {{ $user->role_id == $role->id ? 'selected' : '' }}>{{ Str::ucfirst(__('labels.roles.'.$role->name)) }}</option>
												@endforeach
											@endif
										</select>
									</div>
								</td>
								<td>
									<div class="select is-fullwidth">
										<select name="table_issueSelect_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" id="table_issueSelect_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" data-url="{{route('users.roles.update',['user_id' => $user->id, 'role_id' => $user->role_id])}}" data-accessable="{{$user->accessable_type}}_{{$user->accessable_id}}" {{($user->users_roles_deleted_at != NULL || $user->accessables_deleted_at != NULL) ? 'disabled':''}}>
											@if($user->accessable_type == config('app.taggables.journal'))
												<option value="0" selected>{{ __('labels.all_issues') }}</option>
												@if(isset($user->role_id) && $user->role_id !=4)
													@if($issues && count($issues) > 0)
														@foreach($issues as $issue)												
															<option title="{{$issue->pattern_title}}" value="{{ $issue->id }}">{{ Str::limit($issue->pattern_title, 45, '...') }}</option>
														@endforeach
													@endif
												@endif	
											@else
												@if(isset($user->role_id) && $user->role_id !=7)
													<option value="0">{{ __('labels.all_issues') }}</option>
												@endif
												@if(isset($user->role_id) && $user->role_id !=4)
													@if($issues && count($issues) > 0)
														@foreach($issues as $issue)
																<option title="{{$issue->pattern_title}}" value="{{ $issue->id }}" {{ $user->accessable_issue_id == $issue->id ? 'selected' : '' }}>{{ Str::limit($issue->pattern_title, 45, '...') }}</option>
														@endforeach
													@endif												
												@endif
											@endif	
										</select>
									</div>									
								</td>
								<td style="min-width:20%;">
									@if($user->users_roles_deleted_at == NULL && $user->accessables_deleted_at == NULL)
										<a id="deactivate_row_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" class="is-size-7 mr-4 button is-danger" data-url="{{route('users.roles.delete',['user_id' => $user->id, 'role_id' => $user->role_id])}}">
											<i class="fas fa-times mr-2"></i>{{ __('actions.crud.deactivate') }}
										</a>
										@if($authentifiedUser->isAdmin())
											<a id="delete_row_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" class="icon" data-url="{{route('users.roles.forceDelete',['user_id' => $user->id, 'role_id' => $user->role_id])}}">
												<i class="fas fa-trash-alt"></i></a>
										@endif
									@elseif($user->users_roles_deleted_at != NULL || $user->accessables_deleted_at != NULL)
										<a id="activate_row_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" class="is-size-7 mr-4 button is-success" data-url="{{route('users.roles.restore',['user_id' => $user->id, 'role_id' => $user->role_id])}}">
											<i class="fas fa-check mr-2"></i>{{ __('actions.crud.activate') }}
										</a>
										@if($authentifiedUser->isAdmin())
											<a id="delete_row_userRoleId_{{$user->users_roles_id}}_accessablePk_{{$user->id_PK_accessables}}" class="icon" data-url="{{route('users.roles.forceDelete',['user_id' => $user->id, 'role_id' => $user->role_id])}}"><i class="fas fa-trash-alt"></i></a>
										@endif
									@endif
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			</div>				
		</div>
	</div>
<div id="modal_container"></div>	
</section>
<script src="{{ url('/js/autocompletes/userAutocomplete.js') }}"></script>
<script src="{{ url('/js/modules/manageRole.js') }}"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.7/dist/css/autoComplete.02.min.css">
@endsection