@extends('layouts.base')

@section('content')
    @php
        $canManagePartnerOptions = auth()->user()->canAccessPartnerOptionsWrite();
    @endphp
    @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">Mes options</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
            @if($errors->has('date_end'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="fas fa-exclamation-circle me-2"></i>{{ $errors->first('date_end') }}
                    <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-alert icon icon-54 text-primary"></span>
                    </div>
                </div>
                <div class="col-md-11">
                    <h1 class="h3 mb-2 text-primary">Mes options</h1>
                    <div class="text-grey text-16">
                        Suivez et gérez les options 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)
                <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-0">
                                    <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->options->count() }} option{{ $application->options->count() > 1 ? 's' : '' }}
                                </span>
                                @if($canManagePartnerOptions)
                                    <a href="{{ route('partner.options.create') }}" class="btn btn-sm btn-primary">
                                        <span class="icon-circle-plus icon icon-16 text-white align-items-center justify-content-center mx-auto"></span> Nouvelle option
                                    </a>
                                @endif
                            </div>
                        </div>

                        @if($application->options->isEmpty())
                            <div class="alert alert-info mb-0 mt-3">
                                <i class="fas fa-info-circle me-2"></i>Aucune option créée pour cette application.
                            </div>
                        @else
                            <!-- Onglets -->
                            <ul class="nav nav-tabs mb-0 mt-3" id="optionsTabs{{ $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">
                                        Options en cours
                                        <span class="badge ms-2">{{ $application->options_en_cours->count() }}</span>
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link text-navigo" id="archivees-tab-{{ $application->id }}" data-bs-toggle="tab" data-bs-target="#archivees-{{ $application->id }}" type="button" role="tab">
                                        Options archivées
                                        <span class="badge ms-2">{{ $application->options_archivees->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.options.list') }}" id="optionsFilterForm" class="row g-3 mb-4">
                    <input type="hidden" name="sort_by" value="{{ $sortBy ?? 'created_at' }}">
                    <input type="hidden" name="sort_dir" value="{{ $sortDir ?? 'desc' }}">
                    <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-3">
                        <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">
                        <select name="state" id="state" class="form-select">
                            <option value="">Statut de l'option</option>
                            @foreach(\App\Enums\OptionState::selectableCases() as $state)
                                <option value="{{ $state->value }}" {{ request('state') === $state->value ? 'selected' : '' }}>
                                    {{ $state->label() }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-1 d-flex gap-1">
                        <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.options.list') }}'">
                            <span class="icon-x icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                        </button>
                    </div>
                </form>

                @foreach($applications as $application)
                    @if(!$application->options->isEmpty())
                        <!-- Contenu des onglets -->
                        <div class="tab-content" id="optionsTabsContent{{ $application->id }}">
                            <!-- Onglet Options en cours -->
                            <div class="tab-pane fade show active" id="en-cours-{{ $application->id }}" role="tabpanel">
                                @if($application->options_en_cours->isEmpty())
                                    <div class="alert alert-info mb-0">
                                        <i class="fas fa-info-circle me-2"></i>Aucune option 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: 20%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'client', 'sort_dir' => (($sortBy ?? '') === 'client' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'client')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === '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-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                                            @endif
                                                            Client
                                                        </a>
                                                    </th>
                                                    <th style="width: 20%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'programme', 'sort_dir' => (($sortBy ?? '') === 'programme' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'programme')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === '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-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                                            @endif
                                                            Programme
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;">
                                                        Fiscalité
                                                    </th>
                                                    <th style="width: 20%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'commercialisateur', 'sort_dir' => (($sortBy ?? '') === 'commercialisateur' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'commercialisateur')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === '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-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                                            @endif
                                                            Commercialisateur
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'created_at', 'sort_dir' => (($sortBy ?? 'created_at') === 'created_at' && ($sortDir ?? 'desc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? 'created_at') === 'created_at')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'desc') === '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-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                                            @endif
                                                            Posée le
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'date_end', 'sort_dir' => (($sortBy ?? '') === 'date_end' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'date_end')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === '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-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                                            @endif
                                                            Fin
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;" class="text-center">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'state', 'sort_dir' => (($sortBy ?? '') === 'state' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link d-inline-block">
                                                            @if(($sortBy ?? '') === 'state')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === '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-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                                            @endif
                                                            Statut de l'option
                                                        </a>
                                                    </th>
                                                    @if($canManagePartnerOptions)
                                                        <th style="width: 10%;" class="text-center"></th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($application->options_en_cours as $option)
                                                    <tr>
                                                        <td>
                                                            <div class="d-flex align-items-center">
                                                                @if($option->client)
                                                                    <a href="{{ route('partner.clients.show', $option->client) }}" class="text-decoration-none d-flex align-items-center text-navigo text-medium text-dark text-16">
                                                                        @php
                                                                            $firstInitial = strtoupper(substr($option->client->firstname ?? '', 0, 1));
                                                                            $lastInitial = strtoupper(substr($option->client->lastname ?? '', 0, 1));
                                                                            $initials = $firstInitial . $lastInitial;
                                                                        @endphp
                                                                        @if($initials)
                                                                            <span class="client-avatar me-2">{{ $initials }}</span>
                                                                        @endif
                                                                        <span class="text-navigo">{{ $option->client->fullName() }}</span>
                                                                    </a>
                                                                @endif
                                                            </div>
                                                        </td>
                                                        <td>
                                                            @if($option->product && $option->product->program)
                                                                <a href="{{ route('partner.program.show', ['program' => $option->product->program->token]) }}" class="text-decoration-none text-navigo text-medium text-dark text-14">
                                                                    <span class="text-navigo text-medium text-14">{{ $option->product->program->name }}</span>
                                                                </a>
                                                            @endif
                                                            <br>
                                                            @if($option->product)
                                                                <!-- <span class="text-navigo text-medium text-grey text-14">{{ $option->product->name }}</span> -->
                                                                <span class="text-navigo text-medium text-grey text-14">Lot {{ $option->product->number }}</span>
                                                                <span class="separator-vertical-small mx-1"></span>
                                                                <span class="text-roboto text-medium text-grey text-14 text-uppercase">{{ $option->product->type }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <span class="text-roboto text-medium text-grey text-14">{{ $option->fiscalite_label() }}</span>
                                                        </td>
                                                        <td>
                                                            @if($option->user)
                                                                <a href="{{ route('partner.commercialisateur.show', ['user' => $option->user]) }}" class="text-decoration-none">
                                                                    <span class="text-roboto text-medium text-grey text-14">{{ $option->user->fullName() }}</span>
                                                                </a>
                                                            @endif
                                                        </td>
                                                        <!-- <td class="text-center">
                                                            @if($option->getRang())
                                                                <span class="badge bg-info">Rang {{ $option->getRang() }}</span>
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td> -->
                                                        <td>
                                                            @if($option->created_at)
                                                                <span class="text-roboto text-medium text-grey text-14">{{ $option->created_at->format('d/m/Y à H:i') }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($option->date_end)
                                                                <span class="text-roboto text-medium text-grey text-14">{{ $option->date_end->format('d/m/Y à H:i') }}</span>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if($option->state)
                                                                <span class="badge option-state-{{ $option->state->value }}" title="{{ $option->state->description() }}">
                                                                    <i class="fas {{ $option->state->icon() }} me-1"></i>{{ $option->state->label() }}
                                                                </span>
                                                            @endif
                                                        </td>
                                                        @if($canManagePartnerOptions)
                                                            <td class="text-center">
                                                                @include('partner.options.partials.actions-dropdown', ['option' => $option, 'archived' => false])
                                                            </td>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>

                            <!-- Onglet Options archivées -->
                            <div class="tab-pane fade" id="archivees-{{ $application->id }}" role="tabpanel">
                                @if($application->options_archivees->isEmpty())
                                    <div class="alert alert-info mb-0">
                                        <i class="fas fa-info-circle me-2"></i>Aucune option archivé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: 20%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'client', 'sort_dir' => (($sortBy ?? '') === 'client' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'client')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <i class="fas fa-sort me-1 text-muted"></i>
                                                            @endif
                                                            Client
                                                        </a>
                                                    </th>
                                                    <th style="width: 20%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'programme', 'sort_dir' => (($sortBy ?? '') === 'programme' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'programme')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <i class="fas fa-sort me-1 text-muted"></i>
                                                            @endif
                                                            Programme
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;">
                                                        Fiscalité
                                                    </th>
                                                    <th style="width: 20%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'commercialisateur', 'sort_dir' => (($sortBy ?? '') === 'commercialisateur' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'commercialisateur')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <i class="fas fa-sort me-1 text-muted"></i>
                                                            @endif
                                                            Commercialisateur
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'created_at', 'sort_dir' => (($sortBy ?? 'created_at') === 'created_at' && ($sortDir ?? 'desc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? 'created_at') === 'created_at')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'desc') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <i class="fas fa-sort me-1 text-muted"></i>
                                                            @endif
                                                            Posée le
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'date_end', 'sort_dir' => (($sortBy ?? '') === 'date_end' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                                            @if(($sortBy ?? '') === 'date_end')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <i class="fas fa-sort me-1 text-muted"></i>
                                                            @endif
                                                            Fin
                                                        </a>
                                                    </th>
                                                    <th style="width: 10%;" class="text-center">
                                                        <a href="{{ route('partner.options.list', array_merge(request()->all(), ['sort_by' => 'state', 'sort_dir' => (($sortBy ?? '') === 'state' && ($sortDir ?? 'asc') === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link d-inline-block">
                                                            @if(($sortBy ?? '') === 'state')
                                                                <i class="fas fa-sort-{{ ($sortDir ?? 'asc') === 'asc' ? 'up' : 'down' }} me-1"></i>
                                                            @else
                                                                <i class="fas fa-sort me-1 text-muted"></i>
                                                            @endif
                                                            Statut de l'option
                                                        </a>
                                                    </th>
                                                    @if($canManagePartnerOptions)
                                                        <th style="width: 10%;" class="text-center"></th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($application->options_archivees as $option)
                                                    <tr>
                                                        <td>
                                                            <div class="d-flex align-items-center">
                                                                @if($option->client)
                                                                    <a href="{{ route('partner.clients.show', $option->client) }}" class="text-decoration-none d-flex align-items-center text-navigo text-medium text-dark text-16">
                                                                        @php
                                                                            $firstInitial = strtoupper(substr($option->client->firstname ?? '', 0, 1));
                                                                            $lastInitial = strtoupper(substr($option->client->lastname ?? '', 0, 1));
                                                                            $initials = $firstInitial . $lastInitial;
                                                                        @endphp
                                                                        @if($initials)
                                                                            <span class="client-avatar me-2">{{ $initials }}</span>
                                                                        @endif
                                                                        <span class="text-navigo">{{ $option->client->fullName() }}</span>
                                                                    </a>
                                                                @endif
                                                            </div>
                                                        </td>
                                                        <td>
                                                            @if($option->product && $option->product->program)
                                                                <a href="{{ route('partner.program.show', ['program' => $option->product->program->token]) }}" class="text-decoration-none text-navigo text-medium text-dark text-14">
                                                                    <span class="text-roboto text-medium text-14">{{ $option->product->program->name }}</span>
                                                                </a>
                                                            @endif
                                                            <br>
                                                            @if($option->product)
                                                                <span class="text-roboto text-medium text-grey text-14">{{ $option->product->name }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <span class="text-roboto text-medium text-grey text-14">{{ $option->fiscalite_label() }}</span>
                                                        </td>
                                                        <td>
                                                            @if($option->user)
                                                                <a href="{{ route('partner.commercialisateur.show', ['user' => $option->user]) }}" class="text-decoration-none">
                                                                    <span class="text-roboto text-medium text-grey text-14">{{ $option->user->fullName() }}</span>
                                                                </a>
                                                            @endif
                                                        </td>
                                                        <!-- <td class="text-center">
                                                            @if($option->getRang())
                                                                <span class="badge bg-info">Rang {{ $option->getRang() }}</span>
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td> -->
                                                        <td>
                                                            @if($option->created_at)
                                                                <span class="text-roboto text-medium text-grey text-14">{{ $option->created_at->format('d/m/Y à H:i') }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($option->date_end)
                                                                <span class="text-roboto text-medium text-grey text-14">{{ $option->date_end->format('d/m/Y à H:i') }}</span>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if($option->state)
                                                                <span class="badge option-state-{{ $option->state->value }}" title="{{ $option->state->description() }}">
                                                                    <i class="fas {{ $option->state->icon() }} me-1"></i>{{ $option->state->label() }}
                                                                </span>
                                                            @endif
                                                        </td>
                                                        @if($canManagePartnerOptions)
                                                            <td class="text-center">
                                                                @include('partner.options.partials.actions-dropdown', ['option' => $option, 'archived' => true])
                                                            </td>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    @endif
</div>

@push('scripts')
<script>
function confirmDeleteOption(optionId) {
    if (confirm('Êtes-vous sûr de vouloir supprimer cette option ?\n\nCette action est irréversible et supprimera toutes les données associées.')) {
        document.getElementById('delete-form-' + optionId).submit();
    }
}
document.addEventListener('DOMContentLoaded', function() {
    var filterForm = document.getElementById('optionsFilterForm');
    if (!filterForm) return;

    var searchInput = document.getElementById('search_name');
    var programSelect = document.getElementById('program_id');
    var userSelect = document.getElementById('user_id');
    var stateSelect = document.getElementById('state');
    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 (userSelect) userSelect.addEventListener('change', submitFilters);
    if (stateSelect) stateSelect.addEventListener('change', submitFilters);
});
</script>
@endpush
@endsection