{{-- Carte d'intervention pour les workers --}}
<div class="intervention-card-container" data-intervention-id="{{ $intervention->id }}" data-status="{{ $status }}">
    <div class="intervention-card position-relative">
        {{-- En-tête avec numéro d'intervention, logo client, nom client et date --}}
        <div class="card-header-container">
            <div class="header-top">
                <div class="intervention-number">
                    <span class="intervention-label" data-translate="interventions.intervention_number">INTERVENTION Nº</span>{{ $intervention->id }}
                </div>
                <div class="client-container">
                    <div class="client-logo">
                        @if($intervention->client && $intervention->client->logo_url)
                            <img src="{{ $intervention->client->logo_url }}" alt="Logo {{ $intervention->client_name }}" class="client-logo-img">
                        @else
                            <div class="client-logo-placeholder">
                                <i class="fas fa-building"></i>
                            </div>
                        @endif
                    </div>
                    <span class="client-name">{{ $intervention->client_name }}</span>
                </div>
            </div>
            <div class="intervention-date-header">
                <div class="date-label" data-translate="interventions.date_intervention">Date d'intervention</div>
                <div class="date-value">
                    @if($intervention->intervention_date)
                        {{ $intervention->intervention_date->locale('fr')->isoFormat('dddd DD/MM/YYYY') }}
                        <div class="days-remaining">
                            @php
                                $today = \Carbon\Carbon::today();
                                $interventionDate = \Carbon\Carbon::parse($intervention->intervention_date)->startOfDay();
                                $diffInDays = $today->diffInDays($interventionDate, false);
                                $status = $intervention->status;
                            @endphp
                            
                            @if($status === \App\Enums\InterventionStatus::COMPLETED->value)
                                <span class="days-remaining--completed" data-translate="interventions.status_completed">Terminée</span>
                            @elseif($status === \App\Enums\InterventionStatus::IN_PROGRESS->value)
                                <span class="days-remaining--today" data-translate="interventions.status_today">(aujourd'hui)</span>
                            @elseif($diffInDays === 0)
                                <span class="days-remaining--today" data-translate="interventions.status_today">(aujourd'hui)</span>
                            @elseif($diffInDays < 0)
                                @php
                                    $daysLate = abs($diffInDays);
                                    $pluralS = $daysLate > 1 ? 's' : '';
                                @endphp
                                @php
                                    $lateText = \App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['status_late'] ?? '(en retard de %days% jour%s%)';
                                    $lateText = str_replace(['%days%', '%s%'], [$daysLate, $pluralS], $lateText);
                                @endphp
                                <span class="days-remaining--past">{{ $lateText }}</span>
                            @elseif($diffInDays > 0)
                                @php
                                    $daysFuture = $diffInDays;
                                    $pluralS = $daysFuture > 1 ? 's' : '';
                                @endphp
                                @php
                                    $futureText = \App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['status_future'] ?? '(dans %days% jour%s%)';
                                    $futureText = str_replace(['%days%', '%s%'], [$daysFuture, $pluralS], $futureText);
                                @endphp
                                <span class="days-remaining--future">{{ $futureText }}</span>
                            @endif
                        </div>
                    @else
                        <span class="no-data" data-translate="interventions.not_defined">Non définie</span>
                    @endif
                </div>
            </div>
        </div>
        
        {{-- Corps de la carte --}}
        <div class="card-body-container">
            {{-- Adresse --}}
            <div class="address-container">
                <p class="address-label" data-translate="interventions.address_label">Adresse</p>
                <p class="address-line"><i class="fas fa-map-marker-alt icon-spacing"></i> {{ $intervention->address }}</p>
                @if($intervention->client && $intervention->client->primaryAddress)
                <p class="location-details">
                    @if($intervention->client->primaryAddress->floor)<span class="location-item"><i class="fas fa-level-up-alt icon-spacing"></i> <span data-translate="interventions.floor_label">Étage</span>: {{ $intervention->client->primaryAddress->floor }}</span>@endif
                    @if($intervention->client->primaryAddress->side)<span class="location-item"><i class="fas fa-compass icon-spacing"></i> Côté: {{ $intervention->client->primaryAddress->side }}</span>@endif
                </p>
                @endif
            </div>
            
            {{-- Séparateur horizontal --}}
            <hr class="card-separator">

            {{-- Priorité et Titre sur la même ligne --}}
            <div class="priority-title-container">
                {{-- Container pour Priorité et Statut --}}
                <div class="priority-status-container min-w-0">
                    {{-- Priorité --}}
                    <div class="priority-container">
                        <p class="section-label" data-translate="interventions.priority_label">Priorité</p>
                        @php
                            // Utiliser directement la valeur de priorité depuis la base de données
                            $priority = $intervention->priority ?? 'normal';
                            
                            // Mapping des priorités avec les clés de traduction
                            $priorityTranslations = [
                                'urgent' => 'interventions.priority_urgent',
                                'normal' => 'interventions.priority_normal', 
                            ];
                            
                            $priorityKey = $priorityTranslations[$priority] ?? $priorityTranslations['normal'];
                            
                            // Mapping des classes CSS
                            $priorityClass = match($priority) {
                                'urgent' => 'priority-badge--urgent',
                                'normal' => 'priority-badge--normal',
                            };
                            
                            // Mapping des icônes
                            $priorityIcon = match($priority) {
                                'urgent' => 'fa-exclamation-triangle',
                                'normal' => 'fa-check-circle',
                            };
                        @endphp
                        <span class="priority-badge {{ $priorityClass }}">
                            <i class="fas {{ $priorityIcon }} icon-spacing"></i>
                            <span class="priority-text" data-translate="{{ $priorityKey }}">{{ ucfirst($priority) }}</span>
                        </span>
                    </div>
                </div>
                
                {{-- Titre --}}
                <div class="title-container min-w-0">
                    <p class="title-label" data-translate="interventions.title_label">Titre</p>
                    <p class="intervention-title text-truncate">{{ $intervention->title }}</p>
                </div>
            </div>
            
            {{-- Description (max 2 lignes) --}}
            @if($intervention->description)
                <div class="description-container">
                    <p class="description-label" data-translate="interventions.description_label">Description</p>
                    <p class="description-text">{{ \Illuminate\Support\Str::limit($intervention->description, 120) }}</p>
                </div>
            @endif
            
            {{-- Séparateur horizontal --}}
            <hr class="card-separator">
            
            {{-- Conteneur pour équipe et médias --}}
            <div class="team-media-container">
                {{-- Équipe (à gauche) --}}
                <div class="team-container min-w-0">
                    <p class="section-label" data-translate="interventions.team_label">Équipe</p>
                    @if($intervention->workers && $intervention->workers->count() > 0)
                        <p class="team-count">
                            <i class="fas fa-users icon-spacing"></i> {{ $intervention->workers->count() }} <span data-translate="interventions.{{ $intervention->workers->count() > 1 ? 'person_plural' : 'person_singular' }}">{{ $intervention->workers->count() > 1 ? 'personnes' : 'personne' }}</span>
                        </p>
                    @else
                        <p class="no-data" data-translate="interventions.no_assigned_workers">Aucun intervenant assigné</p>
                    @endif
                </div>
                
                {{-- Médias (à droite) --}}
                <div class="media-container min-w-0">
                    <p class="section-label" data-translate="interventions.media_label">Médias</p>
                    <p class="media-count">
                        @php $mediaCount = $intervention->photos()->count(); @endphp
                        <i class="fas fa-camera icon-spacing"></i> {{ $mediaCount }} <span data-translate="interventions.{{ $mediaCount > 1 ? 'media_plural' : 'media_singular' }}">{{ $mediaCount > 1 ? 'médias' : 'média' }}</span>
                    </p>
                </div>
            </div>
        </div>
        
        {{-- Pied de carte avec bouton de détails --}}
        <div class="card-footer-container">
            <a href="{{ route('worker.interventions.show', $intervention->id) }}" class="full-width-button">
                <i class="fas fa-eye icon-spacing"></i> <span data-translate="interventions.view_details">Voir les détails</span>
            </a>
            
            {{-- Informations de complétion si l'intervention est terminée --}}
            @if($status === \App\Enums\InterventionStatus::COMPLETED->value && $intervention->finished_at && $intervention->finished_by)
                @php
                    // Récupérer les informations de l'utilisateur qui a terminé l'intervention
                    $finishedByUser = \App\Models\User::where('id', $intervention->finished_by)->first();
                    $finishedDate = \Carbon\Carbon::parse($intervention->finished_at)->setTimezone('Europe/Paris');
                @endphp
                
                <div class="completion-info">
                    <p class="completion-text">
                        <i class="fas fa-check-circle icon-spacing text-success"></i>
                        <span data-translate="interventions.intervention_completed_on" data-translate-params='{"date": "{{ $finishedDate->format('d/m/Y à H:i') }}"}'>Intervention terminée le {{ $finishedDate->format('d/m/Y à H:i') }}</span>
                        @if($finishedByUser && $finishedByUser->prenom && $finishedByUser->nom)
                            <span data-translate="interventions.completed_by" data-translate-params='{"name": "{{ $finishedByUser->prenom }} {{ $finishedByUser->nom }}"}'>par {{ $finishedByUser->prenom }} {{ $finishedByUser->nom }}</span>
                        @elseif($finishedByUser)
                            <span data-translate="interventions.completed_by" data-translate-params='{"name": "{{ $finishedByUser->email ?? 'Utilisateur #' . $intervention->finished_by }}"}'>par {{ $finishedByUser->email ?? 'Utilisateur #' . $intervention->finished_by }}</span>
                        @else
                            <span data-translate="interventions.user_number" data-translate-params='{"id": {{ $intervention->finished_by }}}'>Utilisateur #{{ $intervention->finished_by }}</span>
                        @endif
                    </p>
                </div>
            @endif
        </div>
    </div>
</div>