@extends('layouts.app')

@section('content')

<style>
    .clients-card {
        border-radius: 18px;
        overflow: hidden;
    }

    .clients-table thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f8fafc;
        color: #64748b;
        font-size: .75rem;
        text-transform: uppercase;
        letter-spacing: .04em;
        white-space: nowrap;
        border-bottom: 1px solid #e2e8f0;
    }

    .clients-table tbody tr {
        cursor: pointer;
        transition: background-color .15s ease;
    }

    .clients-table tbody tr:hover {
        background-color: #f8fafc;
    }

    .client-name {
        color: #0f172a;
        font-weight: 600;
    }

    .client-code {
        color: #94a3b8;
        font-size: .8rem;
    }

    .badge-soft-primary {
        background: #e8f0ff;
        color: #315ea8;
    }

    .badge-soft-info {
        background: #e6f7fb;
        color: #14758b;
    }

    .badge-soft-success {
        background: #e9f8ef;
        color: #237a46;
    }

    .badge-soft-secondary {
        background: #eef1f5;
        color: #64748b;
    }

    .filters-card {
        border-radius: 16px;
    }

    .table-scroll {
        max-height: calc(100vh - 350px);
        overflow: auto;
    }
</style>

<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">

    <div>
        <h1 class="h3 mb-1">Clients</h1>

        <p class="text-muted mb-0">
            {{ $clients->total() }} dossier{{ $clients->total() > 1 ? 's' : '' }}
        </p>
    </div>

    <a href="{{ route('clients.create') }}" class="btn btn-primary px-4">
        <i class="bi bi-plus-lg me-2"></i>
        Nouveau client
    </a>

</div>
{{--
|--------------------------------------------------------------------------
| Mode remplacement
|--------------------------------------------------------------------------
|
| Une gestionnaire peut temporairement consulter le portefeuille
| d'une autre gestionnaire.
|
| Le choix est stocké en session.
|
--}}
@if(auth()->user()->role === 'gestionnaire')

    <div class="card border-0 shadow-sm mb-4">

        <div class="card-body">

            @if(session('remplacement_gestionnaire_id'))

                {{-- Mode remplacement actuellement actif --}}
                @php
                    $gestionnaireRemplacee = $gestionnaires->firstWhere(
                        'id',
                        session('remplacement_gestionnaire_id')
                    );
                @endphp

                <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">

                    <div>
                        <div class="fw-semibold">
                            <i class="bi bi-arrow-repeat me-1"></i>
                            Mode remplacement actif
                        </div>

                        <div class="text-muted">
                            Vous remplacez actuellement :
                            <strong>
                                {{ $gestionnaireRemplacee?->nom ?? 'Gestionnaire inconnue' }}
                            </strong>
                        </div>
                    </div>

                    <form
                        method="POST"
                        action="{{ route('clients.remplacement.desactiver') }}"
                    >
                        @csrf
                        

                        <button
                            type="submit"
                            class="btn btn-outline-danger"
                        >
                            <i class="bi bi-x-circle me-1"></i>
                            Quitter le mode remplacement
                        </button>
                    </form>

                </div>

            @else

                {{-- Activation du mode remplacement --}}
                <form
                    method="POST"
                    action="{{ route('clients.remplacement.activer') }}"
                >
                    @csrf

                    <div class="row g-3 align-items-end">

                        <div class="col-md-8">

                            <label
                                for="remplacement_gestionnaire_id"
                                class="form-label"
                            >
                                <i class="bi bi-arrow-repeat me-1"></i>
                                Mode remplacement
                            </label>

                            <select
                                name="gestionnaire_id"
                                id="remplacement_gestionnaire_id"
                                class="form-select"
                                required
                            >
                                <option value="">
                                    Je remplace...
                                </option>

                                @foreach($gestionnaires as $gestionnaire)

                                    {{-- On ne propose pas la gestionnaire connectée --}}
                                    @if((int) $gestionnaire->id !== (int) auth()->id())

                                        <option value="{{ $gestionnaire->id }}">
                                            {{ $gestionnaire->nom }}
                                        </option>

                                    @endif

                                @endforeach
                            </select>

                        </div>

                        <div class="col-md-4">

                            <button
                                type="submit"
                                class="btn btn-outline-primary w-100"
                            >
                                <i class="bi bi-arrow-repeat me-1"></i>
                                Activer le remplacement
                            </button>

                        </div>

                    </div>
                </form>

            @endif

        </div>

    </div>

@endif
<div class="card border-0 shadow-sm filters-card mb-4">

    <div class="card-body">

        <form method="GET" action="{{ route('clients.index') }}">

            <div class="row g-3">

                <div class="col-xl-4 col-lg-6">
                    <label class="form-label">Rechercher</label>

                    <div class="input-group">
                        <span class="input-group-text bg-white">
                            <i class="bi bi-search text-muted"></i>
                        </span>

                        <input
                            type="search"
                            name="recherche"
                            class="form-control"
                            placeholder="Nom, code, SIRET ou ville..."
                            value="{{ request('recherche') }}"
                        >
                    </div>
                </div>

                <div class="col-xl-2 col-lg-3 col-md-6">
                    <label class="form-label">Partenaire</label>

                    <select name="partenaire_id" class="form-select">
                        <option value="">Tous</option>

                        @foreach($partenaires as $partenaire)
                            <option
                                value="{{ $partenaire->id }}"
                                @selected(request('partenaire_id') == $partenaire->id)
                            >
                                {{ $partenaire->cabinet }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-xl-2 col-lg-3 col-md-6">
                    <label class="form-label">Gestionnaire</label>

                    <select name="gestionnaire_id" class="form-select">
                        <option value="">Toutes</option>

                        @foreach($gestionnaires as $gestionnaire)
                            <option
                                value="{{ $gestionnaire->id }}"
                                @selected(request('gestionnaire_id') == $gestionnaire->id)
                            >
                                {{ $gestionnaire->nom }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-xl-2 col-md-6">
                    <label class="form-label">Statut</label>

                    <select name="actif" class="form-select">
                        <option value="">Tous</option>
                        <option value="1" @selected(request('actif') === '1')>
                            Actifs
                        </option>
                        <option value="0" @selected(request('actif') === '0')>
                            Inactifs
                        </option>
                    </select>
                </div>

                <div class="col-xl-2 col-md-6">
                    <label class="form-label">Établissements</label>

                    <select name="multi" class="form-select">
                        <option value="">Tous</option>
                        <option value="1" @selected(request('multi') === '1')>
                            Multi-établissements
                        </option>
                        <option value="0" @selected(request('multi') === '0')>
                            Classiques
                        </option>
                    </select>
                </div>

            </div>

            <div class="d-flex justify-content-end gap-2 mt-3">

                @if(request()->hasAny([
                    'recherche',
                    'partenaire_id',
                    'gestionnaire_id',
                    'actif',
                    'multi'
                ]))
                    <a
                        href="{{ route('clients.index') }}"
                        class="btn btn-light"
                    >
                        <i class="bi bi-x-lg me-1"></i>
                        Réinitialiser
                    </a>
                @endif

                <button type="submit" class="btn btn-outline-primary px-4">
                    <i class="bi bi-funnel me-1"></i>
                    Filtrer
                </button>

            </div>

        </form>

    </div>

</div>

<div class="card border-0 shadow-sm clients-card">

    <div class="table-responsive table-scroll">

        <table class="table clients-table align-middle mb-0">

            <thead>
                <tr>
                    <th class="ps-4">Client</th>
                    <th>Partenaire</th>
                    <th>Gestionnaire</th>
                    <th>Convention collective</th>
                    <th class="text-center">Établissements</th>
                    <th class="text-center">Statut</th>
                    <th class="text-end pe-4"></th>
                </tr>
            </thead>

            <tbody>

                @forelse($clients as $client)

                    <tr
                        onclick="window.location='{{ route('clients.show', $client) }}'"
                    >

                        <td class="ps-4 py-3">
                            <div class="client-name">
                                {{ $client->nom }}
                            </div>

                            <div class="client-code">
                                @if($client->code_client)
                                    {{ $client->code_client }}
                                @endif

                                @if($client->code_client && $client->ville)
                                    ·
                                @endif

                                {{ $client->ville }}
                            </div>
                        </td>

                        <td>
                            <span class="badge rounded-pill badge-soft-primary">
                                {{ $client->partenaire?->cabinet ?? 'Non renseigné' }}
                            </span>
                        </td>

                        <td>
                            <div class="d-flex align-items-center gap-2">

                                <span
                                    class="rounded-circle bg-light d-inline-flex
                                           justify-content-center align-items-center"
                                    style="width:32px;height:32px;"
                                >
                                    <i class="bi bi-person text-secondary"></i>
                                </span>

                                <span>
                                    {{ $client->gestionnaire?->nom ?? 'Non affecté' }}
                                </span>

                            </div>
                        </td>

                        <td>
                            @if($client->conventionCollective)
                                <div class="text-truncate" style="max-width:300px;">
                                    {{ $client->conventionCollective->libelle }}
                                </div>

                                @if($client->conventionCollective->idcc)
                                    <small class="text-muted">
                                        IDCC {{ $client->conventionCollective->idcc }}
                                    </small>
                                @endif
                            @else
                                <span class="text-muted">Non renseignée</span>
                            @endif
                        </td>

                        <td class="text-center">
                            @if($client->multi_etablissements)
                                <span class="badge rounded-pill badge-soft-info">
                                    <i class="bi bi-buildings me-1"></i>
                                    Multi
                                </span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>

                        <td class="text-center">
                            @if($client->actif)
                                <span class="badge rounded-pill badge-soft-success">
                                    Actif
                                </span>
                            @else
                                <span class="badge rounded-pill badge-soft-secondary">
                                    Inactif
                                </span>
                            @endif
                        </td>

                        <td class="text-end pe-4">
                            <a
                                href="{{ route('clients.show', $client) }}"
                                class="btn btn-sm btn-light"
                                onclick="event.stopPropagation()"
                                title="Voir la fiche"
                            >
                                <i class="bi bi-chevron-right"></i>
                            </a>
                        </td>

                    </tr>

                @empty

                    <tr>
                        <td colspan="7" class="text-center py-5">

                            <div class="text-muted">
                                <i class="bi bi-search fs-2 d-block mb-2"></i>
                                Aucun client ne correspond à la recherche.
                            </div>

                        </td>
                    </tr>

                @endforelse

            </tbody>

        </table>

    </div>

    @if($clients->hasPages())
        <div class="card-footer bg-white border-0 px-4 py-3">
            {{ $clients->links() }}
        </div>
    @endif

</div>

@endsection