@extends('layouts.app')

@section('content')
<div class="container mt-5">
    <h1 class="mb-4">Richiesta</h1>
    <form id="requestForm" class="needs-validation" novalidate method="POST" action="{{ route('newsletter.store') }}">
        @csrf
        <input type="hidden" name="send_to_admins" value="{{old('send_to_admins', $sendToAdmins) }}">
        <div class="mb-3">
            <label for="commessa" class="form-label">Commessa *</label>
            <input type="text" class="form-control" id="commessa" name="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" 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-control" id="risorsaResponsabile" name="risorsaResponsabile">
                    <option value="" disabled selected>Seleziona un responsabile</option>
                    @foreach ($users as $user)
                        <option value="{{ $user->name }} {{ $user->surname }}" 
                            {{ old('risorsaResponsabile', $newsletter->risorsa_responsabile ?? '') == $user->id ? 'selected' : '' }}>
                            {{ $user->name }} {{ $user->surname }}
                        </option>
                    @endforeach
                </select>
            @else
                <input type="text" class="form-control" id="risorsaResponsabile" name="risorsaResponsabile" value="{{ $users->name }} {{ $users->surname }}" readonly>
            @endif
        </div>
        
        <div class="mb-3">
            <label for="data_richiesta" class="form-label">Data richiesta</label>
            <input type="date" class="form-control" id="data_richiesta" name="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" 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">
        </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>
                <option value="CORSO">CORSO</option>
                <option value="CONGRESSO">CONGRESSO</option>
                <option value="CORSO TEORICO-PRATICO">CORSO TEORICO-PRATICO</option>
                <option value="POST GRADUATE">POST GRADUATE</option>
                <option value="WORKSHOP INTERNAZIONALE">WORKSHOP INTERNAZIONALE</option>
                <option value="CONVEGNO">CONVEGNO</option>
                <option value="FORUM">FORUM</option>
                <option value="FAD">FAD</option>
                <option value="SEMINARIO">SEMINARIO</option>
                <option value="CONFERENZA">CONFERENZA</option>
                <option value="WORKSHOP">WORKSHOP</option>
                <option value="FAD SINCRONA">FAD SINCRONA</option>
                <option value="WEBINAR">WEBINAR</option>
                <option value="BLENDED">BLENDED</option>
            </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">
        </div>

        <div class="mb-3">
            <label for="note" class="form-label">Note</label>
            <textarea class="form-control" id="note" name="note" rows="4"></textarea>
        </div>

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

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const dataRichiestaField = document.getElementById("data_richiesta");

        // Imposta Data richiesta
        const today = new Date().toISOString().split("T")[0];
        dataRichiestaField.value = today;

        // 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