@php
[$idDemande, $duplicate] = explode('#', $event->reference);
@endphp

<div class="external-event d-block my-1 btn-{{ $typeEvenement->couleur }} {{ empty($event->note) ? 'light' : '' }}" data-id="{{ $event->id }}" data-icon="{{ $typeEvenement->icon }}" data-zone="{{ $event->zone }}" data-class="bg-{{ $typeEvenement->couleur }}" data-demande="{{ $event->demande->id }}" data-type-id="{{ $event->type_evenement_id }}" data-duplicate="{{ $event->has_duplicate ? $duplicate : '' }}">
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <i class="fa fa-move"></i>
            <span class="me-1"><b>{{ $idDemande }}</b>@if($event->has_duplicate)<sup>#{{ $duplicate }}</sup>@endif</span>
            <span class="client">{{ $event->demande->client->nom }} {{ $event->demande->client->prenom }}</span>
            <br>
            @if ($event->zone)
                <span class="badge-zone" data-adresse="{{ $event->demande->client->adresse }}" data-cp="{{ $event->demande->client->cp }}"><i class="fas fa-arrow-{{ $event->zone }}"></i>
                    <span class="badge-ville">{{ $event->demande->client->ville }}</span> {{ $event->demande->client->cp }}</span>
            @endif
        </div>
        <div>
            <button type="button" class="btn btn-xs btn-{{ $typeEvenement->couleur }} px-2 py-1 custom-tooltip" data-bs-toggle="modal" data-bs-target="#noteModal">
                <span class="tooltiptext tooltip-top">Ajouter note</span>
                <i class="fas fa-pencil-alt"></i>
            </button>
            @if($event->is_original)
            <form method="POST" action="{{ route('calendrier.duplicate', $event->id) }}" class="duplicate-event-form d-inline-block">
                @csrf
                <button type="submit" class="btn btn-xs btn-{{ $typeEvenement->couleur }} px-2 py-1 custom-tooltip">
                    <span class="tooltiptext tooltip-top">Dupliquer</span>
                    <i class="fa-solid fa-clone"></i>
                </button>
            </form>
            @else
            <form method="POST" action="{{ route('calendrier.delete', $event->id) }}" class="delete-event-form d-inline-block">
                @csrf
                <button type="submit" class="btn btn-xs btn-{{ $typeEvenement->couleur }} px-2 py-1 custom-tooltip">
                    <span class="tooltiptext tooltip-top">Supprimer</span>
                    <i class="fa-solid fa-trash"></i>
                </button>
            </form>
            @endif
            @if (request()->routeIs('calendrier') || (request()->isMethod('post') && str_contains(url()->previous(), 'calendrier')))
            <a class="btn btn-xs btn-{{ $typeEvenement->couleur }} px-2 py-1 custom-tooltip" href="{{ url('demande-details/' . $event->demande->id . '?tab=planning') }}" target="_blank">
                <span class="tooltiptext tooltip-top">Voir</span>
                <i class="fa-solid fa-eye"></i>
            </a>
            @endif
        </div>
    </div>
    @if(!empty($event->note))
    <div class="note-wrapper mt-2 bg-white rounded text-{{ $typeEvenement->couleur }} px-1">
        <small>
            <i class="fas fa-pencil-alt"></i>
            <span class="note">{{ $event->note }}</span>
        </small>
    </div>
    @endif
</div>