@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(181, 20, 20, 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(181, 20, 20, 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;
    }

    /* Styles pour les onglets des jours */
    .days-summary-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 20px;
        border-bottom: 2px solid #e9ecef;
        padding-bottom: 15px;
    }
    
    .day-summary-tab {
        padding: 10px 20px;
        background: #f8f9fa;
        border: 2px solid #e9ecef;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-weight: 600;
        color: #6c757d;
    }
    
    .day-summary-tab:hover {
        border-color: #b51414;
        background: #fff;
    }
    
    .day-summary-tab.active {
        background: #b51414;
        border-color: #b51414;
        color: white;
    }
    
    .day-summary-tab .date-badge {
        font-size: 0.75rem;
        opacity: 0.8;
        margin-left: 5px;
    }
    
    .day-summary-container {
        display: none;
    }
    
    .day-summary-container.active {
        display: block;
    }
    
    .day-summary-header {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .day-summary-header .day-title {
        font-weight: 700;
        color: #2c3e50;
        font-size: 1.1rem;
    }
    
    .day-summary-header .day-subtitle {
        color: #6c757d;
        font-size: 0.9rem;
    }
    
    .day-summary-header .day-total {
        background: #b51414;
        color: white;
        padding: 5px 15px;
        border-radius: 20px;
        font-weight: 600;
    }

    .cafe-summary-card {
        border: 2px solid #e9ecef;
        border-radius: 10px;
        padding: 20px;
        background: white;
        margin-bottom: 15px;
        position: relative;
        overflow: hidden;
    }
    
    .cafe-summary-card::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 4px;
        background: #b51414;
    }
    
    .cafe-summary-card .cafe-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    
    .cafe-summary-card .cafe-title {
        font-weight: 700;
        font-size: 1.1rem;
        color: #2c3e50;
    }
    
    .cafe-summary-card .cafe-price {
        font-weight: 700;
        font-size: 1.1rem;
        color: #b51414;
    }
    
    .cafe-summary-card .cafe-details {
        font-size: 0.85rem;
        border-top: 1px dashed #eee;
        padding-top: 8px;
        margin-top: 8px;
        color: #6c757d;
    }

    /* Badge pour la quantité */
    .badge-resto {
        background: #b51414;
        color: white;
        padding: 2px 6px;
        border-radius: 4px;
        margin-left: 5px;
        font-size: 0.7rem;
        display: inline-block;
    }
</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 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();
    
    // Récupérer les données de restauration par jour
    $restaurationsJours = collect();
    if ($reservation->restaurationsJours && $reservation->restaurationsJours->count() > 0) {
        $restaurationsJours = $reservation->restaurationsJours->groupBy('date_service');
    }
    
    // Récupérer les données de café par jour
    $cafeJours = collect();
    if ($reservation->cafes && $reservation->cafes->count() > 0) {
        $cafeJours = $reservation->cafes->keyBy('date_service');
    }
    
    // Générer la liste des dates du séjour
    $datesSejour = [];
    if ($reservation->date_arrive && $reservation->date_depart) {
        $start = \Carbon\Carbon::parse($reservation->date_arrive);
        $end = \Carbon\Carbon::parse($reservation->date_depart);
        for ($i = 0; $i < $nights; $i++) {
            $currentDate = clone $start;
            $currentDate->addDays($i);
            $datesSejour[] = $currentDate->format('Y-m-d');
        }
    }
    
    // Vérifier s'il y a des données de restauration
    $hasRestoData = $restaurationsJours->isNotEmpty();
    
    // Vérifier s'il y a des données de café
    $hasCafeData = $cafeJours->isNotEmpty() && $cafeJours->sum('quantite') > 0;
@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_reserv ?? '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 class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.label_type_wafd') }}</label>
                            <div class="info-value">
                                @if($reservation->type_wafd == 'groupe')
                                    {{ __('site.reservation.label_group_wafd') }}
                                @elseif($reservation->type_wafd == 'single')
                                    {{ __('site.reservation.label_single_wafd') }}
                                @else
                                    {{ __('site.reservation.no_value') }}
                                @endif
                            </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 ? \Carbon\Carbon::parse($reservation->date_arrive)->format('d/m/Y') : __('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 ? \Carbon\Carbon::parse($reservation->date_depart)->format('d/m/Y') : __('site.reservation.no_value') }}
                            </div>
                        </div>
						
						<div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.heure_arrive') }} </label>
                            <div class="info-value">
                                {{ $reservation->heure_arrivee ?? __('site.reservation.no_value') }}
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">{{ __('site.reservation.heure_depart') }}</label>
                            <div class="info-value">
                                {{ $reservation->heure_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>
                                                @if($person->accomodation_type == 'chambre')
                                                    {{ __('site.reservation.accomodation.chambre') }}
                                                @elseif($person->accomodation_type == 'tente')
                                                    {{ __('site.reservation.accomodation.tente') }}
                                                @else
                                                    {{ __('site.reservation.accomodation.chambre') }}
                                                @endif
                                            </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 par Jour -->
                <!-- Section Services Restauration par Jour -->
<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>
    
    @php
        $hasRestoData = isset($restaurationsParJour) && count($restaurationsParJour) > 0;
    @endphp
    
    @if($hasRestoData)
        @if(count($datesSejour) > 0)
            <!-- Onglets des jours -->
            <div class="days-summary-tabs" id="daysSummaryTabs">
                <!-- Option pour les restaurations générales (sans jour spécifique) -->
                @if(isset($restaurationsParJour['general']) && count($restaurationsParJour['general']) > 0)
                    <div class="day-summary-tab active" data-day="general">
                        {{ __('site.reservation.general_resto') }}
                        <span class="badge-resto">{{ count($restaurationsParJour['general']) }}</span>
                    </div>
                @endif
                
                @foreach($datesSejour as $index => $date)
                    @php
                        $restosDuJour = $restaurationsParJour[$date] ?? [];
                        $hasRestosJour = count($restosDuJour) > 0;
                    @endphp
                    <div class="day-summary-tab {{ (!isset($restaurationsParJour['general']) && $index === 0) ? 'active' : '' }}" 
                         data-day="{{ $index }}" 
                         data-date="{{ $date }}">
                        {{ __('site.reservation.day') }} {{ $index + 1 }}
                        <span class="date-badge">{{ \Carbon\Carbon::parse($date)->format('d/m') }}</span>
                        @if($hasRestosJour)
                            <span class="badge-resto">{{ count($restosDuJour) }}</span>
                        @endif
                    </div>
                @endforeach
            </div>
            
            <!-- Conteneur pour les restaurations générales -->
            @if(isset($restaurationsParJour['general']) && count($restaurationsParJour['general']) > 0)
                <div class="day-summary-container active" data-day="general">
                    <div class="day-summary-header">
                        <div>
                            <span class="day-title">{{ __('site.reservation.general_resto') }}</span>
                            <span class="day-subtitle">{{ __('site.reservation.multiple_days') }}</span>
                        </div>
                    </div>
                    
                    @foreach($restaurationsParJour['general'] as $restoData)
                        @php
                            $resto = $restoData['restauration'];
                            $tarif = $restoData['tarif'];
                            $totalResto = $tarif * ($reservation->nbr_personnes ?? 0);
                            $nomResto = '';
                            $descResto = '';
                            
                            if($resto) {
                                if(app()->getLocale() == 'ar') {
                                    $nomResto = $resto->nom_ar ?? '';
                                    $descResto = $resto->description_ar ?? '';
                                } elseif(app()->getLocale() == 'fr') {
                                    $nomResto = $resto->nom_fr ?? '';
                                    $descResto = $resto->description_fr ?? '';
                                } else {
                                    $nomResto = $resto->nom_en ?? '';
                                    $descResto = $resto->description_en ?? '';
                                }
                            }
                        @endphp
                        <div class="resto-card">
                            <div class="resto-header">
                                <div class="resto-name">{{ $nomResto ?: __('site.reservation.no_value') }}</div>
                                <div class="resto-price">{{ number_format($totalResto, 3) }} {{ __('site.currency') }}</div>
                            </div>
                            @if($descResto)
                                <div class="resto-desc">{{ $descResto }}</div>
                            @endif
                            <div class="resto-details">
                                <small>
                                    @php
                                        $prixUnitaire = $tarif;
                                        $personsText = getPluralizedText($reservation->nbr_personnes ?? 0, 'persons', $currentLang);
                                        
                                        if ($currentLang === 'ar') {
                                            echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                  ($reservation->nbr_personnes ?? 0) . ' ' . $personsText . ' ' . __('site.reservation.per_day');
                                        } elseif ($currentLang === 'fr') {
                                            echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                  ($reservation->nbr_personnes ?? 0) . ' ' . $personsText . ' ' . __('site.reservation.per_day');
                                        } else {
                                            echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                  ($reservation->nbr_personnes ?? 0) . ' ' . $personsText . ' ' . __('site.reservation.per_day');
                                        }
                                    @endphp
                                </small>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
            
            <!-- Conteneurs des jours -->
            @foreach($datesSejour as $index => $date)
                @php
                    $restosDuJour = $restaurationsParJour[$date] ?? [];
                    $hasRestosJour = count($restosDuJour) > 0;
                    $jourTotal = 0;
                    
                    if ($hasRestosJour) {
                        foreach ($restosDuJour as $restoData) {
                            $jourTotal += $restoData['tarif'] * ($reservation->nbr_personnes ?? 0);
                        }
                    }
                @endphp
                
                <div class="day-summary-container {{ (!isset($restaurationsParJour['general']) && $index === 0) ? 'active' : '' }}" 
                     data-day="{{ $index }}">
                    <div class="day-summary-header">
                        <div>
                            <span class="day-title">{{ __('site.reservation.day') }} {{ $index + 1 }}</span>
                            <span class="day-subtitle">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</span>
                        </div>
                        @if($hasRestosJour)
                            <div class="day-total">{{ number_format($jourTotal, 3) }} {{ __('site.currency') }}</div>
                        @endif
                    </div>
                    
                    @if($hasRestosJour)
                        @foreach($restosDuJour as $restoData)
                            @php
                                $resto = $restoData['restauration'];
                                $tarif = $restoData['tarif'];
                                $totalResto = $tarif * ($reservation->nbr_personnes ?? 0);
                                $nomResto = '';
                                $descResto = '';
                                
                                if($resto) {
                                    if(app()->getLocale() == 'ar') {
                                        $nomResto = $resto->nom_ar ?? '';
                                        $descResto = $resto->description_ar ?? '';
                                    } elseif(app()->getLocale() == 'fr') {
                                        $nomResto = $resto->nom_fr ?? '';
                                        $descResto = $resto->description_fr ?? '';
                                    } else {
                                        $nomResto = $resto->nom_en ?? '';
                                        $descResto = $resto->description_en ?? '';
                                    }
                                }
                            @endphp
                            <div class="resto-card">
                                <div class="resto-header">
                                    <div class="resto-name">{{ $nomResto ?: __('site.reservation.no_value') }}</div>
                                    <div class="resto-price">{{ number_format($totalResto, 3) }} {{ __('site.currency') }}</div>
                                </div>
                                @if($descResto)
                                    <div class="resto-desc">{{ $descResto }}</div>
                                @endif
                                <div class="resto-details">
                                    <small>
                                        @php
                                            $prixUnitaire = $tarif;
                                            $personsText = getPluralizedText($reservation->nbr_personnes ?? 0, 'persons', $currentLang);
                                            
                                            if ($currentLang === 'ar') {
                                                echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                      ($reservation->nbr_personnes ?? 0) . ' ' . $personsText;
                                            } elseif ($currentLang === 'fr') {
                                                echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                      ($reservation->nbr_personnes ?? 0) . ' ' . $personsText;
                                            } else {
                                                echo number_format($prixUnitaire, 3) . ' ' . __('site.currency') . ' × ' . 
                                                      ($reservation->nbr_personnes ?? 0) . ' ' . $personsText;
                                            }
                                        @endphp
                                    </small>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="empty-placeholder" style="padding: 20px;">
                            {{ __('site.reservation.resto_none_selected_day') }}
                        </div>
                    @endif
                </div>
            @endforeach
        @endif
    @else
        <div class="empty-placeholder">{{ __('site.reservation.resto_none_selected') }}</div>
    @endif
</div>
                
                <div class="details-section">
    <h4 class="section-title">
        <i class="bi bi-cup-hot-fill"></i>
        {{ __('site.reservation.pause_cafe') }}
    </h4>
    
    @if($reservation->auberge && $reservation->auberge->pause_cafe && $reservation->auberge->tarif_cafe > 0)
        <div class="calc-info">
            <i class="bi bi-info-circle"></i>
            {{ __('site.reservation.cafe_calc_note', ['price' => number_format($reservation->auberge->tarif_cafe, 3)]) }}
        </div>
        
        @php
            $hasCafeData = $reservation->cafes && $reservation->cafes->count() > 0;
            $cafeJours = $hasCafeData ? $reservation->cafes->keyBy(function($item) {
                return $item->date_service ? $item->date_service->format('Y-m-d') : null;
            }) : collect();
            
            $totalQuantite = $hasCafeData ? $reservation->cafes->sum('quantite') : 0;
            $totalMontant = $hasCafeData ? $reservation->cafes->sum('total') : 0;
        @endphp
        
        @if($hasCafeData)
            @if(count($datesSejour) > 0)
                <!-- Résumé global du café -->
                <div class="row mb-4">
                    <div class="col-md-6">
                        <div class="summary-item">
                            <span class="summary-label">{{ __('site.reservation.total_cafe_quantity') }}:</span>
                            <span class="summary-value">
                                <strong>{{ $totalQuantite }}</strong> {{ __('site.reservation.cups') }}
                            </span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="summary-item">
                            <span class="summary-label">{{ __('site.reservation.total_cafe_amount') }}:</span>
                            <span class="summary-value">
                                <strong>{{ number_format($totalMontant, 3) }}</strong> {{ __('site.currency') }}
                            </span>
                        </div>
                    </div>
                </div>

                <!-- Onglets des jours -->
                <div class="days-summary-tabs mt-3" id="daysCafeSummaryTabs">
                    @foreach($datesSejour as $index => $date)
                        @php
                            $cafeDuJour = $cafeJours[$date] ?? null;
                            $hasCafe = $cafeDuJour && $cafeDuJour->quantite > 0;
                        @endphp
                        <div class="day-summary-tab {{ $index === 0 ? 'active' : '' }}" 
                             data-cafe-day="{{ $index }}" 
                             data-date="{{ $date }}">
                            {{ __('site.reservation.day') }} {{ $index + 1 }}
                            <span class="date-badge">{{ \Carbon\Carbon::parse($date)->format('d/m') }}</span>
                            @if($hasCafe)
                                <span class="badge-resto">{{ $cafeDuJour->quantite }}</span>
                            @endif
                        </div>
                    @endforeach
                </div>
                
                <!-- Conteneurs des jours -->
                @foreach($datesSejour as $index => $date)
                    @php
                        $cafeDuJour = $cafeJours[$date] ?? null;
                        $hasCafe = $cafeDuJour && $cafeDuJour->quantite > 0;
                        $jourTotalCafe = $hasCafe ? ($cafeDuJour->total ?? 0) : 0;
                    @endphp
                    
                    <div class="day-summary-container {{ $index === 0 ? 'active' : '' }}" data-cafe-day="{{ $index }}">
                        <div class="day-summary-header">
                            <div>
                                <span class="day-title">{{ __('site.reservation.day') }} {{ $index + 1 }}</span>
                                <span class="day-subtitle">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</span>
                            </div>
                            @if($hasCafe)
                                <div class="day-total">{{ number_format($jourTotalCafe, 3) }} {{ __('site.currency') }}</div>
                            @endif
                        </div>
                        
                        @if($hasCafe)
                            <div class="cafe-summary-card">
                                <div class="cafe-header">
                                    <div class="cafe-title">
                                        <i class="bi bi-cup"></i>
                                        {{ __('site.reservation.cafe_service') }}
                                    </div>
                                    <div class="cafe-price">{{ number_format($cafeDuJour->total, 3) }} {{ __('site.currency') }}</div>
                                </div>
                                
                                <!-- Détails du café pour ce jour -->
                                <div class="row mt-3">
                                    <div class="col-md-4 mb-2">
                                        <div class="cafe-detail-item">
                                            <span class="detail-label">{{ __('site.reservation.quantity') }}</span>
                                            <span class="detail-value">{{ $cafeDuJour->quantite }} {{ __('site.reservation.cups') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-2">
                                        <div class="cafe-detail-item">
                                            <span class="detail-label">{{ __('site.reservation.unit_price') }}</span>
                                            <span class="detail-value">{{ number_format($cafeDuJour->tarif_unitaire, 3) }} {{ __('site.currency') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-2">
                                        <div class="cafe-detail-item">
                                            <span class="detail-label">{{ __('site.reservation.number_of_persons') }}</span>
                                            <span class="detail-value">{{ $reservation->nbr_personnes ?? 0 }}</span>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Formule de calcul détaillée -->
                                <div class="cafe-calculation mt-3">
                                    <div class="calculation-title">
                                        <i class="bi bi-calculator"></i>
                                        {{ __('site.reservation.calculation_details') }}
                                    </div>
                                    <div class="calculation-formula">
                                        @php
                                            $personsText = getPluralizedText($reservation->nbr_personnes ?? 0, 'persons', $currentLang);
                                            $cupsText = $cafeDuJour->quantite > 1 ? __('site.reservation.cups_plural') : __('site.reservation.cup_singular');
                                            
                                            if ($currentLang === 'ar') {
                                                echo "<div class='formula-line'><span class='formula-item'>{$cafeDuJour->quantite} {$cupsText}</span> × <span class='formula-item'>" . 
                                                      number_format($cafeDuJour->tarif_unitaire, 3) . " " . __('site.currency') . "</span> × <span class='formula-item'>" . 
                                                      ($reservation->nbr_personnes ?? 0) . " {$personsText}</span></div>";
                                                echo "<div class='formula-result'>= <strong>" . number_format($cafeDuJour->total, 3) . " " . __('site.currency') . "</strong></div>";
                                            } elseif ($currentLang === 'fr') {
                                                echo "<div class='formula-line'><span class='formula-item'>{$cafeDuJour->quantite} {$cupsText}</span> × <span class='formula-item'>" . 
                                                      number_format($cafeDuJour->tarif_unitaire, 3) . " " . __('site.currency') . "</span> × <span class='formula-item'>" . 
                                                      ($reservation->nbr_personnes ?? 0) . " {$personsText}</span></div>";
                                                echo "<div class='formula-result'>= <strong>" . number_format($cafeDuJour->total, 3) . " " . __('site.currency') . "</strong></div>";
                                            } else {
                                                echo "<div class='formula-line'><span class='formula-item'>{$cafeDuJour->quantite} {$cupsText}</span> × <span class='formula-item'>" . 
                                                      number_format($cafeDuJour->tarif_unitaire, 3) . " " . __('site.currency') . "</span> × <span class='formula-item'>" . 
                                                      ($reservation->nbr_personnes ?? 0) . " {$personsText}</span></div>";
                                                echo "<div class='formula-result'>= <strong>" . number_format($cafeDuJour->total, 3) . " " . __('site.currency') . "</strong></div>";
                                            }
                                        @endphp
                                    </div>
                                </div>
                                
                                <!-- Détail par personne -->
                                <div class="cafe-per-person mt-3">
                                    <div class="per-person-box">
                                        <i class="bi bi-person"></i>
                                        @php
                                            $pricePerPerson = $cafeDuJour->tarif_unitaire * $cafeDuJour->quantite;
                                            if ($currentLang === 'ar') {
                                                echo "<span class='per-person-label'>لكل شخص:</span> <span class='per-person-value'>" . 
                                                      number_format($pricePerPerson, 3) . " " . __('site.currency') . "</span>";
                                            } elseif ($currentLang === 'fr') {
                                                echo "<span class='per-person-label'>Par personne:</span> <span class='per-person-value'>" . 
                                                      number_format($pricePerPerson, 3) . " " . __('site.currency') . "</span>";
                                            } else {
                                                echo "<span class='per-person-label'>Per person:</span> <span class='per-person-value'>" . 
                                                      number_format($pricePerPerson, 3) . " " . __('site.currency') . "</span>";
                                            }
                                        @endphp
                                    </div>
                                </div>
                                
                                <!-- Tableau récapitulatif du jour -->
                                <div class="cafe-day-summary mt-4">
                                    <h6 class="mb-2">{{ __('site.reservation.day_summary') }}</h6>
                                    <table class="table table-sm table-bordered">
                                        <thead>
                                            <tr>
                                                <th>{{ __('site.reservation.total_cups') }}</th>
                                                <th>{{ __('site.reservation.unit_price') }}</th>
                                                <th>{{ __('site.reservation.total_persons') }}</th>
                                                <th>{{ __('site.reservation.day_total') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><strong>{{ $cafeDuJour->quantite }}</strong></td>
                                                <td>{{ number_format($cafeDuJour->tarif_unitaire, 3) }} {{ __('site.currency') }}</td>
                                                <td>{{ $reservation->nbr_personnes ?? 0 }}</td>
                                                <td><strong class="text-danger">{{ number_format($cafeDuJour->total, 3) }} {{ __('site.currency') }}</strong></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @else
                            <div class="empty-placeholder" style="padding: 20px;">
                                <i class="bi bi-cup"></i>
                                {{ __('site.reservation.cafe_none_selected_day') }}
                            </div>
                        @endif
                    </div>
                @endforeach
                
                
                
            @endif
        @else
            <div class="empty-placeholder">
                <i class="bi bi-cup"></i>
                {{ __('site.reservation.cafe_none_selected') }}
            </div>
        @endif
    @else
        <div class="alert alert-info">
            <i class="bi bi-info-circle"></i>
            {{ __('site.reservation.cafe_not_available') }}
        </div>
    @endif
</div>
                
                <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 par jour
                        $restoTotal = 0;
                        if ($restaurationsJours->isNotEmpty()) {
                            foreach ($restaurationsJours as $date => $restos) {
                                foreach ($restos as $resto) {
                                    $restoTotal += $resto->tarif * ($reservation->nbr_personnes ?? 0);
                                }
                            }
                        }
                        
                        // Calcul du total du café par jour
                        $cafeTotal = 0;
                        if ($cafeJours->isNotEmpty()) {
                            foreach ($cafeJours as $cafe) {
                                $cafeTotal += $cafe->total ?? 0;
                            }
                        }
                        
                        $servicesTotal = $restoTotal + $cafeTotal;
                    @endphp
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_resto') }}:</span>
                        <span class="summary-value">
                            {{ number_format($restoTotal, 3) }} {{ __('site.currency') }}
                        </span>
                    </div>
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_cafe') }}:</span>
                        <span class="summary-value">
                            {{ number_format($cafeTotal, 3) }} {{ __('site.currency') }}
                        </span>
                    </div>
                    
                    <div class="summary-item">
                        <span class="summary-label">{{ __('site.reservation.summary_services') }}:</span>
                        <span class="summary-value">
                            {{ number_format($servicesTotal, 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 - $servicesTotal) / $nights;
                                }
                                
                                if ($tarifNuit < 0) $tarifNuit = 0;
                            @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 + $servicesTotal);
                            @endphp
                            {{ number_format($totalFinal, 3) }} {{ __('site.currency') }}
                        </div>
                    </div>
                    
                    <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 ($reservation->statut_id == 1) {
                                        $statutLabel = __('site.reservation.status_accepted');
                                    } elseif ($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');
        }
    );
    
    $('.day-summary-tab[data-day]').on('click', function() {
        const day = $(this).data('day');
        
        $('.day-summary-tab[data-day]').removeClass('active');
        $(this).addClass('active');
        
        $('.day-summary-container[data-day]').removeClass('active');
        $(`.day-summary-container[data-day="${day}"]`).addClass('active');
    });
    
    $('.day-summary-tab[data-cafe-day]').on('click', function() {
        const day = $(this).data('cafe-day');
        
        $('.day-summary-tab[data-cafe-day]').removeClass('active');
        $(this).addClass('active');
        
        $('.day-summary-container[data-cafe-day]').removeClass('active');
        $(`.day-summary-container[data-cafe-day="${day}"]`).addClass('active');
    });
});
</script>
@endsection