@extends('admin.layouts.app')

@section('admin.content')
<div class="upperbar">
	<h1 style="margin: 0;">Utenti</h1>
	<div class="container-pulsanti">
		<a class="bottone_blu" href="{{ route('admin.utente.create') }}">Nuovo</a>
		<div class="esporta_utenti bottone_bianco">Esporta<br>(Si applicano i filtri)</div>
	</div>
</div>

{{-- campi filtro per esportazione --}}
<div class="container_campi_filtro_esporta hidden">
	<form method="GET" action="{{ route('admin.utenti.export') }}">
		@csrf
		@php
		$campi=[
			'id'=>'ID',
			'ruolo'=>'Ruolo',
			'attivo'=>'Attivo',
			'note'=>'Note',
			'ultimo_accesso'=>'Ultimo accesso',
			'sospeso'=>'Sospeso',
			'email'=>'Email',
			'password'=>'Password',
			'richiesta_modifica_password'=>'Richiesta modifica password',
			'scadenza_account'=>'Scadenza account',
			'codice_fiscale'=>'Codice fiscale',
			'demo'=>'Demo',
			'codice_destinatario'=>'Codice destinatario',
			'pec'=>'PEC',
			'nome'=>'Nome',
			'cognome'=>'Cognome',
			'sesso'=>'Sesso',
			'data_nascita'=>'Data di nascita',
			'comune_nascita'=>'Comune di nascita',
			'stato_nascita'=>'Stato di nascita',
			'regione_residenza'=>'Regione di residenza',
			'provincia_residenza'=>'Provincia di residenza',
			'comune_residenza'=>'Comune di residenza',
			'indirizzo_residenza'=>'Indirizzo di residenza',
			'numero_civico'=>'Numero civico',
			'cap'=>'CAP',
			'telefono'=>'Telefono',
			'fax'=>'Fax',
			'cellulare'=>'Cellulare',
			'partita_iva'=>'Partita IVA',
			'forma_contrattuale'=>'Forma contrattuale',
			'discipline'=>'Discipline',
			'attiva_responsabile'=>'Attiva responsabile',
			'testo_cv'=>'Testo CV',
			'immagine_cv'=>'Immagine CV',
			'foto'=>'Foto',
			'data_email_verificata'=>'Data email verificata',
			'remember_token'=>'Token di accesso',
			'created_at'=>'Creato il',
			'updated_at'=>'Aggiornato il',
		];
		@endphp

		@foreach($campi as $k=>$v)
		<input id="{{$k}}" name="campi[{{$k}}]" type="checkbox" value="{{$v}}">
		<label for="{{$k}}">{{$v}}</label>
		@endforeach

		{{--
		
		Ripopolo i campi presenti nell'url in questo form per mantenere i filtri della paginazione, altrimenti li perdo.
		Il form prende solo quello che è presente in esso. Li creo come campi hidden all'interno del form.
		
		--}}
		@foreach(request()->except('campi') as $qk=>$qv)
			@if(is_array($qv))
				{{--

				il form filtro non contiene array di valori di un determinato campo, ma per completezza e futuri aggiornamenti 
				popolo il campo input hidden anche per questo caso

				--}}
				@foreach($qv as $item)
				<input type="hidden" name="{{ $qk }}[]" value="{{ $item }}">
				@endforeach
			@else
				<input type="hidden" name="{{ $qk }}" value="{{ $qv }}">
			@endif
		@endforeach

		<button type="submit" style="padding:20px 5px; background-color:#033ba1; color:#fff; border:2px solid black; max-height:70px;">DOWNLOAD</button>
	</form>
</div>

<div class="container_lista_utenti" style="">
	
	<form class="filter-form">
		<div class="form-row">
			<div class="form-group">
				<label for="attivo">Attivo</label>
				<input type="text" id="attivo" name="attivo" placeholder="" value="{{ request('attivo') }}">
			</div>
			<div class="form-group">
				<label for="sospeso">Sospeso</label>
				<input type="text" id="sospeso" name="sospeso" placeholder="" value="{{ request('sospeso') }}">
			</div>
			{{-- <div class="form-group">
				<label for="titolo">Iscritto ad eventi</label>
				<input type="text" name="iscritto_eventi" placeholder="" value="{{ request('iscritto_eventi') }}">
			</div> --}}
			<div class="form-group">
				<label for="codice_fiscale">Codice Fiscale</label>
				<input type="text" id="codice_fiscale" name="codice_fiscale" placeholder="" value="{{ request('codice_fiscale') }}">
			</div>
			<div class="form-group">
				<label for="nome">Nome</label>
				<input type="text" id="nome" name="nome" placeholder="" value="{{ request('nome') }}">
			</div>
			<div class="form-group">
				<label for="cognome">Cognome</label>
				<input type="text" id="cognome" name="cognome" placeholder="" value="{{ request('cognome') }}">
			</div>
			<div class="form-group">
				<label for="email">Indirizzo email</label>
				<input type="text" id="email" name="email" placeholder="" value="{{ request('email') }}" autocomplete="false">
			</div>
			<div class="form-group">
				<label for="provincia_residenza">Provincia di Residenza</label>
				<input type="text" id="provincia_residenza" name="provincia_residenza" placeholder="" value="{{ request('provincia_residenza') }}">
			</div>
			<div class="form-group">
				<label for="demo">Demo</label>
				<input type="text" id="demo" name="demo" placeholder="" value="{{ request('demo') }}">
			</div>
			<div class="form-group">
				<label for="forma_contrattuale">Forma Contrattuale</label>
				<input type="text" id="forma_contrattuale" name="forma_contrattuale" placeholder="" value="{{ request('forma_contrattuale') }}">
			</div>
			<div class="form-group">
				<label for="professione">Professione</label>
				<input type="text" id="professione" name="professione" placeholder="" value="{{ request('professione') }}">
			</div>
			<div class="form-group">
				<label for="discipline_associate">Discipline Associate</label>
				<input type="text" id="discipline_associate" name="discipline_associate" placeholder="" value="{{ request('discipline_associate') }}">
			</div>
			<div class="form-group">
				<label for="note_utente">Note sull'utente</label>
				<input type="text" id="note_utente" name="note_utente" placeholder="" value="{{ request('note_utente') }}">
			</div>
			<fieldset class="form-group">
				<legend>Creato il</legend>
				
				<label for="creato_dal">Dal</label>
				<input type="date" id="creato_dal" name="creato_dal" value="{{ request('creato_dal') }}" size="10" autocomplete="off">

				<label for="creato_al">Al</label>
				<input type="date" id="creato_al" name="creato_al" value="{{ request('creato_al') }}" size="10" autocomplete="off">
			</fieldset>
			<fieldset class="form-group">
				<legend>Aggiornato il</legend>
				
				<label for="aggiornato_dal">Dal</label>
				<input type="date" id="aggiornato_dal" name="aggiornato_dal" value="{{ request('aggiornato_dal') }}" size="10" autocomplete="off">

				<label for="aggiornato_al">Al</label>
				<input type="date" id="aggiornato_al" name="aggiornato_al" value="{{ request('aggiornato_al') }}" size="10" autocomplete="off">
			</fieldset>

			<div class="form-group">
				<button type="submit" class="bottone_filtra">
					🔍 Filtra
				</button>
			</div>
			<div class="form-group">
				<div class="bottone_reset">
					<a href="{{ route('admin.utente.index') }}">Reset</a>
				</div>
			</div>
		</div>
	</form>
	<div class="" style="">{{ $utenti->links('pagination::bootstrap-5') }}</div>
	@if($utenti->isEmpty())
	<p class="text-center">Non ci sono utenti registrati al momento.</p>
	@else
	<div class="table-responsive">
		<table class="table table-bordered table-hover table-striped align-middle">
			<thead class="table-dark text-center">
				<tr>
					<th>Stato</th>
					<th>Creato il</th>
					<th>Nome</th>
					<th>Cognome</th>
					<th>Codice Fiscale</th>
					<th>Provincia di Residenza</th>
					<th>Indirizzo email</th>
					<th>Ultimo accesso</th>
					<th>Admin</th>
					<th>Azioni</th>
				</tr>
			</thead>
			<tbody>
				@foreach($utenti as $utente)
				<tr>
					<td class="text-center">{{ $utente->attivo }}</td>
					<td>{{ $utente->created_at }}</td>
					<td>{{ $utente->nome }}</td>
					<td>{{ $utente->cognome }}</td>
					<td>{{ $utente->codice_fiscale }}</td>
					<td>{{ $utente->provincia_residenza }}</td>
					<td>{{ $utente->email }}</td>
					<td>{{ $utente->ultimo_accesso }}</td>
					<td>{{ $utente->ruolo }}</td>
					<td class="text-center">
						<a href="{{ route('admin.utente.edit', $utente->id) }}" class="btn btn-warning btn-sm">
							<i class="bi bi-pencil"></i> Modifica
						</a>
						<button class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#deleteModal" data-action="{{ route('admin.utente.destroy', $utente) }}" data-nome="{{ $utente->nome }} {{ $utente->cognome }}">
							<i class="bi bi-trash"></i> Elimina
						</button>
					</td>
				</tr>
				@endforeach
			</tbody>
		</table>
	</div>
	<div class="" style="">{{ $utenti->links('pagination::bootstrap-5') }}</div>
	@endif
</div>
<div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Conferma eliminazione</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
			</div>

			<div class="modal-body">
				Sei sicuro di voler eliminare l’utente
				<strong id="deleteUserName"></strong>?
				<br>
				<span class="text-danger">Questa azione è irreversibile.</span>
			</div>

			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annulla</button>

				<form method="POST">
				@csrf
				@method('DELETE')
					<button type="submit" class="btn btn-danger">
						Elimina definitivamente
					</button>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection

@push('admin.scripts')
<script>
		
	const deleteModal=document.getElementById('deleteModal');

	deleteModal.addEventListener('show.bs.modal', function (event){
		const button=event.relatedTarget;
		const action=button.getAttribute('data-action');
		const nome=button.getAttribute('data-nome');
		const form=deleteModal.querySelector('form');
		form.action=action;
		deleteModal.querySelector('#deleteUserName').textContent=nome;
	});

	const esportaUtenti=document.querySelector('.esporta_utenti');
	esportaUtenti.addEventListener('click',()=>{
		document.querySelector('.container_campi_filtro_esporta').classList.toggle('hidden');
	});
</script>
@endpush