@extends('dashboard.layouts.app')

@section('title', 'Actions courrier - UAC eservices')
@section('page-title', 'Actions sur le courrier')

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

@section('content')
<div class="row">
    <div class="col-lg-10 mx-auto">

        {{-- Carte information courrier --}}
        <div class="card shadow-sm mb-4">
            <div class="card-body">

                <div class="d-flex justify-content-between align-items-start">
                    <div>
                        <h4 class="mb-1">{{ $courrier->objet }}</h4>
                        <div class="text-muted small">
                            Référence :
                            <strong>{{ $courrier->reference ?? 'N/A' }}</strong> |
                            Type :
                            <span class="badge bg-secondary">{{ $courrier->type }}</span>
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        <a href="{{ route('courrier.index') }}"
                            class="btn btn-light border">
                            <i class="mdi mdi-arrow-left"></i>
                            Retour
                        </a>

                        @if($courrier->type === 'DEPART')
                        <button class="btn btn-success"
                            data-bs-toggle="modal"
                            data-bs-target="#relanceModal">
                            <i class="mdi mdi-bell-ring-outline me-1"></i>
                            Relancer
                        </button>
                        @endif
                    </div>
                </div>

                <hr>

                <div class="row">
                    <div class="col-md-6">
                        <p class="mb-1"><strong>Affecté par :</strong></p>
                        <span class="text-muted">
                            {{ $courrier->affectateur->name ?? 'N/A' }}
                        </span>
                    </div>

                    <div class="col-md-6">
                        <p class="mb-1"><strong>Agents traitants :</strong></p>
                        @forelse($courrier->agentsTraitants as $agent)
                        <span class="badge bg-info me-1 mb-1">
                            {{ $agent->name }}
                        </span>
                        @empty
                        <span class="text-muted">Aucun agent assigné</span>
                        @endforelse
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>

{{-- ================= MODAL RELANCE (COURRIER DEPART) ================= --}}
@if($courrier->type === 'DEPART')
<div class="modal fade" id="relanceModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">

            <form method="POST" action="{{ route('courrier.relance', $courrier) }}">
                @csrf

                {{-- Header --}}
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title">
                        <i class="mdi mdi-email-send-outline me-1"></i>
                        Relance du courrier
                    </h5>
                    <button type="button"
                        class="btn-close btn-close-white"
                        data-bs-dismiss="modal"></button>
                </div>

                {{-- Body --}}
                <div class="modal-body">

                    <div class="alert alert-info small">
                        Cette action enverra une relance
                        <strong>par email et WhatsApp</strong>
                        aux <strong>destinataires du courrier</strong>.
                    </div>

                    {{-- Destinataires --}}
                    <div class="mb-4">
                        <label class="form-label fw-semibold">
                            Destinataires du courrier
                        </label>

                        <select name="destinataires[]"
                            id="destinataires"
                            class="form-control select2"
                            multiple
                            required>

                            @forelse($courrier->agentsTraitants as $agent)
                            <option value="{{ $agent->id }}" selected>
                                {{ $agent->name }} — {{ $agent->role->nom ?? 'N/A' }}
                            </option>
                            @empty
                            <option disabled>Aucun agent affecté</option>
                            @endforelse

                        </select>


                        <small class="text-muted">
                            Les personnes sélectionnées recevront la relance officielle.
                        </small>
                    </div>

                    {{-- Message --}}
                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Message de relance
                        </label>

                       <textarea name="message"
    class="form-control"
    rows="8" required>Bonjour,

Nous vous rappelons que le courrier ci-dessous nécessite votre attention et un suivi approprié dans les délais impartis.

Objet : {{ $courrier->objet }}
Référence : {{ $courrier->reference ?? 'N/A' }}
Date de réception : {{ $courrier->date_reception->format('d/m/Y') }}

Merci de bien vouloir traiter ce courrier dans les plus brefs délais et de prendre les mesures nécessaires.

Cordialement,
ePerformancePlus
</textarea>

                    </div>

                </div>

                {{-- Footer --}}
                <div class="modal-footer">
                    <button type="button"
                        class="btn btn-light"
                        data-bs-dismiss="modal">
                        Annuler
                    </button>

                    <button type="submit"
                        class="btn btn-success">
                        <i class="mdi mdi-send me-1"></i>
                        Envoyer la relance
                    </button>
                </div>

            </form>

        </div>
    </div>
</div>
@endif
@endsection

@section('scripts')
<script>
    $(document).ready(function() {

        $('#destinataires').select2({
            placeholder: "Sélectionner les destinataires",
            width: '100%',
            dropdownParent: $('#relanceModal')
        });

    });
</script>
@endsection