@extends('dashboard.layouts.app')

@section('title', 'Nouveau courrier - UAC eservices')

@section('page-title', 'Nouveau courrier')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('courrier.index') }}">Courrier</a></li>
<li class="breadcrumb-item active" aria-current="page">Créer</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Enregistrer un nouveau courrier</h4>
                <p class="text-muted">Saisissez les informations du courrier entrant</p>

                {{-- ================== FORMULAIRE UNIQUE ================== --}}
                <form action="{{ route('courrier.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf

                    {{-- Flag DEPART --}}
                    <input type="hidden" name="is_depart" id="is_depart" value="0">

                    <div class="row">
                        <div class="col-md-8">
                            {{-- Objet --}}
                            <div class="mb-3">
                                <label class="form-label">Objet du courrier <span class="text-danger">*</span></label>
                                <input type="text" name="objet"
                                    class="form-control @error('objet') is-invalid @enderror"
                                    value="{{ old('objet') }}" required>
                                @error('objet')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            {{-- Référence --}}
                            <div class="mb-3">
                                <label class="form-label">Référence</label>
                                <input type="text" name="reference"
                                    class="form-control @error('reference') is-invalid @enderror"
                                    value="{{ old('reference') }}">
                                @error('reference')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            <div class="row">
                                {{-- Type --}}
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label class="form-label">Type de courrier <span class="text-danger">*</span></label>
                                        <select name="type" id="type"
                                            class="form-control @error('type') is-invalid @enderror" required>
                                            <option value="">Sélectionner un type</option>
                                            <option value="ARRIVEE">Courrier arrivée ordinaire</option>
                                            <option value="DA">Demande d’Avis (DA)</option>
                                            <option value="DEPART">Courrier Départ</option>
                                            <option value="AUTRE">Autres</option>
                                        </select>
                                        @error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                </div>

                                {{-- Date --}}
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label class="form-label">Date de réception <span class="text-danger">*</span></label>
                                        <input type="date" name="date_reception"
                                            class="form-control @error('date_reception') is-invalid @enderror"
                                            value="{{ old('date_reception', date('Y-m-d')) }}" required>
                                        @error('date_reception')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Côté droit --}}
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label class="form-label">Délai de traitement (jours)</label>
                                <input type="number" name="delai_traitement_jours"
                                    class="form-control @error('delai_traitement_jours') is-invalid @enderror"
                                    value="{{ old('delai_traitement_jours') }}">
                                @error('delai_traitement_jours')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            {{-- Agents --}}
                            <div class="mb-3">
                                <label class="form-label">Agents Traitants</label>
                                <span class="text-muted">(chargés du traitement)</span>
                                <select name="agent_traitant_ids[]"
                                    class="form-control select2"
                                    multiple>
                                    @foreach($agents as $agent)
                                    <option value="{{ $agent->id }}">{{ $agent->name }}</option>
                                    @endforeach
                                </select>

                                <div class="alert alert-info mt-2">
                                    Si aucun agent n'est sélectionné, le courrier sera marqué <strong>Nouveau</strong>.
                                </div>

                            </div>
                        </div>
                    </div>

                    {{-- Document --}}
                    <div class="mb-3">
                        <label class="form-label">Document du courrier</label>
                        <input type="file" name="file"
                            class="form-control @error('file') is-invalid @enderror">
                        @error('file')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Instructions ARRIVEE --}}
                    <div class="mb-3" id="instructions-block" style="display:none">
                        <label class="form-label fw-semibold">Instructions / Actions prescrites</label>
                        <select name="instructions[]" class="form-control select2" multiple>
                            <option value="Exploitation">Pour exploitation</option>
                            <option value="Dispositions">Pour dispositions</option>
                            <option value="Information">Pour information</option>
                        </select>
                    </div>
                    {{-- Bloc spécifique COURRIER DEPART --}}
                    <div class="mb-4" id="depart-block" style="display:none">

                        <h5 class="mb-3 text-primary">Actions – Courrier Départ</h5>

                        <!-- <div class="mb-3">
                            <label class="form-label fw-semibold">Destinataires</label>
                            <span class="text-muted">(réception du courrier)</span>
                            <select name="depart_destinataires[]"
                                class="form-control select2"
                                multiple>
                                @foreach($agents as $user)
                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                                @endforeach
                            </select>

                        </div> -->


                        <!-- <div class="mb-3">
                            <label class="form-label fw-semibold">Délai prescrit</label>
                            <input type="date"
                                name="date_limite"
                                class="form-control">
                        </div> -->

                        <div class="mb-3">
                            <label class="form-label fw-semibold">Actions attendues</label>
                            <textarea name="actions_attendues"
                                class="form-control"
                                rows="3"></textarea>
                        </div>

                        <!-- <div class="form-check form-switch">
                            <input class="form-check-input"
                                type="checkbox"
                                name="action_satisfaite"
                                value="1">
                            <label class="form-check-label">
                                Action satisfaite
                            </label>
                        </div> -->

                    </div>


                    {{-- Boutons --}}
                    <div class="d-flex justify-content-between">
                        <a href="{{ route('courrier.index') }}" class="btn btn-secondary">Annuler</a>
                        <button type="submit" class="btn btn-primary">
                            Enregistrer le courrier
                        </button>
                    </div>


                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {

        const typeSelect = document.getElementById('type');
        const instructions = document.getElementById('instructions-block');
        const departBlock = document.getElementById('depart-block');
        const isDepart = document.getElementById('is_depart');

        function toggleBlocks(type) {

            // ARRIVEE
            instructions.style.display = (type === 'ARRIVEE') ? 'block' : 'none';

            // DEPART
            departBlock.style.display = (type === 'DEPART') ? 'block' : 'none';
            isDepart.value = (type === 'DEPART') ? 1 : 0;
        }

        // Au changement
        typeSelect.addEventListener('change', function() {
            toggleBlocks(this.value);
        });

        // Au rechargement (old value)
        toggleBlocks(typeSelect.value);
    });
</script>
@endsection