@if($typeEvenements->isEmpty() || $typeEvenements->every(fn($typeEvenement) => $typeEvenement->plannings->isEmpty()))
    <div class="alert alert-dark">
        <i class="fas fa-info-circle"></i> Aucun événement trouvé...
    </div>
@endif

@if($typeEvenements->isNotEmpty())
    @foreach ($typeEvenements as $typeEvenement)
        <div class="mb-3 {{ $typeEvenement->plannings->isEmpty() ? 'd-none' : '' }}" id="{{ $typeEvenement->icon }}">
            <p class="mb-1"><i class="fa-solid fa-{{ $typeEvenement->icon }} me-1"></i>{{ $typeEvenement->libelle }}</p>
            @foreach ($typeEvenement->plannings as $event)
                <div class="external-event my-1 btn-{{ $typeEvenement->couleur }} light justify-content-between" 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 }}">
                    <div>
                        <i class="fa fa-move"></i>
                        <b class="me-1">{{ $event->demande->id }}</b><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>
                    <a class="btn btn-xs btn-{{ $typeEvenement->couleur }} px-2 py-1" href="{{ url('demande-details/' . $event->demande->id) }}" target="_blank"><i class="fa-solid fa-eye"></i></a>
                </div>
            @endforeach
        </div>
    @endforeach
@endif