@extends('layouts.app')

@section('content')
<div class="container mt-5">
	<h1 class="mb-4">Modifica Richiesta</h1>
	<form id="editForm" class="needs-validation" novalidate method="POST" action="{{ route('admin.newsletter.update', $newsletter->id) }}">
		@csrf
		@method('PUT')

		<div class="mb-3">
			<label for="commessa" class="form-label">Commessa *</label>
			<input type="text" class="form-control" id="commessa" name="commessa" 
				value="{{ old('commessa', $newsletter->commessa) }}" required>
			<div class="invalid-feedback">Questo campo è obbligatorio.</div>
		</div>

		<div class="mb-3">
			<label for="titolo" class="form-label">Titolo *</label>
			<input type="text" class="form-control" id="titolo" name="titolo"
				value="{{ old('titolo', $newsletter->titolo) }}" required>
			<div class="invalid-feedback">Questo campo è obbligatorio.</div>
		</div>

		<div class="mb-3">
			<label for="risorsaResponsabile" class="form-label">RISORSA RESPONSABILE</label>
			@if(auth()->user() && auth()->user()->hasRole('admin'))
			<select class="form-select" id="risorsaResponsabile" name="risorsaResponsabile">
				@foreach ($users as $user)
				<option value="{{ $user->name }} {{ $user->surname }}" 
					{{ $newsletter->risorsa_responsabile == $user->name . ' ' . $user->surname ? 'selected' : '' }}>{{ $user->name }} {{ $user->surname }}</option>
				@endforeach
			</select>		
			@else
				<input type="text" class="form-control" id="risorsaResponsabile" name="risorsaResponsabile" 
				value="{{ old('risorsaResponsabile', $newsletter->risorsa_responsabile) }}" readonly>
			@endif
		</div>

		<div class="mb-3">
			<label for="dataRichiesta" class="form-label">Data richiesta</label>
			<input type="date" class="form-control" id="dataRichiesta" name="dataRichiesta"
				value="{{ old('dataRichiesta', $newsletter->data_richiesta) }}" readonly>
		</div>

		<div class="mb-3">
			<label for="dataInvio" class="form-label">Data invio *</label>
			<input type="date" class="form-control" id="dataInvio" name="dataInvio"
				value="{{ old('dataInvio', $newsletter->data_invio) }}" required>
			<div class="invalid-feedback">Questo campo è obbligatorio.</div>
		</div>

		<div class="mb-3">
			<label for="area" class="form-label">Area</label>
			<input type="text" class="form-control" id="area" name="area"
				value="{{ old('area', $newsletter->area) }}">
		</div>

		<div class="mb-3">
			<label for="tipologiaAttivita" class="form-label">Tipologia attività *</label>
			<select class="form-select" id="tipologiaAttivita" name="tipologiaAttivita" required>
				<option value="">Seleziona un'opzione</option>
				{{-- @foreach($tipologieAttivita as $attivita)
				<option 
					value="{{$attivita}}"
					{{old('tipologiaAttivita',
						$newsletter->tipologia_attivita)==$attivita 
							?'selected'
							:''
					}}
				>{{$attivita}}</option>	
				@endforeach --}}
			</select>
			<div class="invalid-feedback">Questo campo è obbligatorio.</div>
		</div>

		<div class="mb-3">
			<label for="listaDem" class="form-label">Lista DEM</label>
			<input type="text" class="form-control" id="listaDem" name="listaDem"
				value="{{ old('listaDem', $newsletter->lista_dem) }}">
		</div>

		<div class="mb-3">
			<label for="note" class="form-label">Note</label>
			<textarea class="form-control" id="note" name="note" rows="4">{{ old('note', $newsletter->note) }}</textarea>
		</div>

		<button type="submit" class="btn btn-primary">Salva</button>
		<a class="btn btn-secondary" href="{{ route('newsletter.index') }}">{{ __('Annulla') }}</a>
	</form>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
	// Validazione Bootstrap
	const forms=document.querySelectorAll('.needs-validation');
	Array.from(forms).forEach(function(form) {
		form.addEventListener('submit', function(event) {
			if(!form.checkValidity()){
				event.preventDefault();
				event.stopPropagation();
			}
			form.classList.add('was-validated');
		},false);
	});
});
</script>
@endsection