@extends('layouts.admin')
@section('title','Client Detail')
@section('page-title','Client Detail')
@section('content')
<div class="page-header"><h1>{{ $client->name }}</h1><a href="{{ route('admin.clients.index') }}" class="btn btn-outline btn-sm">← Back</a></div>
<div class="grid-2" style="align-items:start;">
    <div class="card">
        <div class="card-header"><span style="font-weight:600;">Client Information</span></div>
        <div class="card-body">
            <table style="margin:0;">
                <tr><th style="background:none;border:none;width:40%;padding:.5rem .25rem;">Name</th><td style="border:none;padding:.5rem .25rem;">{{ $client->name }}</td></tr>
                <tr><th style="background:none;border:none;padding:.5rem .25rem;">Email</th><td style="border:none;padding:.5rem .25rem;">{{ $client->email }}</td></tr>
                <tr><th style="background:none;border:none;padding:.5rem .25rem;">Phone</th><td style="border:none;padding:.5rem .25rem;">{{ $client->phone ?? '—' }}</td></tr>
                <tr><th style="background:none;border:none;padding:.5rem .25rem;">Birthday</th><td style="border:none;padding:.5rem .25rem;">{{ $client->birthday ?? '—' }}</td></tr>
                <tr><th style="background:none;border:none;padding:.5rem .25rem;">Loyalty Pts</th><td style="border:none;padding:.5rem .25rem;color:#8B3252;font-weight:700;">{{ $client->loyalty_points }}</td></tr>
                <tr><th style="background:none;border:none;padding:.5rem .25rem;">Joined</th><td style="border:none;padding:.5rem .25rem;">{{ $client->created_at->format('M j, Y') }}</td></tr>
            </table>
        </div>
    </div>
    <div class="card">
        <div class="card-header"><span style="font-weight:600;">Recent Bookings</span></div>
        <div style="overflow-x:auto;">
            <table>
                <thead><tr><th>Service</th><th>Date</th><th>Amount</th><th>Status</th></tr></thead>
                <tbody>
                @forelse($bookings as $b)
                <tr>
                    <td style="font-size:.85rem;">{{ $b->service_name }}</td>
                    <td style="font-size:.85rem;">{{ \Carbon\Carbon::parse($b->appointment_date)->format('M j, Y') }}</td>
                    <td>₵{{ number_format($b->total_amount,2) }}</td>
                    <td><span class="badge badge-{{ $b->status }}">{{ ucfirst($b->status) }}</span></td>
                </tr>
                @empty
                <tr><td colspan="4" style="text-align:center;color:#7A6058;padding:1.5rem;">No bookings.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection