@extends('layouts.admin')
@section('title','Clients')
@section('page-title','Clients')
@section('content')
<div class="page-header"><h1>Clients</h1></div>
<div class="filter-bar">
    <form method="GET" action="{{ route('admin.clients.index') }}" style="display:flex;gap:.75rem;width:100%;align-items:center;">
        <input type="text" name="search" placeholder="Search name or email..." value="{{ request('search') }}" style="flex:1;">
        <button type="submit" class="btn btn-primary btn-sm">Search</button>
        <a href="{{ route('admin.clients.index') }}" class="btn btn-outline btn-sm">Reset</a>
    </form>
</div>
<div class="card">
    <table>
        <thead><tr><th>Name</th><th>Email</th><th>Phone</th><th>Loyalty Pts</th><th>Joined</th><th>Actions</th></tr></thead>
        <tbody>
        @forelse($clients as $c)
        <tr>
            <td style="font-weight:500;">{{ $c->name }}</td>
            <td style="font-size:.85rem;">{{ $c->email }}</td>
            <td style="font-size:.85rem;">{{ $c->phone ?? '—' }}</td>
            <td>{{ $c->loyalty_points }}</td>
            <td style="font-size:.85rem;">{{ $c->created_at->format('M j, Y') }}</td>
            <td><a href="{{ route('admin.clients.show',$c) }}" class="btn btn-sm btn-outline">View</a></td>
        </tr>
        @empty
        <tr><td colspan="6" style="text-align:center;color:#7A6058;padding:2rem;">No clients yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
{{ $clients->links() }}
@endsection