@extends('layouts.admin')
@section('title', 'Clients')
@section('page_title', 'Gestion des clients')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-users"></i> Clients</h1>
    <a href="{{ route('client.register') }}" target="_blank" class="btn btn-primary">
        <i class="fas fa-user-plus"></i> Nouveau compte
    </a>
</div>

@php $tab = request('tab', 'comptes'); @endphp

<div style="display:flex;gap:4px;margin-bottom:20px;background:var(--gray-100);padding:4px;border-radius:10px;width:fit-content">
    <a href="?tab=comptes" style="padding:8px 20px;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;{{ $tab === 'comptes' ? 'background:#fff;color:var(--green);box-shadow:0 1px 4px rgba(0,0,0,.1)' : 'color:var(--gray-600)' }}">
        <i class="fas fa-user-circle"></i> Comptes ({{ $clients->count() }})
    </a>
    <a href="?tab=contacts" style="padding:8px 20px;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;{{ $tab === 'contacts' ? 'background:#fff;color:var(--green);box-shadow:0 1px 4px rgba(0,0,0,.1)' : 'color:var(--gray-600)' }}">
        <i class="fas fa-address-book"></i> Contacts devis ({{ $contacts->count() }})
    </a>
</div>

@if($tab === 'comptes')
<div class="card">
    @if($clients->count())
    <div class="table-wrap">
        <table class="admin-table">
            <thead>
                <tr><th>Client</th><th>Entreprise</th><th>Téléphone</th><th>Devis</th><th>Inscrit le</th><th>Dernière connexion</th><th>Statut</th><th>Actions</th></tr>
            </thead>
            <tbody>
            @foreach($clients as $client)
            <tr>
                <td>
                    <div style="display:flex;align-items:center;gap:10px">
                        <div style="width:34px;height:34px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--green)">
                            {{ strtoupper(substr($client->name, 0, 2)) }}
                        </div>
                        <div>
                            <div style="font-weight:600;color:var(--gray-900)">{{ $client->name }}</div>
                            <div style="font-size:11px;color:var(--gray-400)">{{ $client->email }}</div>
                        </div>
                    </div>
                </td>
                <td style="font-size:13px">{{ $client->company ?? '—' }}</td>
                <td style="font-size:13px">{{ $client->phone ?? '—' }}</td>
                <td><span class="badge badge-new">{{ $client->quotes_count }} devis</span></td>
                <td style="font-size:12px;color:var(--gray-400)">{{ \Carbon\Carbon::parse($client->created_at)->format('d/m/Y') }}</td>
                <td style="font-size:12px;color:var(--gray-400)">{{ $client->last_login_at ? \Carbon\Carbon::parse($client->last_login_at)->diffForHumans() : 'Jamais' }}</td>
                <td><span class="badge {{ $client->is_active ? 'badge-done' : 'badge-annule' }}">{{ $client->is_active ? 'Actif' : 'Inactif' }}</span></td>
                <td>
                    <div style="display:flex;gap:6px">
                        <a href="{{ route('admin.clients_manage.show', $client->id) }}" class="btn btn-outline" style="padding:5px 10px;font-size:11px"><i class="fas fa-eye"></i></a>
                        <form method="POST" action="{{ route('admin.clients_manage.toggle', $client->id) }}">
                            @csrf
                            <button type="submit" class="btn {{ $client->is_active ? 'btn-danger' : 'btn-primary' }}" style="padding:5px 10px;font-size:11px">
                                <i class="fas fa-{{ $client->is_active ? 'ban' : 'check' }}"></i>
                            </button>
                        </form>
                        <form method="POST" action="{{ route('admin.clients_manage.destroy', $client->id) }}" onsubmit="return confirm('Supprimer ?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger" style="padding:5px 10px;font-size:11px"><i class="fas fa-trash"></i></button>
                        </form>
                    </div>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    @else
    <div class="empty-state"><i class="fas fa-user-circle"></i><p>Aucun compte client</p></div>
    @endif
</div>
@endif

@if($tab === 'contacts')
<div class="card">
    @if($contacts->count())
    <div class="table-wrap">
        <table class="admin-table">
            <thead>
                <tr><th>Nom</th><th>Entreprise</th><th>Email</th><th>Téléphone</th><th>Premier contact</th><th>Compte</th></tr>
            </thead>
            <tbody>
            @foreach($contacts as $c)
            <tr>
                <td>
                    <div style="display:flex;align-items:center;gap:10px">
                        <div style="width:34px;height:34px;border-radius:50%;background:var(--gold-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--gold)">
                            {{ strtoupper(substr($c->name, 0, 2)) }}
                        </div>
                        <strong style="color:var(--gray-900)">{{ $c->name }}</strong>
                    </div>
                </td>
                <td style="font-size:13px">{{ $c->company ?? '—' }}</td>
                <td style="font-size:13px;color:var(--green)">{{ $c->email }}</td>
                <td style="font-size:13px">{{ $c->phone ?? '—' }}</td>
                <td style="font-size:12px;color:var(--gray-400)">{{ \Carbon\Carbon::parse($c->created_at)->format('d/m/Y') }}</td>
                <td>
                    @if($clients->where('email', $c->email)->count())
                        <span class="badge badge-done">A un compte</span>
                    @else
                        <span class="badge badge-gray">Sans compte</span>
                    @endif
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    @else
    <div class="empty-state"><i class="fas fa-address-book"></i><p>Aucun contact</p></div>
    @endif
</div>
@endif

@endsection