@extends('dashboard.layouts.app')

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

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

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

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Modifier le courrier</h4>
                <p class="text-muted">Modifiez les informations du courrier</p>

                <form action="{{ route('courrier.update', $courrier) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <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" class="form-control @error('objet') is-invalid @enderror"
                                       name="objet" value="{{ old('objet', $courrier->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" class="form-control @error('reference') is-invalid @enderror"
                                       name="reference" value="{{ old('reference', $courrier->reference) }}">
                                @error('reference')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

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

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

                        {{-- Colonne droite --}}
                        <div class="col-md-4">

                            {{-- Délai --}}
                            <div class="mb-3">
                                <label class="form-label">Délai de traitement (jours)</label>
                                <input type="number" class="form-control"
                                       name="delai_traitement_jours"
                                       value="{{ old('delai_traitement_jours', $courrier->delai_traitement_jours) }}">
                            </div>

                            {{-- Agents --}}
                            <div class="mb-3">
                                <label class="form-label">Agents traitants</label>
                                @php
                                    $selectedAgents = old('agent_traitant_ids', $courrier->agentsTraitants->pluck('id')->toArray());
                                @endphp
                                <select class="form-control select2" name="agent_traitant_ids[]" multiple>
                                    @foreach($agents as $agent)
                                        <option value="{{ $agent->id }}"
                                            {{ in_array($agent->id, $selectedAgents) ? 'selected' : '' }}>
                                            {{ $agent->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- Statut --}}
                            @if(auth()->user()->role->nom !== 'Agent')
                            <div class="mb-3">
                                <label class="form-label">Statut</label>
                                <select class="form-control" name="statut">
                                    @foreach(['Nouveau','Affecté','En traitement','Traité','En souffrance'] as $statut)
                                        <option value="{{ $statut }}" {{ old('statut',$courrier->statut)==$statut?'selected':'' }}>
                                            {{ $statut }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            @endif
                        </div>
                    </div>

                    {{-- Instructions (ARRIVEE uniquement) --}}
                    <div class="row" id="instructions-block" style="display:none">
                        <div class="col-12">
                            <label class="form-label fw-semibold">Instructions / Actions prescrites</label>
                            @php
                                $instructions = old('instructions', $courrier->instructions ?? []);
                            @endphp
                            <select class="form-control select2" name="instructions[]" id="instructions" multiple>
                                @foreach(['Exploitation','Dispositions','Information','Participation','Autres'] as $opt)
                                    <option value="{{ $opt }}" {{ in_array($opt,$instructions)?'selected':'' }}>
                                        {{ $opt }}
                                    </option>
                                @endforeach
                                @foreach($instructions as $extra)
                                    @if(!in_array($extra,['Exploitation','Dispositions','Information','Participation','Autres']))
                                        <option value="{{ $extra }}" selected>{{ $extra }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>

                    {{-- Boutons --}}
                    <div class="d-flex justify-content-between mt-4">
                        <a href="{{ route('courrier.show',$courrier) }}" class="btn btn-secondary">
                            <i class="mdi mdi-arrow-left"></i> Annuler
                        </a>
                        <button class="btn btn-primary">
                            <i class="mdi mdi-content-save"></i> Mettre à jour
                        </button>
                    </div>

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

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

    const typeSelect = document.getElementById('type');
    const instructionsBlock = document.getElementById('instructions-block');
    const instructionsSelect = document.getElementById('instructions');

    function toggleInstructions() {
        instructionsBlock.style.display = (typeSelect.value === 'ARRIVEE') ? 'block' : 'none';
    }

    typeSelect.addEventListener('change', toggleInstructions);
    toggleInstructions();

    $(instructionsSelect).select2({
        tags: true,
        placeholder: "Sélectionnez ou ajoutez des instructions",
        width: '100%'
    });
});
</script>
@endsection