@extends('layouts.app')

@section('styles')
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
<style>
    body[dir="rtl"] .select2-container--default .select2-selection--single {
        direction: rtl;
        text-align: right;
    }
    
    .reservation-details {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    }
    
    .details-section {
        background: white;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        padding: 25px;
        margin-bottom: 25px;
        border-left: 4px solid #b51414;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .details-section:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    }
    
    .section-title {
        color: #2c3e50;
        font-weight: 700;
        font-size: 1.25rem;
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid #f1f3f4;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .section-title i {
        color: #b51414; 
    }
    
    .form-label {
        font-weight: 600;
        color: #34495e;
        margin-bottom: 8px;
        font-size: 0.95rem;
    }
    
    .info-value {
        padding: 10px 15px;
        border: 2px solid #e9ecef;
        border-radius: 8px;
        background-color: #f8f9fa;
        font-size: 0.95rem;
        min-height: 42px;
        display: flex;
        align-items: center;
    }
    
    .tarif-table {
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #e9ecef;
    }
    
    .tarif-table th {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        color: black;
        border: none;
        padding: 15px;
        font-weight: 600;
    }
    
    .tarif-table td {
        padding: 12px;
        vertical-align: middle;
    }
    
    .resto-card {
        border-radius: 10px;
        border: 2px solid #e9ecef;
        padding: 20px;
        background: white;
        margin-bottom: 15px;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }
    
    .resto-card::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 4px;
        background: #b51414;
    }
    
    .resto-card:hover {
        transform: translateX(5px);
        border-color: #b51414;
        box-shadow: 0 5px 15px rgba(40, 167, 69, 0.1);
    }
    
    .resto-card .resto-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    
    .resto-card .resto-name {
        font-weight: 700;
        font-size: 1.1rem;
        color: #2c3e50;
    }
    
    .resto-card .resto-price {
        font-weight: 700;
        font-size: 1.1rem;
        color: #b51414;
    }
    
    .resto-card .resto-desc {
        color: #6c757d;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .resto-card .resto-details {
        font-size: 0.85rem;
        border-top: 1px dashed #eee;
        padding-top: 8px;
        margin-top: 8px;
        color: #6c757d;
    }
    
    .empty-placeholder {
        text-align: center;
        padding: 40px;
        color: #6c757d;
        font-size: 1rem;
        background: #f8f9fa;
        border-radius: 8px;
        border: 2px dashed #dee2e6;
    }
    
    .summary-card {
        border-radius: 12px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        padding: 25px;
        background: white;
        position: sticky;
        top: 20px;
    }
    
    .summary-card h5 {
        color: #2c3e50;
        font-weight: 700;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f1f3f4;
    }
    
    .summary-item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        padding: 8px 0;
        border-bottom: 1px dashed #e9ecef;
    }
    
    .summary-item:last-child {
        border-bottom: none;
    }
    
    .summary-label {
        color: #6c757d;
    }
    
    .summary-value {
        font-weight: 600;
        color: #2c3e50;
    }
    
    .summary-total {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        color: black;
        padding: 20px;
        border-radius: 10px;
        margin-top: 20px;
        text-align: center;
    }
    
    .summary-total .amount {
        font-size: 2rem;
        font-weight: 700;
        margin: 10px 0;
    }
    
    /* Status badges */
    .status-badge {
        padding: 6px 15px;
        border-radius: 20px;
        font-weight: 600;
        font-size: 0.9rem;
        display: inline-block;
        text-align: center;
    }
    
    .status-badge--pending {
        background-color: #fff3cd;
        color: #856404;
        border: 1px solid #ffeaa7;
    }
    
    .status-badge--success {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }
    
    .status-badge--danger {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }
    
    .rejection-reason {
        background-color: #f8f9fa;
        border-left: 4px solid #dc3545;
        padding: 15px;
        border-radius: 8px;
        margin-top: 15px;
    }
    
    .rejection-reason strong {
        color: #dc3545;
        font-size: 0.95rem;
        display: block;
        margin-bottom: 8px;
    }
    
    .notes-box {
        background-color: #f8f9fa;
        border: 2px solid #e9ecef;
        border-radius: 8px;
        padding: 15px;
        min-height: 120px;
        white-space: pre-wrap;
        line-height: 1.6;
        font-size: 0.95rem;
    }
    
    .back-button {
        background: linear-gradient(135deg, #cf9090 0%, #bb2323 100%);
        border: none;
        padding: 15px 40px;
        font-size: 1.1rem;
        font-weight: 600;
        border-radius: 10px;
        transition: all 0.3s ease;
        width: 100%;
        margin-top: 20px;
        color: white;
        text-decoration: none;
        display: block;
        text-align: center;
    }
    
    .back-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);
        color: white;
    }
    
    @media (max-width: 768px) {
        .details-section {
            padding: 20px 15px;
        }
        
        .summary-card {
            position: static;
            margin-top: 30px;
        }
        
        .tarif-table {
            font-size: 0.85rem;
        }
        
        .tarif-table th,
        .tarif-table td {
            padding: 8px 5px;
        }
    }

    .calc-info {
        background-color: #f8f9fa;
        border-left: 4px solid #b51414;
        padding: 10px 15px;
        margin-bottom: 15px;
        border-radius: 5px;
        font-size: 0.9rem;
    }
</style>
@endsection

@section('content')
@php
    // Calculer le nombre de nuits
    $nights = 0;
    if ($reservation->date_arrive && $reservation->date_depart) {
        try {
            $nights = \Carbon\Carbon::parse($reservation->date_arrive)
                ->diffInDays(\Carbon\Carbon::parse($reservation->date_depart));
        } catch (Exception $e) {
            $nights = 0;
        }
    }

    // Fonction pour gérer la pluralisation en arabe pour les nuits
    function getNightsTextArabic($nights) {
        if ($nights === 1) {
            return 'ليلة';
        } else if ($nights === 2) {
            return 'ليلتين';
        } else if ($nights >= 3 && $nights <= 10) {
            return 'ليالي';
        } else {
            return 'ليلة'; // Pour 11 et plus, retour à la forme singulière
        }
    }

    // Fonction pour gérer la pluralisation en arabe pour les personnes
    function getPersonsTextArabic($persons) {
        if ($persons === 1) {
            return 'شخص';
        } else if ($persons === 2) {
            return 'شخصين';
        } else if ($persons >= 3 && $persons <= 10) {
            return 'أشخاص';
        } else {
            return 'شخص'; // Pour 11 et plus, retour à la forme singulière
        }
    }

    // Fonction pour gérer la pluralisation selon la langue
    function getPluralizedText($count, $type, $lang = 'ar') {
        if ($lang === 'ar') {
            if ($type === 'nights') {
                if ($count === 1) return 'ليلة';
                if ($count === 2) return 'ليلتين';
                if ($count >= 3 && $count <= 10) return 'ليالي';
                return 'ليلة';
            }
            if ($type === 'persons') {
                if ($count === 1) return 'شخص';
                if ($count === 2) return 'شخصين';
                if ($count >= 3 && $count <= 10) return 'أشخاص';
                return 'شخص';
            }
        } else if ($lang === 'fr') {
            if ($type === 'nights') {
                return $count === 1 ? 'nuit' : 'nuits';
            }
            if ($type === 'persons') {
                return $count === 1 ? 'personne' : 'personnes';
            }
        } else {
            if ($type === 'nights') {
                return $count === 1 ? 'night' : 'nights';
            }
            if ($type === 'persons') {
                return $count === 1 ? 'person' : 'persons';
            }
        }
        return '';
    }

    // Déterminer la langue courante
    $currentLang = app()->getLocale();
@endphp

<div class="it-about-3-area p-relative pt-30 pb-125 reservation-details">
    <img class="it-about-shape-1" src="{{ asset('assets/img/shape/about-1-1.png') }}" alt="">
    <div class="container">
        <nav class="breadcrumb-nav" aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('dashboard') }}">
                        <i class="bi bi-house-fill"></i>
                        <span>{{ __('site.reservation.breadcrumb_home') }}</span>
                    </a>
                </li>
                <li class="breadcrumb-item">
                    <a href="{{ route('reservation.index') }}">
                        <span>{{ __('site.reservation.reservation_index') }}</span>
                    </a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">{{ __('site.reservation.reservation_detail') }}</li>
            </ol>
        </nav>
        
        <div class="text-center mb-5">
            <h1 class="mb-3">
                {{ __('site.reservation.reservation_detail_title', ['reference' => $reservation->id ?? 'N/A']) }}
            </h1>
        </div>
        
        <div class="row">
            <div class="col-lg-8">
                <!-- Section Informations Personnelles -->
                <div class="details-section">
                    <h4 class="section-title">
                        <i class="bi bi-person-circle"></i>
                        {{ __('site.reservation.personal_info') }}
                    </h4>
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_name') }}</label>
                            <div class="info-value">
                                {{ $reservation->nom_prenom ?? ($reservation->user->nom_prenom ?? __('site.reservation.no_value')) }}
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_email') }}</label>
                            <div class="info-value">
                                {{ $reservation->email ?? ($reservation->user->email ?? __('site.reservation.no_value')) }}
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_nationality') }}</label>
                            <div class="info-value">
                                {{ $reservation->user && $reservation->user->id_type_identite == 1 
                                    ? __('site.reservation.nationality.tn') 
                                    : ($reservation->user && $reservation->user->id_type_identite == 2 
                                        ? __('site.reservation.nationality.foreigner') 
                                        : __('site.reservation.nationality.unspecified')) }}
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_phone') }}</label>
                            <div class="info-value">
                                {{ $reservation->telephone ?? ($reservation->user->tel ?? __('site.reservation.no_value')) }}
                            </div>
                        </div>
                        
                        <div class="col-12 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_address') }}</label>
                            <div class="info-value">
                                {{ $reservation->adresse ?? ($reservation->user->adresse ?? __('site.reservation.no_value')) }}
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Section Dates de Séjour -->
                <div class="details-section">
                    <h4 class="section-title">
                        <i class="bi bi-calendar-check"></i>
                        {{ __('site.reservation.stay_dates') }}
                    </h4>
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_date_arrive') }}</label>
                            <div class="info-value">
                                {{ $reservation->date_arrive ?? __('site.reservation.no_value') }}
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_date_depart') }}</label>
                            <div class="info-value">
                                {{ $reservation->date_depart ?? __('site.reservation.no_value') }}
                            </div>
                        </div>
                        
                        <div class="col-12 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_nights') }}</label>
                            <div class="info-value">
                                {{ $nights }} {{ getPluralizedText($nights, 'nights', $currentLang) }}
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Section Détails des Personnes -->
                <div class="details-section">
                    <h4 class="section-title">
                        <i class="bi bi-people-fill"></i>
                        {{ __('site.reservation.persons_details') }}
                    </h4>
                    <div class="row mb-4">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">{{ __('site.reservation.total_hommes') }}</label>
                            <div class="info-value text-center">
                                {{ $reservation->nbr_h ?? 0 }}
                            </div>
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label class="form-label">{{ __('site.reservation.total_femmes') }}</label>
                            <div class="info-value text-center">
                                {{ $reservation->nbr_f ?? 0 }}
                            </div>
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label class="form-label">{{ __('site.reservation.total_persons') }}</label>
                            <div class="info-value text-center">
                                {{ $reservation->nbr_personnes ?? 0 }}
                            </div>
                        </div>
                    </div>
                    
                    @if($reservation->reservationPersons && $reservation->reservationPersons->count() > 0)
                        <h6 class="mb-3">{{ __('site.reservation.details_by_type') }}</h6>
                        
                        <div class="table-responsive">
                            <table class="table tarif-table">
                                <thead>
                                    <tr>
                                        <th>{{ __('site.reservation.type_delegation') }}</th>
                                        <th>{{ __('site.reservation.type_accomodation') }}</th>
                                        <th>{{ __('site.reservation.hommes_tarif') }}</th>
                                        <th>{{ __('site.reservation.femmes_tarif') }}</th>
                                        <th>{{ __('site.reservation.tarif_per_person') }}</th>
                                        <th>{{ __('site.reservation.subtotal_tarif') }}</th>
                                        <th>{{ __('site.reservation.total_persons') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($reservation->reservationPersons as $person)
                                        @php
                                            $totalPersonnes = ($person->nbr_hommes ?? 0) + ($person->nbr_femmes ?? 0);
                                            
                                            if (!isset($person->tarif) || $person->tarif == 0) {
                                                if ($person->typeTarif) {
                                                    $person->tarif = $person->typeTarif->tarif_chambre ?? 0;
                                                }
                                            }
                                            
                                            if (!isset($person->subtotal) || $person->subtotal == 0) {
                                                $person->subtotal = ($person->tarif ?? 0) * $totalPersonnes;
                                            }
                                        @endphp
                                        <tr>
                                            <td>
                                                @if($person->typeTarif ?? false)
                                                    @if(app()->getLocale() === 'ar')
                                                        {{ $person->typeTarif->type_ar ?? '' }}
                                                    @elseif(app()->getLocale() === 'fr')
                                                        {{ $person->typeTarif->type_fr ?? '' }}
                                                    @else
                                                        {{ $person->typeTarif->type_en ?? '' }}
                                                    @endif
                                                    @if(($person->typeTarif->type ?? '') == 'groupe')
                                                        ({{ __('site.reservation.group') }})
                                                    @else
                                                        ({{ __('site.reservation.individual') }})
                                                    @endif
                                                @else
                                                    {{ __('site.reservation.no_value') }}
                                                @endif
                                            </td>
                                            <td>
                                                {{ __('site.reservation.accomodation.chambre') }}
                                            </td>
                                            <td>{{ $person->nbr_hommes ?? 0 }}</td>
                                            <td>{{ $person->nbr_femmes ?? 0 }}</td>
                                            <td>{{ number_format($person->tarif ?? 0, 3) }} {{ __('site.currency') }}</td>
                                            <td>{{ number_format($person->subtotal ?? 0, 3) }} {{ __('site.currency') }}</td>
                                            <td>{{ $totalPersonnes }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="empty-placeholder">
                            {{ __('site.reservation.no_persons_details') }}
                        </div>
                    @endif
                </div>
               
                <!-- Section Services Restauration -->
                <div class="details-section">
                    <h4 class="section-title">
                        <i class="bi bi-cup-hot"></i>
                        {{ __('site.reservation.label_resto_services') }}
                    </h4>
                    
                    <div class="calc-info">
                        <i class="bi bi-info-circle"></i>
                        {{ __('site.reservation.resto_calc_note') }}
                    </div>
                    
                    <div id="restoDetails">
                        @php
                            $hasRestaurations = $reservation->restaurations && $reservation->restaurations->count() > 0;
                            $nbrPersons = $reservation->nbr_personnes ?? 0;
                        @endphp
                        
                        @if($hasRestaurations)
                            @if($nights > 0 && $nbrPersons > 0)
                                <div class="alert alert-info mb-3 py-2">
                                    <small>
                                        <i class="bi bi-calculator"></i>
                                        @php
                                            $nightsText = getPluralizedText($nights, 'nights', $currentLang);
                                            $personsText = getPluralizedText($nbrPersons, 'persons', $currentLang);
                                            
                                            if ($currentLang === 'ar') {
                                                echo "الحساب: {$nbrPersons} {$personsText} × {$nights} {$nightsText}";
                                            } elseif ($currentLang === 'fr') {
                                                echo "Calcul : {$nbrPersons} {$personsText} × {$nights} {$nightsText}";
                                            } else {
                                                echo "Calculation: {$nbrPersons} {$personsText} × {$nights} {$nightsText}";
                                            }
                                        @endphp
                                    </small>
                                </div>
                            @endif
                            
                            @foreach($reservation->restaurations as $resto)
                                @php
                                    $prixUnitaire = $resto->pivot->tarif ?? $resto->tarif ?? 0;
                                    $totalResto = $prixUnitaire * $nbrPersons * $nights;
                                @endphp
                                <div class="resto-card">
                                    <div class="resto-header">
                                        <div class="resto-name">{{ trans_field($resto, 'nom') ?? $resto->nom_ar ?? __('site.reservation.no_value') }}</div>
                                        <div class="resto-price">
                                            {{ number_format($totalResto, 3) }} {{ __('site.currency') }}
                                        </div>
                                    </div>
                                    @if(trans_field($resto, 'description') ?? $resto->description_ar ?? false)
                                        <div class="resto-desc">{{ trans_field($resto, 'description') ?? $resto->description_ar }}</div>
                                    @endif
                                    <div class="resto-details">
                                        <small>
                                            @php
                                                if ($currentLang === 'ar') {
                                                    echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                          $nbrPersons . ' ' . getPluralizedText($nbrPersons, 'persons', $currentLang) . ' × ' . 
                                                          $nights . ' ' . getPluralizedText($nights, 'nights', $currentLang);
                                                } elseif ($currentLang === 'fr') {
                                                    echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                          $nbrPersons . ' ' . getPluralizedText($nbrPersons, 'persons', $currentLang) . ' × ' . 
                                                          $nights . ' ' . getPluralizedText($nights, 'nights', $currentLang);
                                                } else {
                                                    echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                          $nbrPersons . ' ' . getPluralizedText($nbrPersons, 'persons', $currentLang) . ' × ' . 
                                                          $nights . ' ' . getPluralizedText($nights, 'nights', $currentLang);
                                                }
                                            @endphp
                                        </small>
                                    </div>
                                </div>
                            @endforeach
                        @else
                            <div class="empty-placeholder">{{ __('site.reservation.resto_none_selected') }}</div>
                        @endif
                    </div>
                </div>
                
                <!-- Section Remarques -->
                <div class="details-section">
                    <h4 class="section-title">
                        <i class="bi bi-chat-left-text"></i>
                        {{ __('site.reservation.label_notes') }}
                    </h4>
                    <div class="notes-box">
                        {{ $reservation->remarque ?: __('site.reservation.no_notes') }}
                    </div>
                </div>
            </div>
            
            <div class="col-lg-4">
                <div class="summary-card">
                    <h5 class="mb-4">
                        <i class="bi bi-receipt"></i>
                        {{ __('site.reservation.summary_title') }}
                    </h5>
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_institution') }}:</span>
                        <span class="summary-value">
                            @if($reservation->auberge)
                                {{ trans_field($reservation->auberge, 'nom') ?? $reservation->auberge->nom_ar ?? __('site.reservation.no_value') }}
                            @else
                                {{ __('site.reservation.no_value') }}
                            @endif
                        </span>
                    </div>
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_nights') }}:</span>
                        <span class="summary-value">
                            {{ $nights }} {{ getPluralizedText($nights, 'nights', $currentLang) }}
                        </span>
                    </div>
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_capacity') }}:</span>
                        <span class="summary-value">
                            {{ $reservation->nbr_personnes ?? 0 }} {{ getPluralizedText($reservation->nbr_personnes ?? 0, 'persons', $currentLang) }}
                        </span>
                    </div>
                    
                    @php
                        // Calcul du total des services de restauration
                        $restoTotal = 0;
                        if ($reservation->restaurations && $reservation->restaurations->count() > 0) {
                            foreach ($reservation->restaurations as $resto) {
                                $prixUnitaire = $resto->pivot->tarif ?? $resto->tarif ?? 0;
                                $restoTotal += $prixUnitaire * ($reservation->nbr_personnes ?? 0) * $nights;
                            }
                        }
                    @endphp
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_services') }}:</span>
                        <span class="summary-value">
                            {{ number_format($restoTotal, 3) }} {{ __('site.currency') }}
                        </span>
                    </div>
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_tarif_night') }}:</span>
                        <span class="summary-value">
                            @php
                                $tarifNuit = 0;
                                if ($reservation->reservationPersons && $reservation->reservationPersons->count() > 0) {
                                    foreach ($reservation->reservationPersons as $person) {
                                        $tarifNuit += $person->subtotal ?? 0;
                                    }
                                }
                                
                                if ($tarifNuit == 0 && $reservation->total_price > 0 && $nights > 0) {
                                    $tarifNuit = ($reservation->total_price - $restoTotal) / $nights;
                                }
                                
                                if ($tarifNuit == 0 && $reservation->nbr_personnes > 0) {
                                    $prixMoyenParPersonne = 30;
                                    $tarifNuit = $reservation->nbr_personnes * $prixMoyenParPersonne;
                                }
                            @endphp
                            {{ number_format($tarifNuit, 3) }} {{ __('site.currency') }}
                        </span>
                    </div>
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_total_tarif') }}:</span>
                        <span class="summary-value">
                            @php
                                $totalHebergement = $tarifNuit * $nights;
                            @endphp
                            {{ number_format($totalHebergement, 3) }} {{ __('site.currency') }}
                        </span>
                    </div>
                    
                    <div class="summary-total">
                        <div class="summary-label">{{ __('site.reservation.summary_total') }}</div>
                        <div class="amount">
                            @php
                                $totalFinal = $reservation->total_price ?? ($totalHebergement + $restoTotal);
                            @endphp
                            {{ number_format($totalFinal, 3) }} {{ __('site.currency') }}
                        </div>
                    </div>
                    
                    <!-- Section Statut -->
                    <div class="mt-4">
                        <div class="summary-item">
                            <span class="summary-label">{{ __('site.reservation.reservation_status') }}:</span>
                            <span class="summary-value">
                                @php
                                    $statut = $reservation->statut?->statut_ar ?? 'في الانتظار';
                                    $badgeClass = 'status-badge--pending';
                                    
                                    if ($reservation->statut_id == 1) {
                                        $badgeClass = 'status-badge--success';
                                    } elseif ($reservation->statut_id == 3) {
                                        $badgeClass = 'status-badge--danger';
                                    }
                                    
                                    $statutLabel = __('site.reservation.status_pending');
                                    if ($statut === 'قبول' || $reservation->statut_id == 1) {
                                        $statutLabel = __('site.reservation.status_accepted');
                                    } elseif ($statut === 'مرفوض' || $reservation->statut_id == 3) {
                                        $statutLabel = __('site.reservation.status_refused');
                                    }
                                @endphp
                                
                                <span class="status-badge {{ $badgeClass }}">
                                    {{ $statutLabel }}
                                </span>
                            </span>
                        </div>
                        
                        @if($reservation->statut_id == 3 && !empty($reservation->commentaire_motif))
                            <div class="rejection-reason">
                                <strong>{{ __('site.reservation.reason_rejection') }}</strong>
                                <p class="mb-0">{{ $reservation->commentaire_motif }}</p>
                            </div>
                        @endif
                        
                        @if($reservation->statut_id == 1 && $reservation->date_acceptation)
                            <div class="summary-item">
                                <span class="summary-label">{{ __('site.reservation.acceptance_date') }}:</span>
                                <span class="summary-value">{{ $reservation->date_acceptation }}</span>
                            </div>
                        @endif
                    </div>
               
                    <a href="{{ route('reservation.index') }}" class="back-button">
                        <i class="bi bi-arrow-left"></i>
                        {{ __('site.reservation.back_to_list') }}
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
    $('.details-section').hover(
        function() {
            $(this).css('border-left-color', '#b51414');
        },
        function() {
            $(this).css('border-left-color', '#b51414');
        }
    );
});
</script>
@endsection