@extends('admin.layouts.app')

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

<div class="container_campi_filtro_esporta hidden mt-3">
	<form method="GET" action="{{ route('admin.eventi.export') }}">
		@csrf
		<p style="color:#ff0000;">
			Deselezionare i campi non interessati per l'esportazione.<br>
			Ai fini dell'esportazione vengono considerati anche i FILTRI attivi per la paginazione.<br>
			Cliccare sul pulsante RESET nel blocco dei filtri se si vogliono esportare tutti gli eventi.
		</p>
		
		<button type="submit" style="padding:20px 5px; background-color:#033ba1; color:#fff; border:2px solid black; max-height:70px;">DOWNLOAD</button>

		<div class="row mt-3">
			@foreach($campi_esportazione as $k=>$v)
			<div class="col-6 col-md-4 col-lg-3 mb-2">
				<input id="{{$k}}" name="campi[{{$k}}]" type="checkbox" value="{{$v}}" checked="checked">
				<label for="{{$k}}">{{$v}}</label>
			</div>
			@endforeach
		</div>
		{{--

		Ripopolo i campi presenti nell'url in questo form per mantenere i filtri della paginazione, altrimenti li perdo. Il form prende solo quello è 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
	</form>
</div>

<div class="container_lista_eventi" style="">
	<form class="filter-form">
		<div class="form-row">
			<div class="form-group">
				<label for="titolo">Titolo</label>
				<input type="text" name="titolo" placeholder="Titolo Evento" value="{{ request('titolo') }}">
			</div>
			<div class="form-group">
				<label for="commessa">Commessa</label>
				<input type="text" name="commessa" id="commessa" placeholder="Nome Commessa" value="{{ request('commessa') }}">
			</div>
			<div class="form-group">
				<label for="tipologia_attivita">Tipologia attività</label>
				<input type="text" name="tipologia_attivita" id="tipologia_attivita" placeholder="Tipologia attività" value="{{ request('tipologia_attivita') }}">
			</div>
			<div class="form-group">
				<label for="data_inizio">Data inizio (da)</label>
				<input type="date" name="data_inizio" id="data_inizio" value="{{ request('data_inizio') }}">
			</div>
			<div class="form-group">
				<label for="data_fine">Data inizio (a)</label>
				<input type="date" name="data_fine" id="data_fine" value="{{ request('data_fine') }}">
			</div>
			<div class="form-group">
				<label for="risorsa_responsabile">Risorsa responsabile</label>
				<input type="text" name="risorsa_responsabile" id="risorsa_responsabile" placeholder="Risorsa responsabile" value="{{ request('risorsa_responsabile') }}">
			</div>
			
			{{-- <div class="form-group">
				<label for="trimestre">Trimestre (Selezionare mese di partenza)</label>
				<select class="form-select" name="trimestre" id="trimestre">
					@foreach ($regioni as $regione)
					<option value="{{$regione}}">
					
					</option>
					@endforeach
				</select>
			</div> --}}
			<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.evento.index') }}">Reset</a>
				</div>
			</div>
		</div>
	</form>

	@if(session('success'))
		<div class="alert alert-success">{{ session('success') }}</div>
	@endif

	@if($eventi->isEmpty())
	<p class="text-center text-muted">Nessun evento disponibile.</p>
	@else
	<div class="" style="">{{ $eventi->links('pagination::bootstrap-5') }}</div>
	<div class="" style="">
		@foreach($eventi as $evento)
		<div class="py-1">
			@if($evento->tipologia_evento)
			<div style="color:{{$evento->tipologia_evento->colore}}; font-weight:bold;">
				{{strtoupper($evento->tipologia_evento->titolo)}}
			</div>
			@else
			<div style="color:'#000;">
				Categoria non più disponibile
			</div>
			@endif
			<div style="
				border:2px solid {{ $evento->tipologia_evento->colore ?? '#ccc' }};
				border-radius:10px;
				padding:12px;
				display:flex;
				flex-wrap:wrap;
				gap:12px;
				background:#fff;
				"
			>
				<div style="width:100px;">
				@if($evento->immagine)
					<img
						src="{{ filter_var($evento->immagine, FILTER_VALIDATE_URL) ? $evento->immagine : asset('storage/' . $evento->immagine) }}"
						alt="Banner Evento"
						style="width:100px; object-fit:contain; border-radius:6px; border:1px solid #eee;"
					>
				@else
					<div
						class=""
						style="width:100px; border:1px dashed #ccc; border-radius:6px; display:flex; align-items:center; justify-content:center; color:#bbb; font-size:22px;"
					>
						<i class="bi bi-image"></i>
					</div>
				@endif
				</div>

				<div style="flex:1; min-width:200px;">
					<h5 class="" style="margin:0 0 6px 0; font-size:18px; font-weight:600;">
						{{ $evento->titolo ?? "N/A"}}
					</h5>
					<p class="" style="margin:2px 0; font-size:14px;">Data di Inizio: {{date('d/m/Y',strtotime($evento->data_inizio))}}</p>
					<p class="" style="margin:2px 0; font-size:14px;">Città: {{ $evento->citta ?? 'N/A' }}</p>
					<p class="" style="margin:2px 0; font-size:14px;">Sede: {{ $evento->sede ?? 'N/A' }}</p>
					<p class="" style="margin:2px 0; font-size:14px;">Responsabile: {{ $evento->risorsa_responsabile ?? 'N/A' }}</p>
					<p class="" style="margin:2px 0; font-size:14px;">Commessa: {{ $evento->commessa ?? 'N/A' }}</p>
				</div>

				<div class="" style="flex:0 0 100%; display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; margin-top:8px;">
					<button class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteModal" data-action="{{ route('admin.evento.destroy',$evento->id) }}" data-titolo="{{ $evento->titolo }}">
						<i class="bi bi-trash"></i> Elimina
					</button>
					<a href="{{ route('admin.evento.duplica', $evento->id) }}" class="btn btn-sm btn-outline-success">
						<i class="bi bi-copy"></i> Duplica
					</a>
					<a href="{{ route('admin.evento.edit',$evento->id) }}" class="btn btn-sm btn-outline-warning" style="">
						<i class="bi bi-pencil"></i> Modifica
						{{-- <a href="{{ route('admin.iscrizioni.evento',$evento->id) }}" class="btn btn-sm btn-outline-info mb-1" style="">Iscrizioni</a> --}}
					</a>
				</div>
			</div>
		</div>
		@endforeach
	</div>
	<div class="pt-4" style="">{{ $eventi->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’evento
				<strong id="eliminaTitolo"></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(e){
		const button=e.relatedTarget;
		const action=button.getAttribute('data-action');
		const titolo=button.getAttribute('data-titolo');
		const form=deleteModal.querySelector('form');
		form.action=action;
		deleteModal.querySelector('#eliminaTitolo').textContent=titolo;
	});

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