@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
                <li class="breadcrumb-item active" aria-current="page">Réservations</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-0">
        <div class="container">
            @if(session('status'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="fas fa-check-circle me-2"></i>{{ session('status') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <!-- Header Section -->
            <div class="row mb-4">
                <div class="col-md-1">
                    <div class="big-icon-badge d-flex align-items-center justify-content-center mx-auto">
                        <span class="icon-badge-check icon icon-54 text-primary"></span>
                    </div>
                </div>
                <div class="col-md-11">
                    <h1 class="h3 mb-2 text-primary">Mes réservations</h1>
                    <div class="text-grey text-16">
                        Suivez et gérez les réservations de vos clients
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <!-- Applications Section -->
        @if($applications->isEmpty())
            <div class="alert alert-info">
                <i class="fas fa-info-circle me-2"></i>Vous n'avez accès à aucune application pour le moment.
            </div>
        @else
            @foreach($applications as $application)
                @php
                    $reservationsEnCours = $application->reservations->filter(fn ($r) => !$r->signed_by_clients_at);
                    $reservationsTerminees = $application->reservations->filter(fn ($r) => $r->signed_by_clients_at);
                @endphp
                <div class="row">
                    <div class="col-12">
                        <div class="d-flex align-items-center justify-content-between">
                            @if(auth()->user()->isRole('ROLE_SUPPORT'))
                                <h5 class="mb-3">
                                    <i class="fas fa-th-large me-2 text-primary"></i>{{ $application->name }}
                                </h5>
                            @endif
                            <div class="d-flex gap-2 align-items-center">
                                <span class="badge d-none">
                                    {{ $application->reservations->count() }} réservation{{ $application->reservations->count() > 1 ? 's' : '' }}
                                </span>
                            </div>
                        </div>

                        
                        @if(!$application->reservations->isEmpty())
                            <!-- Onglets -->
                            <ul class="nav nav-tabs mb-0 mt-3" id="reservationsTabs{{ $application->id }}" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link text-navigo active" id="en-cours-tab-{{ $application->id }}" data-bs-toggle="tab" data-bs-target="#en-cours-{{ $application->id }}" type="button" role="tab">
                                        Réservations en cours
                                        <span class="badge ms-2">{{ $reservationsEnCours->count() }}</span>
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link text-navigo" id="terminees-tab-{{ $application->id }}" data-bs-toggle="tab" data-bs-target="#terminees-{{ $application->id }}" type="button" role="tab">
                                        Réservations terminées
                                        <span class="badge ms-2">{{ $reservationsTerminees->count() }}</span>
                                    </button>
                                </li>
                            </ul>
                        @endif
                    </div>
                </div>
            @endforeach
        @endif
    </div>

    @if($applications->isNotEmpty())
        <div class="container-fluid container-fluid-bordered">
            <div class="container">
                <!-- Filtres -->
                <form method="GET" action="{{ route('partner.reservations.list') }}" id="reservationsFilterForm" class="row g-3 mb-4">
                    <div class="col-md-3">
                        <input type="text" name="search_name" id="search_name" class="form-control" value="{{ request('search_name') }}" placeholder="Rechercher par nom...">
                    </div>
                    <div class="col-md-3">
                        <select name="program_id" id="program_id" class="form-select">
                            <option value="">Programme</option>
                            @foreach($programs ?? [] as $program)
                                <option value="{{ $program->id }}" {{ request('program_id') == $program->id ? 'selected' : '' }}>
                                    {{ $program->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="task_id" id="task_id" class="form-select">
                            <option value="">Statut du workflow</option>
                            @foreach($tasks ?? [] as $task)
                                <option value="{{ $task->id }}" {{ request('task_id') == $task->id ? 'selected' : '' }}>
                                    {{ $task->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="user_id" id="user_id" class="form-select">
                            <option value="">Commercialisateur</option>
                            @foreach($users ?? [] as $user)
                                <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                    {{ $user->firstname }} {{ $user->lastname }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 d-flex gap-1">
                        <input type="hidden" name="sort" value="{{ request('sort', 'created_at') }}">
                        <input type="hidden" name="direction" value="{{ request('direction', 'desc') }}">
                        <button type="submit" class="btn btn-primary btn-outline-secondary">
                            <span class="icon-search icon icon-16 text-white align-items-center justify-content-center mx-auto"></span>
                        </button>
                        <button type="button" class="btn btn-outline-secondary" title="Réinitialiser les filtres" onclick="window.location.href='{{ route('partner.reservations.list') }}'">
                            <span class="icon-x icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                        </button>
                    </div>
                </form>

                @if($application->reservations->isEmpty())
                    <div class="alert alert-info mb-0 mt-3">
                        <i class="fas fa-info-circle me-2"></i>Aucune réservation créée.
                    </div>
                @endif

                @foreach($applications as $application)
                    @if(!$application->reservations->isEmpty())
                        @php
                            $reservationsEnCours = $application->reservations->filter(fn ($r) => !$r->signed_by_clients_at);
                            $reservationsTerminees = $application->reservations->filter(fn ($r) => $r->signed_by_clients_at);
                            $sortDateConfirmation = request('sort') === 'date_confirmation' ? (request('direction') === 'asc' ? 'desc' : 'asc') : 'desc';
                            $sortSigned = request('sort') === 'signed_by_clients_at' ? (request('direction') === 'asc' ? 'desc' : 'asc') : 'desc';
                        @endphp
                        <!-- Contenu des onglets -->
                        <div class="tab-content" id="reservationsTabsContent{{ $application->id }}">
                            <!-- Onglet Réservations en cours -->
                            <div class="tab-pane fade show active" id="en-cours-{{ $application->id }}" role="tabpanel">
                                @if($reservationsEnCours->isEmpty())
                                    <div class="alert alert-info mb-0">
                                        <i class="fas fa-info-circle me-2"></i>Aucune réservation en cours.
                                    </div>
                                @else
                                    <div class="table-responsive">
                                        <table class="table-personnalisee table-hover align-middle mb-0">
                                            <thead class="table-light">
                                                <tr>
                                                    <th style="width: 18%;">Client</th>
                                                    <th style="width: 15%;">Programme</th>
                                                    <th style="width: 10%;">Fiscalité</th>
                                                    <th style="width: 10%;">Lot</th>
                                                    <th style="width: 10%;">Prix TTC</th>
                                                    <th style="width: 15%;">Commercialisateur</th>
                                                    <th style="width: 12%;">Statut du workflow</th>
                                                    <th style="width: 10%;">
                                                        <a href="{{ route('partner.reservations.list', array_merge(request()->all(), ['sort' => 'date_confirmation', 'direction' => $sortDateConfirmation])) }}" class="text-decoration-none sort-link">
                                                            @if(request('sort') === 'date_confirmation')
                                                                <i class="fas fa-sort-{{ request('direction') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
                                                            @endif
                                                            Confirmation
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;" class="text-center"></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($reservationsEnCours as $reservation)
                                                    @include('partner.reservations._list_row', ['reservation' => $reservation, 'application' => $application])
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>

                            <!-- Onglet Réservations terminées -->
                            <div class="tab-pane fade" id="terminees-{{ $application->id }}" role="tabpanel">
                                @if($reservationsTerminees->isEmpty())
                                    <div class="alert alert-info mb-0">
                                        <i class="fas fa-info-circle me-2"></i>Aucune réservation terminée.
                                    </div>
                                @else
                                    <div class="table-responsive">
                                        <table class="table-personnalisee table-hover align-middle mb-0">
                                            <thead class="table-light">
                                                <tr>
                                                    <th style="width: 18%;">Client</th>
                                                    <th style="width: 15%;">Programme</th>
                                                    <th style="width: 10%;">Fiscalité</th>
                                                    <th style="width: 10%;">Lot</th>
                                                    <th style="width: 10%;">Prix TTC</th>
                                                    <th style="width: 15%;">Commercialisateur</th>
                                                    <th style="width: 12%;">Statut du workflow</th>
                                                    <th style="width: 10%;">
                                                        <a href="{{ route('partner.reservations.list', array_merge(request()->all(), ['sort' => 'signed_by_clients_at', 'direction' => $sortSigned])) }}" class="text-decoration-none sort-link">
                                                            @if(request('sort') === 'signed_by_clients_at')
                                                                <i class="fas fa-sort-{{ request('direction') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <i class="fas fa-sort me-1 text-muted"></i>
                                                            @endif
                                                            Signature
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;" class="text-center"></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($reservationsTerminees as $reservation)
                                                    @include('partner.reservations._list_row', ['reservation' => $reservation, 'application' => $application])
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    @endif
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    var filterForm = document.getElementById('reservationsFilterForm');
    if (!filterForm) return;

    var searchInput = document.getElementById('search_name');
    var programSelect = document.getElementById('program_id');
    var taskSelect = document.getElementById('task_id');
    var userSelect = document.getElementById('user_id');
    var searchTimeout;

    function submitFilters() {
        filterForm.submit();
    }

    if (searchInput) {
        searchInput.addEventListener('input', function() {
            clearTimeout(searchTimeout);
            searchTimeout = setTimeout(submitFilters, 500);
        });
    }
    if (programSelect) programSelect.addEventListener('change', submitFilters);
    if (taskSelect) taskSelect.addEventListener('change', submitFilters);
    if (userSelect) userSelect.addEventListener('change', submitFilters);
});
</script>
@endpush
@endsection