@extends('layouts.app')

@php
    use App\Enums\OptionState;
@endphp

@section('content')

<div class="container py-3">
    <div class="row mb-4">
        <div class="col-md-8 col-sm-12">
            <h4 class="text-black-or-white">Mes clients</h4>
            <p class="txt-grey m-0 p-0">Consultez et gérez la liste de tous vos clients</p>
        </div>
        <div class="col-md-4 col-sm-12 d-flex justify-content-end align-items-center">
            <a href="{{ route('partenaires.mes-clients.export', array_merge(request()->query(), ['export' => '1'])) }}" class="btn btn-primary d-none">
                <i class="fa-regular fa-download"></i> Exporter
            </a>
        </div>
    </div>

    <!-- Filtres -->
    <div class="stat-card mb-4">
        <div class="card-title mb-3 d-flex align-items-center">
            <i class="fa-light fa-filter text-gold pe-2"></i>
            <h5 class="text-black-or-white m-0">Filtres</h5>
        </div>
        <form method="GET" action="{{ route('partenaires.mes-clients') }}" id="filter-form">
            <div class="row g-3">
                <div class="col-md-4">
                    <label for="filter_nom" class="form-label text-black-or-white">Nom / Email</label>
                    <input type="text" class="form-control ps-3" id="filter_nom" name="filter_nom"
                           value="{{ $filters['nom'] ?? '' }}" placeholder="Rechercher par nom ou email">
                </div>
                <div class="col-md-4">
                    <label for="filter_date_activite" class="form-label text-black-or-white">Date de dernière activité</label>
                    <input type="date" class="form-control ps-3" id="filter_date_activite" name="filter_date_activite"
                           value="{{ $filters['date_activite'] ?? '' }}">
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary">
                        <i class="fa-regular fa-filter"></i> Filtrer
                    </button>
                    <a href="{{ route('partenaires.mes-clients') }}" class="btn btn-secondary">
                        <i class="fa-regular fa-xmark"></i> Réinitialiser
                    </a>
                </div>
            </div>
        </form>
    </div>

    <!-- Tableau -->
    <div class="stat-card">
        <div class="card-title mb-3 d-flex align-items-center">
            <i class="fa-light fa-users text-gold pe-2"></i>
            <h5 class="text-black-or-white m-0">Liste des clients</h5>
        </div>
        @if($clients && $clients->count() > 0)
            <div class="table-responsive">
                <table id="table_clients" class="table table-hover table-clients">
                    <thead>
                        <tr>
                            <th class="sortable text-black-or-white" data-sort="lastname">
                                Nom
                                @if($sort === 'lastname')
                                    <i class="fa-solid fa-sort-{{ $direction === 'asc' ? 'up' : 'down' }}"></i>
                                @else
                                    <i class="fa-regular fa-sort text-grey"></i>
                                @endif
                            </th>
                            <th class="text-black-or-white">Prénom</th>
                            <th class="text-black-or-white">Email</th>
                            <th class="text-black-or-white">Téléphone</th>
                            <th class="text-black-or-white">Date de création</th>
                            <th class="sortable text-black-or-white" data-sort="last_interaction">
                                Date de dernière activité
                                @if($sort === 'last_interaction')
                                    <i class="fa-solid fa-sort-{{ $direction === 'asc' ? 'up' : 'down' }}"></i>
                                @else
                                    <i class="fa-regular fa-sort text-grey"></i>
                                @endif
                            </th>
                            <th class="text-black-or-white">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($clients as $client)
                            @php
                                $phone = $client->phones->first()->name ?? $client->phone ?? '-';
                                $lastInteraction = $client->last_interaction ?? $client->created_at;
                            @endphp
                            <tr>
                                <td class="text-black-or-white">{{ $client->lastname ?? '-' }}</td>
                                <td class="text-black-or-white">{{ $client->firstname ?? '-' }}</td>
                                <td class="text-black-or-white">{{ $client->email ?? '-' }}</td>
                                <td class="text-black-or-white">{{ $phone }}</td>
                                <td class="text-black-or-white">{{ $client->created_at->format('d/m/Y') }}</td>
                                <td class="text-black-or-white">{{ $lastInteraction->format('d/m/Y H:i') }}</td>
                                <td>
                                    <a href="{{ route('partenaires.mes-clients.show', $client->id) }}" class="btn btn-sm btn-primary">
                                        <i class="fa-regular fa-eye"></i> Voir fiche client
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="text-center py-5">
                <div class="p-4">
                    <i class="fa-regular fa-users fa-3x text-gold mb-3"></i>
                    <h5 class="text-gold mb-3">Aucun client trouvé</h5>
                    <p class="text-black-or-white">
                        @if(request()->has('filter_nom') || request()->has('filter_date_activite'))
                            Aucun client ne correspond aux critères de recherche.
                        @else
                            Vous n'avez encore aucun client. Les clients seront ajoutés automatiquement lorsque vous poserez des options.
                        @endif
                    </p>
                </div>
            </div>
        @endif
    </div>
</div>

@push('scripts')
@php
    $filterNom = request()->get('filter_nom', '');
    $filterDateActivite = request()->get('filter_date_activite', '');
@endphp
<script>
$(document).ready(function() {
    // Tri au clic sur les en-têtes
    $('.sortable').on('click', function() {
        var sortColumn = $(this).data('sort');
        var currentSort = '{{ $sort }}';
        var currentDirection = '{{ $direction }}';
        var newDirection = (currentSort === sortColumn && currentDirection === 'asc') ? 'desc' : 'asc';

        // Mettre à jour l'URL avec les paramètres de tri
        var url = new URL(window.location.href);
        url.searchParams.set('sort', sortColumn);
        url.searchParams.set('direction', newDirection);

        // Conserver les filtres
        var filterNom = '{{ $filterNom }}';
        var filterDateActivite = '{{ $filterDateActivite }}';

        if (filterNom) {
            url.searchParams.set('filter_nom', filterNom);
        }
        if (filterDateActivite) {
            url.searchParams.set('filter_date_activite', filterDateActivite);
        }

        window.location.href = url.toString();
    });
});
</script>
@endpush

@endsection