@extends('layouts.master')
@section('title') Clientes @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') WOOFTAILES @endslot
@slot('title') Clientes & cães @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex flex-wrap align-items-center gap-2 justify-content-between">
                <h5 class="card-title mb-0">{{ $clientes->total() }} clientes</h5>
                <form method="GET" class="d-flex gap-2">
                    <input type="search" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="Pesquisar por nome ou email...">
                </form>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr><th>Cliente</th><th>Telefone</th><th>Cães</th><th>Reservas</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse ($clientes as $cliente)
                            <tr>
                                <td>
                                    <a href="{{ route('admin.clientes.show', $cliente) }}" class="fw-medium text-body">{{ $cliente->name }}</a>
                                    <div class="text-muted fs-13">{{ $cliente->email }}</div>
                                </td>
                                <td>{{ $cliente->telefone ?: '—' }}</td>
                                <td>{{ $cliente->caes_count }}</td>
                                <td>{{ $cliente->reservas_como_cliente_count }}</td>
                                <td class="text-end"><a href="{{ route('admin.clientes.show', $cliente) }}" class="btn btn-sm btn-soft-primary">Ver</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center text-muted py-4">Nenhum cliente encontrado.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if ($clientes->hasPages())
                <div class="card-footer">{{ $clientes->links() }}</div>
            @endif
        </div>
    </div>
</div>
@endsection