@extends('back.layout.app')
@section('title', config('app.name') . ' - ' . $operation->name)

@php
    $breadcrumb = 'operations.index';

    $statusColors = [
        'waiting_deal'             => 'kt-badge-destructive',
        'waiting_signature'        => 'kt-badge-primary',
        'signature_reminder'       => 'kt-badge-warning',
        'waiting_element'          => 'kt-badge-warning',
        'requested_elements'       => 'kt-badge-success',
        'waiting_draft'            => 'kt-badge-warning',
        'waiting_draft_walidation' => 'kt-badge-warning',
        'draft_reminder'           => 'kt-badge-warning',
        'waiting_proof'            => 'kt-badge-info',
        'waiting_billing'          => 'kt-badge-warning',
        'billing_done'             => 'kt-badge-success',
        'wining_list_receipt'      => 'kt-badge-success',
        'proof_sended'             => 'kt-badge-success',
        'on_reclamation'           => 'kt-badge-destructive',
        'closed'                   => 'kt-badge-secondary',
    ];
@endphp

@section('content')

<div class="kt-container-fixed">
    <div class="grid grid-cols-1 xl:grid-cols-3 gap-5 lg:gap-7.5">

        {{-- ====== COLONNE GAUCHE (2/3) ====== --}}
        <div class="xl:col-span-2">
            <div class="kt-card p-6 flex flex-col gap-5">

                {{-- Titre + statut + actions --}}
                <div class="flex items-start justify-between gap-4">
                    <div class="flex flex-col gap-1.5 flex-1 min-w-0">
                        <h1 class="text-lg font-bold text-mono leading-tight">{{ $operation->name }}</h1>
                        @if ($operation->media)
                            <div class="flex items-center gap-2">
                                <a href="{{ route('admin.crm.media.show', [$operation->media->id, 'overview']) }}"
                                    class="text-sm font-medium text-primary hover:underline">
                                    {{ $operation->media->name }}
                                </a>
                                @if ($operation->type)
                                    <span class="text-xs text-secondary-foreground">({{ $operation->type->name }})</span>
                                @endif
                            </div>
                        @endif
                        @if ($operation->num_bdc || $operation->invoice_number)
                            <div class="flex flex-wrap items-center gap-2 mt-2">
                                @if ($operation->num_bdc)
                                    <span class="kt-badge kt-badge-outline kt-badge-secondary rounded-full">
                                        {{ $operation->num_bdc }}
                                    </span>
                                @endif
                                @if ($operation->invoice_number)
                                    <span class="kt-badge kt-badge-outline kt-badge-secondary rounded-full">
                                        {{ $operation->invoice_number }}
                                    </span>
                                @endif
                            </div>
                        @endif
                    </div>

                    <div class="flex items-center gap-2.5 shrink-0">
                        <span class="kt-badge kt-badge-outline {{ $statusColors[$operation->status] ?? 'kt-badge-secondary' }}">
                            {{ \App\Models\Operation::STATUSES[$operation->status] ?? $operation->status }}
                        </span>

                        {{-- Modifier --}}
                        @can('edit-operations')
                        <button type="button" class="kt-btn kt-btn-sm kt-btn-icon kt-btn-outline"
                            data-kt-drawer-toggle="#drawer_edit_operation">
                            <i class="ki-outline ki-pencil text-primary"></i>
                        </button>
                        @endcan

                        {{-- Imprimer --}}
                        @can('pdf-operations')
                        <a href="{{ route('admin.operations.pdf.recap', $operation) }}"
                            target="_blank"
                            class="kt-btn kt-btn-sm kt-btn-icon kt-btn-outline">
                            <i class="ki-outline ki-printer"></i>
                        </a>
                        @endcan

                        {{-- Dropdown Dupliquer / Supprimer --}}
                        <div class="kt-menu" data-kt-menu="true">
                            <div class="kt-menu-item kt-menu-item-dropdown"
                                data-kt-menu-item-offset="0, 10px"
                                data-kt-menu-item-placement="bottom-end"
                                data-kt-menu-item-toggle="dropdown"
                                data-kt-menu-item-trigger="click">
                                <button class="kt-menu-toggle kt-btn kt-btn-sm kt-btn-outline kt-btn-icon">
                                    <i class="ki-outline ki-dots-vertical text-base"></i>
                                </button>
                                <div class="kt-menu-dropdown kt-menu-default w-[160px]" data-kt-menu-dismiss="true">
                                    @can('edit-operations')
                                    <div class="kt-menu-item">
                                        <button type="button" class="kt-menu-link w-full text-start"
                                            onclick="Livewire.dispatch('open-duplicate-modal', { operationId: {{ $operation->id }} })">
                                            <span class="kt-menu-icon"><i class="ki-outline ki-copy"></i></span>
                                            <span class="kt-menu-title">Dupliquer</span>
                                        </button>
                                    </div>
                                    @endcan
                                    @can('delete-operations')
                                    @if (!$operation->invoice_number)
                                    <div class="kt-menu-item">
                                        <button type="button" class="kt-menu-link w-full text-start"
                                            data-kt-modal-toggle="#modal_confirm_delete"
                                            data-confirm-url="{{ route('admin.operations.destroy', $operation) }}"
                                            data-confirm-name="{{ $operation->name }}">
                                            <span class="kt-menu-icon"><i class="ki-outline ki-trash text-destructive"></i></span>
                                            <span class="kt-menu-title text-destructive">Supprimer</span>
                                        </button>
                                    </div>
                                    @endif
                                    @endcan
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Description --}}
                @if ($operation->description)
                    <div class="bg-muted/40 rounded-lg px-4 py-3">
                        <p class="text-xs text-secondary-foreground leading-relaxed">{{ $operation->description }}</p>
                    </div>
                @endif

                {{-- Commercial + Ref commande --}}
                <div class="flex flex-col gap-1.5">
                    <div>
                        <span class="text-sm font-semibold text-primary">Commercial :</span>
                        <span class="text-sm text-secondary-foreground ml-1">{{ $operation->user?->firstname ?? '—' }}</span>
                    </div>
                    @if ($operation->order_reference)
                        <div>
                            <span class="text-sm font-semibold text-primary">N° bon de commande client :</span>
                            <span class="text-sm text-secondary-foreground ml-1">{{ $operation->order_reference }}</span>
                        </div>
                    @endif
                </div>

                <div class="border-t border-input border-dashed"></div>

                {{-- Dates --}}
                <div class="grid grid-cols-2 sm:grid-cols-4 gap-4">
                    <div class="flex flex-col gap-1">
                        <div class="flex items-center gap-1.5 text-xs text-secondary-foreground font-medium">
                            <i class="ki-outline ki-calendar text-sm"></i>
                            Date Opération
                        </div>
                        <span class="text-base font-bold text-destructive">{{ $operation->publish_date ?? '—' }}</span>
                    </div>
                    <div class="flex flex-col gap-1">
                        <div class="flex items-center gap-1.5 text-xs text-secondary-foreground font-medium">
                            <i class="ki-outline ki-calendar-tick text-sm"></i>
                            Début Opération
                        </div>
                        <span class="text-base font-bold text-primary">{{ $operation->start_date ?? '—' }}</span>
                    </div>
                    <div class="flex flex-col gap-1">
                        <div class="flex items-center gap-1.5 text-xs text-secondary-foreground font-medium">
                            <i class="ki-outline ki-calendar-tick text-sm"></i>
                            Fin Opération
                        </div>
                        <span class="text-base font-bold text-primary">{{ $operation->end_date ?? '—' }}</span>
                    </div>
                    <div class="flex flex-col gap-1">
                        <div class="flex items-center gap-1.5 text-xs text-secondary-foreground font-medium">
                            <i class="ki-outline ki-calendar-2 text-sm"></i>
                            Date remise éléments
                        </div>
                        <span class="text-base font-bold text-destructive">{{ $operation->expiration_date ?? '—' }}</span>
                    </div>
                </div>

            </div>

            {{-- Bloc Critères --}}
            @if ($operation->type && $operation->type->operationCriterias->isNotEmpty())
            @php $infosByCriteria = $operation->informations->keyBy('criteria_id'); @endphp
            <div class="kt-card mt-5">
                <form method="POST" action="{{ route('admin.operations.informations.update', $operation) }}">
                    @csrf
                    @method('PUT')
                    <div class="kt-card-header">
                        <div class="kt-card-heading">
                            <h3 class="kt-card-title">Critères</h3>
                        </div>
                        @can('edit-operations')
                        <div class="kt-card-toolbar">
                            <button type="submit" class="kt-btn kt-btn-sm kt-btn-primary">
                                <i class="ki-outline ki-save-2 text-sm"></i>
                                Enregistrer
                            </button>
                        </div>
                        @endcan
                    </div>
                    <div class="kt-card-content pb-5">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-5">
                        @foreach ($operation->type->operationCriterias as $criteria)
                        @php $value = $infosByCriteria[$criteria->id]->content ?? ''; @endphp
                        <div class="flex flex-col gap-1">
                            <label class="kt-label mb-2">{{ $criteria->name }}</label>

                            @if ($criteria->type === 'text' || $criteria->type === 'number')
                                <input type="{{ $criteria->type }}"
                                    name="criterias[{{ $criteria->id }}]"
                                    class="kt-input"
                                    value="{{ old('criterias.'.$criteria->id, $value) }}"
                                    autocomplete="off">

                            @elseif ($criteria->type === 'textarea')
                                <textarea name="criterias[{{ $criteria->id }}]"
                                    rows="3"
                                    class="kt-textarea">{{ old('criterias.'.$criteria->id, $value) }}</textarea>

                            @elseif ($criteria->type === 'select')
                                <select name="criterias[{{ $criteria->id }}]" class="kt-select kt-select-sm">
                                    <option value=""></option>
                                    @foreach ($criteria->values as $option)
                                        <option value="{{ $option['value'] }}"
                                            {{ old('criterias.'.$criteria->id, $value) === $option['value'] ? 'selected' : '' }}>
                                            {{ $option['name'] }}
                                        </option>
                                    @endforeach
                                </select>

                            @elseif ($criteria->type === 'radio')
                                @php $radioVal = old('criterias.'.$criteria->id, $value); @endphp
                                <div class="flex items-center gap-5">
                                    <label class="kt-label">
                                        <input class="kt-radio" type="radio" name="criterias[{{ $criteria->id }}]" value="1"
                                            {{ in_array($radioVal, ['1', 'oui']) ? 'checked=""' : '' }}>
                                        Oui
                                    </label>
                                    <label class="kt-label">
                                        <input class="kt-radio" type="radio" name="criterias[{{ $criteria->id }}]" value="0"
                                            {{ in_array($radioVal, ['0', 'non']) ? 'checked=""' : '' }}>
                                        Non
                                    </label>
                                </div>

                            @elseif ($criteria->type === 'checkbox')
                                <label class="flex items-center gap-2 text-sm cursor-pointer mt-1">
                                    <input type="checkbox" name="criterias[{{ $criteria->id }}]" value="1"
                                        {{ $value ? 'checked' : '' }}>
                                    {{ $criteria->name }}
                                </label>
                            @endif
                        </div>
                        @endforeach
                    </div>
                    </div>{{-- kt-card-content --}}
                </form>
            </div>
            @endif

        </div>

        {{-- ====== COLONNE DROITE (1/3) ====== --}}
        <div class="col-span-1">
            <div class="kt-card p-5 flex flex-col gap-4">

                {{-- Client --}}
                <div class="flex flex-col gap-1">
                    <span class="text-xs text-gray-400 uppercase font-semibold">Client</span>
                    @if ($operation->customer)
                        <a href="{{ $operation->customer->type === 'customer' ? route('admin.crm.clients.show', $operation->customer) : route('admin.crm.prospects.show', $operation->customer) }}"
                            class="text-lg font-bold text-primary hover:underline">
                            {{ $operation->customer->name }}
                        </a>
                        @if ($operation->customer->adress_1)
                            <span class="text-sm text-secondary-foreground">{{ $operation->customer->adress_1 }}</span>
                        @endif
                        @if ($operation->customer->zipcode || $operation->customer->city)
                            <span class="text-sm text-secondary-foreground">{{ $operation->customer->zipcode }} {{ $operation->customer->city }}</span>
                        @endif
                        @if ($operation->customer->phone)
                            <span class="text-sm text-secondary-foreground">{{ $operation->customer->phone }}</span>
                        @endif
                    @else
                        <span class="text-sm text-secondary-foreground">—</span>
                    @endif
                </div>

                @if ($operation->customercontacts->isNotEmpty() || $operation->contacts->isNotEmpty())
                    <div class="border-t border-border"></div>
                @endif

                {{-- Contacts client --}}
                @if ($operation->customercontacts->isNotEmpty())
                    <div class="flex flex-col gap-2">
                        <div class="flex items-center justify-between">
                            <span class="text-xs text-gray-400 uppercase font-semibold">Contact client</span>
                            @can('edit-operations')
                            <button type="button" class="kt-btn kt-btn-xs kt-btn-icon rounded-full kt-btn-success size-7"
                                data-kt-modal-toggle="#modal_edit_customer_contacts">
                                <i class="ki-outline ki-pencil"></i>
                            </button>
                            @endcan
                        </div>
                        @foreach ($operation->customercontacts as $cc)
                        <div class="flex flex-col gap-0.5">
                            <div class="text-sm font-semibold text-mono">
                                {{ $cc->firstname }} {{ $cc->lastname }}
                                @if ($cc->job)
                                    <span class="text-xs font-normal text-secondary-foreground">({{ $cc->job }})</span>
                                @endif
                            </div>
                            @if ($cc->email || $cc->phone)
                                <div class="flex items-center gap-1.5 text-xs flex-wrap">
                                    @if ($cc->email)
                                        <a href="mailto:{{ $cc->email }}" class="text-primary hover:underline">{{ $cc->email }}</a>
                                    @endif
                                    @if ($cc->email && $cc->phone)
                                        <span class="text-secondary-foreground">|</span>
                                    @endif
                                    @if ($cc->phone)
                                        <span class="text-secondary-foreground">{{ $cc->phone }}</span>
                                    @endif
                                </div>
                            @endif
                        </div>
                        @endforeach
                    </div>
                @endif

                {{-- Contacts média --}}
                @foreach ($operation->contacts as $contact)
                    <div class="flex flex-col gap-0.5">
                        <span class="text-xs text-gray-400 uppercase font-semibold">Contact média</span>
                        <div class="text-sm font-semibold text-mono">
                            {{ $contact->firstname }} {{ $contact->lastname }}
                            @if ($contact->job)
                                <span class="text-xs font-normal text-secondary-foreground">({{ $contact->job }})</span>
                            @endif
                        </div>
                        @if ($contact->email || $contact->phone)
                            <div class="flex items-center gap-1.5 text-xs flex-wrap">
                                @if ($contact->email)
                                    <a href="mailto:{{ $contact->email }}" class="text-primary hover:underline">{{ $contact->email }}</a>
                                @endif
                                @if ($contact->email && $contact->phone)
                                    <span class="text-secondary-foreground">|</span>
                                @endif
                                @if ($contact->phone)
                                    <span class="text-secondary-foreground">{{ $contact->phone }}</span>
                                @endif
                            </div>
                        @endif
                    </div>
                @endforeach

            </div>

            {{-- Bloc prix + BDC / Facture --}}
            <div class="kt-card p-5 flex flex-col gap-4 mt-5">

                {{-- Frais --}}
                <div class="grid grid-cols-3 gap-4">
                    <div class="flex flex-col gap-1">
                        <span class="text-xs text-gray-400 uppercase font-semibold">Frais Média</span>
                        <span class="text-lg font-bold text-mono">{{ number_format($operation->costing_price ?? 0, 2, ',', ' ') }}€ <span class="text-xs font-semibold text-secondary-foreground">HT</span></span>
                    </div>
                    <div class="flex flex-col gap-1">
                        <span class="text-xs text-gray-400 uppercase font-semibold">Frais Agence</span>
                        <span class="text-lg font-bold text-mono">{{ number_format($operation->agency_fees ?? 0, 2, ',', ' ') }}€ <span class="text-xs font-semibold text-secondary-foreground">HT</span></span>
                    </div>
                    <div class="flex flex-col gap-1">
                        <span class="text-xs text-gray-400 uppercase font-semibold">Prix Total</span>
                        <span class="text-lg font-bold text-mono">{{ number_format($operation->total_price ?? 0, 2, ',', ' ') }}€ <span class="text-xs font-semibold text-secondary-foreground">HT</span></span>
                    </div>
                </div>

                <div class="border-t border-input border-dashed"></div>

                {{-- Actions BDC --}}
                <div class="flex flex-col gap-2">
                    @can('order-operations')
                    @if (!$operation->num_bdc)
                        <a href="{{ route('admin.operations.order.edit', $operation) }}"
                            class="kt-btn kt-btn-success w-full justify-center">
                            <i class="ki-outline ki-file text-sm"></i>
                            Créer le bon de commande
                        </a>
                    @else
                        <a href="{{ route('admin.operations.order.download', $operation) }}"
                            class="kt-btn kt-btn-primary w-full justify-center">
                            <i class="ki-outline ki-exit-down text-sm"></i>
                            Télécharger le bon de commande
                        </a>
                        @if (!in_array($operation->status, ['waiting_billing', 'billing_done', 'wining_list_receipt', 'proof_sended', 'closed']))
                            <a href="{{ route('admin.operations.order.edit', $operation) }}"
                                class="kt-btn kt-btn-warning w-full justify-center">
                                <i class="ki-outline ki-pencil text-primary"></i>
                                Éditer le bon de commande
                            </a>
                            <button type="button" class="kt-btn kt-btn-destructive w-full justify-center"
                                data-kt-modal-toggle="#modal_confirm_delete"
                                data-confirm-url="{{ route('admin.operations.order.cancel', $operation) }}"
                                data-confirm-name="le bon de commande N° {{ $operation->num_bdc }}">
                                <i class="ki-outline ki-trash text-destructive"></i>
                                Annuler le bon de commande
                            </button>
                        @endif
                    @endif
                    @endcan

                    {{-- Actions Facture --}}
                    @can('invoice-operations')
                    @if (in_array($operation->status, ['waiting_billing', 'billing_done']))
                        <div class="border-t border-input border-dashed pt-2">
                            @if (!$operation->invoice_number)
                                <button type="button"
                                    data-kt-modal-toggle="#modal_invoice"
                                    class="kt-btn kt-btn-success w-full justify-center">
                                    <i class="ki-outline ki-printer text-sm"></i>
                                    Créer la facture
                                </button>
                            @else
                                <div class="flex flex-col gap-2">
                                    <a href="{{ route('admin.operations.invoice.download', $operation) }}"
                                        target="_blank"
                                        class="kt-btn kt-btn-primary w-full justify-center">
                                        <i class="ki-outline ki-exit-down text-sm"></i>
                                        Télécharger la facture
                                    </a>
                                    <button type="button"
                                        data-kt-modal-toggle="#modal_invoice"
                                        class="kt-btn kt-btn-warning w-full justify-center">
                                        <i class="ki-outline ki-pencil text-primary"></i>
                                        Modifier la facture
                                    </button>
                                </div>
                            @endif
                        </div>
                    @endif
                    @endcan
                </div>

            </div>

        </div>

    </div>
</div>

{{-- ====== BLOCS TRACKING + RAPPELS ====== --}}
<div class="kt-container-fixed mt-5">
    <div class="grid grid-cols-1 xl:grid-cols-3 gap-5 lg:gap-7.5">

        {{-- Commentaires --}}
        <div class="kt-card xl:col-span-2">
            <div class="kt-card-header">
                <div class="kt-card-heading">
                    <h3 class="kt-card-title">Commentaires</h3>
                </div>
                @can('edit-operations')
                <div class="kt-card-toolbar">
                    <button type="button" class="kt-btn kt-btn-sm kt-btn-outline"
                        data-kt-modal-toggle="#modal_add_tracking">
                        <i class="ki-outline ki-message-add text-sm"></i>
                        Ajouter un commentaire
                    </button>
                </div>
                @endcan
            </div>
            <div class="kt-card-content pb-4">
                @if ($operation->tracking->isEmpty())
                    <div class="kt-alert kt-alert-light kt-alert-info kt-alert-sm">
                        <div class="kt-alert-title">Aucun commentaire pour cette opération.</div>
                    </div>
                @else
                    <table class="kt-table w-full">
                        <thead>
                            <tr>
                                <th class="w-28"><span class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Date</span></th>
                                <th class="w-28"><span class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Utilisateur</span></th>
                                <th><span class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Commentaire</span></th>
                                <th class="w-20"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($operation->tracking as $t)
                            <tr>
                                <td class="text-xs font-bold">{{ $t->created_at }}</td>
                                <td class="text-xs text-secondary-foreground">{{ $t->user?->firstname }}</td>
                                <td class="text-xs">{{ $t->comment }}</td>
                                <td class="text-end">
                                    @can('edit-operations')
                                    <span class="inline-flex">
                                        <button type="button"
                                            class="kt-btn kt-btn-xs kt-btn-icon kt-btn-ghost"
                                            data-kt-modal-toggle="#modal_edit_tracking_{{ $t->id }}"
                                            data-kt-tooltip="#tt_edit_t_{{ $t->id }}"
                                            data-kt-tooltip-placement="bottom">
                                            <i class="ki-outline ki-pencil text-primary"></i>
                                        </button>
                                        <div id="tt_edit_t_{{ $t->id }}" class="kt-tooltip">Modifier</div>
                                        <button type="button"
                                            class="kt-btn kt-btn-xs kt-btn-icon kt-btn-ghost"
                                            data-kt-modal-toggle="#modal_confirm_delete"
                                            data-confirm-url="{{ route('admin.operations.tracking.destroy', [$operation, $t]) }}"
                                            data-confirm-name="ce commentaire"
                                            data-kt-tooltip="#tt_del_t_{{ $t->id }}"
                                            data-kt-tooltip-placement="bottom">
                                            <i class="ki-outline ki-trash text-destructive"></i>
                                        </button>
                                        <div id="tt_del_t_{{ $t->id }}" class="kt-tooltip">Supprimer</div>
                                    </span>
                                    @endcan
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </div>

        {{-- Rappels --}}
        @if (!in_array($operation->status, ['waiting_billing', 'billing_done', 'closed']))
        <div class="kt-card">
            <div class="kt-card-header">
                <div class="kt-card-heading">
                    <h3 class="kt-card-title">Rappels</h3>
                </div>
                @can('edit-operations')
                <div class="kt-card-toolbar">
                    <button type="button" class="kt-btn kt-btn-sm kt-btn-outline"
                        data-kt-modal-toggle="#modal_add_reminder">
                        <i class="ki-outline ki-notification-on text-sm"></i>
                        Ajouter un rappel
                    </button>
                </div>
                @endcan
            </div>
            <div class="kt-card-content pb-4">
                @php $reminders = $operation->reminder()->notDone()->orderBy('alert_date')->get(); @endphp
                @if ($reminders->isEmpty())
                    <div class="kt-alert kt-alert-light kt-alert-info kt-alert-sm">
                        <div class="kt-alert-title">Aucun rappel actif.</div>
                    </div>
                @else
                    <div class="flex flex-col gap-3">
                        @foreach ($reminders as $reminder)
                        <div class="flex items-center justify-between gap-3 p-3 rounded-lg border border-border">
                            <div class="flex flex-col gap-0.5">
                                <span class="text-sm font-semibold text-destructive">{{ $reminder->alert_date }}</span>
                                @if ($reminder->note)
                                    <span class="text-xs text-secondary-foreground">{{ $reminder->note }}</span>
                                @endif
                                <span class="text-xs text-secondary-foreground">{{ $reminder->owner?->firstname }}</span>
                            </div>
                            @can('edit-operations')
                            <div class="flex items-center gap-2 shrink-0">
                                <form method="POST" action="{{ route('admin.operations.reminders.done', $reminder) }}">
                                    @csrf @method('PATCH')
                                    <button type="submit" class="kt-btn kt-btn-sm kt-btn-icon kt-btn-outline"
                                        data-kt-tooltip="#tt_done_{{ $reminder->id }}"
                                        data-kt-tooltip-placement="bottom">
                                        <i class="ki-outline ki-check text-xs"></i>
                                    </button>
                                    <div id="tt_done_{{ $reminder->id }}" class="kt-tooltip">Marquer fait</div>
                                </form>
                                <button type="button"
                                    class="kt-btn kt-btn-sm kt-btn-icon kt-btn-outline"
                                    data-kt-modal-toggle="#modal_confirm_delete"
                                    data-confirm-url="{{ route('admin.operations.reminders.destroy', $reminder) }}"
                                    data-confirm-name="ce rappel du {{ $reminder->alert_date }}">
                                    <i class="ki-outline ki-trash text-destructive"></i>
                                </button>
                            </div>
                            @endcan
                        </div>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
        @endif

    </div>
</div>

{{-- ── Modal Génération de facture ───────────────────────────────────── --}}
@include('back.modules.sales.operations.partials.modal-invoice')


@include('back.modules.sales.operations.partials.modal-reminder')
@include('back.modules.sales.operations.partials.modal-tracking')
@include('back.modules.sales.operations.partials.modal-customer-contacts')
@include('back.modules.sales.operations.partials.drawer-edit-operation')

@endsection

@if (session('open_invoice_pdf'))
@push('scripts')
<script>
    window.addEventListener('DOMContentLoaded', function () {
        const a = document.createElement('a');
        a.href = '{{ route('admin.operations.invoice.stream', $operation) }}';
        a.target = '_blank';
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
    });
</script>
@endpush
@endif

@if (session('download_bdc'))
@push('scripts')
<script>
    window.addEventListener('DOMContentLoaded', function () {
        const a = document.createElement('a');
        a.href = '{{ route('admin.operations.order.download', $operation) }}';
        a.download = '';
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
    });
</script>
@endpush
@endif