@extends('layouts.admin')
@section('title', 'Client — ' . $client->name)
@section('page_title', 'Fiche client')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-user"></i> {{ $client->name }}</h1>
    <a href="{{ route('admin.clients_manage.index') }}" class="btn btn-outline">
        <i class="fas fa-arrow-left"></i> Retour
    </a>
</div>

<div style="display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start">

    <div class="card">
        <div class="card-title"><i class="fas fa-info-circle"></i> Informations</div>
        <div style="display:flex;flex-direction:column;gap:12px">
            <div style="text-align:center;padding:16px 0;border-bottom:1px solid var(--gray-100)">
                <div style="width:60px;height:60px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:var(--green);margin:0 auto 10px">
                    {{ strtoupper(substr($client->name, 0, 2)) }}
                </div>
                <div style="font-weight:700;color:var(--gray-900)">{{ $client->name }}</div>
                <div style="font-size:12px;color:var(--gray-400)">{{ $client->email }}</div>
                <span class="badge {{ $client->is_active ? 'badge-done' : 'badge-annule' }}" style="margin-top:6px;display:inline-block">
                    {{ $client->is_active ? 'Actif' : 'Inactif' }}
                </span>
            </div>
            @foreach([
                ['fas fa-building','Entreprise', $client->company ?? '—'],
                ['fas fa-phone','Téléphone', $client->phone ?? '—'],
                ['fas fa-calendar','Inscrit le', \Carbon\Carbon::parse($client->created_at)->format('d/m/Y')],
                ['fas fa-clock','Dernière connexion', $client->last_login_at ? \Carbon\Carbon::parse($client->last_login_at)->diffForHumans() : 'Jamais'],
            ] as [$icon, $label, $value])
            <div style="display:flex;gap:10px;align-items:center">
                <i class="{{ $icon }}" style="color:var(--green);width:16px;text-align:center"></i>
                <div>
                    <div style="font-size:10px;color:var(--gray-400);text-transform:uppercase;letter-spacing:1px">{{ $label }}</div>
                    <div style="font-size:13px;font-weight:500;color:var(--gray-900)">{{ $value }}</div>
                </div>
            </div>
            @endforeach
        </div>
        <div style="margin-top:16px;display:flex;flex-direction:column;gap:8px">
            <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="width:100%;justify-content:center">
                    <i class="fas fa-{{ $client->is_active ? 'ban' : 'check' }}"></i>
                    {{ $client->is_active ? 'Désactiver le compte' : 'Activer le compte' }}
                </button>
            </form>
            <form method="POST" action="{{ route('admin.clients_manage.destroy', $client->id) }}" onsubmit="return confirm('Supprimer définitivement ce client ?')">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger" style="width:100%;justify-content:center">
                    <i class="fas fa-trash"></i> Supprimer le compte
                </button>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-title"><i class="fas fa-file-alt"></i> Devis ({{ $devis->count() }})</div>
        @if($devis->count())
        <div class="table-wrap">
            <table class="admin-table">
                <thead>
                    <tr><th>Ref</th><th>Produit</th><th>Quantité</th><th>Date</th><th>Statut</th></tr>
                </thead>
                <tbody>
                @foreach($devis as $d)
                <tr>
                    <td style="font-family:monospace;color:var(--gray-400)">#{{ str_pad($d->id, 4, '0', STR_PAD_LEFT) }}</td>
                    <td style="font-weight:600;text-transform:uppercase;font-size:12px">{{ $d->product ?? '—' }}</td>
                    <td style="font-size:12px">{{ $d->quantity ?? '—' }}</td>
                    <td style="font-size:12px;color:var(--gray-400)">{{ \Carbon\Carbon::parse($d->created_at)->format('d/m/Y') }}</td>
                    <td>
                        @php $s = $d->status; @endphp
                        <span class="badge {{ $s === 'nouveau' ? 'badge-new' : ($s === 'traite' ? 'badge-done' : 'badge-annule') }}">
                            {{ ucfirst($s) }}
                        </span>
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @else
        <div class="empty-state" style="padding:24px 0">
            <i class="fas fa-file-alt"></i>
            <p>Aucun devis soumis</p>
        </div>
        @endif
    </div>
</div>
@endsection