@extends('admin.layouts.app')

@section('admin.content')
<div style="display: flex; justify-content: space-between; align-items: center;">
	<h1 style="margin: 0;">Aggiungi partecipazioni</h1>
	<div style="display: flex; gap: 20px; align-items:center;">
		<a style="padding:20px 5px; background-color:#033ba1; text-decoration:none; color:#fff; border:2px solid black; max-height:70px;" href="{{route('admin.iscrizioni.evento',$id_evento)}}">Torna alla lista</a>
		{{-- <a style="padding:20px 5px; background-color:#033ba1; text-decoration:none; color:#fff; border:2px solid black; max-height:70px;" class="" href="{{ route('admin.iscrizioni.index',$) }}">Torna alla lista</a>
		<a style="padding:20px 5px; background-color:#fff; text-decoration:none; color:#000; border:2px solid black; max-height:70px;"href="{{ route('admin.eventi.export',request()->query()) }}" class="">Conferma selezionati</a> --}}
	</div>
</div>
{{-- <h3>{{$evento->titolo}}</h3> --}}
<div class="container_events_list" style="">
	<form class="filter-form">
		<div class="form-row">

			<div class="form-group">
				<label for="commessa">Codice Fiscale</label>
				<input type="text" name="codice_fiscale" placeholder="" value="{{ request('codice_fiscale') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Nome</label>
				<input type="text" name="nome" placeholder="" value="{{ request('nome') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Cognome</label>
				<input type="text" name="cognome" placeholder="" value="{{ request('cognome') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Indirizzo email</label>
				<input type="text" name="email" placeholder="" value="{{ request('email') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Provincia di Residenza</label>
				<input type="text" name="provincia_residenza" placeholder="" value="{{ request('provincia_residenza') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Demo</label>
				<input type="text" name="demo" placeholder="" value="{{ request('demo') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Forma Contrattuale</label>
				<input type="text" name="forma_contrattuale" placeholder="" value="{{ request('forma_contrattuale') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Professione</label>
				<input type="text" name="professione" placeholder="" value="{{ request('professione') }}">
			</div>
			<div class="form-group">
				<label for="tipologia_attivita">Discipline Associate</label>
				<input type="text" name="discipline_associate" placeholder="" value="{{ request('discipline_associate') }}">
			</div>

			<div class="form-group">
				<label class="" for="">Creato il</label>    
				<div class="">
					<div class="">dal</div>
					<div class="">
						<input type="date" name="creato_dal" value="{{ request('creato_dal') }}" class="" size="10" autocomplete="off">
					</div><br>
					<div class="">al</div>
					<div class="">
						<input type="date" name="creato_al" value="{{ request('creato_al') }}" class="" size="10" autocomplete="off" id="">
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="" for="">Aggiornato il</label>    
				<div class="">
					<div class="">dal</div>
					<div class="">
						<input type="date" name="aggiornato_dal" value="{{ request('aggiornato_dal') }}" class="" size="10" autocomplete="off">
					</div><br>
					<div class="">al</div>
					<div class="">
						<input type="date" name="aggiornato_al" value="{{ request('aggiornato_al') }}" class="" size="10" autocomplete="off" id="">
					</div>
				</div>
			</div>

			<div class="form-group">
				<button type="submit" class="" style="background-color:#00ff00; padding: 20px 5px;">
					🔍 Filtra
				</button>
			</div>
			<div class="form-group">
				<div style="margin: auto 0; background-color:#aa3b31; padding: 20px 5px; text-align:center;">
					<a href="{{ route('admin.evento.index') }}" style="color:#fff; text-decoration:none;">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
	<form method="POST" action="{{ route('admin.iscrizioni.evento.conferma', $id_evento) }}">
    		@csrf
		<div class="table-responsive">
			<table class="table table-bordered table-hover table-striped align-middle">
				<thead class="table-dark text-center">
					<tr>
						<th><input type="checkbox" name="" id="checkAll"></th>
						<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>Demo</th>
					</tr>
				</thead>
				<tbody>
					@foreach ($utenti as $utente)
					<tr>
						<th><input type="checkbox" name="utenti_selezionati[]" value="{{$utente->id}}"></th>
						<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->demo }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>
		<div class="" style="">{{ $utenti->links('pagination::bootstrap-5') }}</div>
		<a style="padding:20px 5px; background-color:#033ba1; text-decoration:none; color:#fff; border:2px solid black; max-height:70px;" href="{{route('admin.iscrizioni.evento',$id_evento)}}">Torna alla lista</a>
		<button type="submit" style="padding:20px 5px; background-color:#033ba1; text-decoration:none; color:#fff; border:2px solid black; max-height:70px;" href>Conferma selezionati</button>
	</form>
	@endif
</div>
@endsection
@push('admin.scripts')
<script>
document.addEventListener('DOMContentLoaded',function()
{
	document.getElementById('checkAll').addEventListener('click',function()
	{
		console.log('ciao');
		const checkboxes=document.querySelectorAll('input[name="utenti_selezionati[]"]');
		checkboxes.forEach(chk=>chk.checked=this.checked);
	});
});
</script>
@endpush