@extends('layouts.app')
@section('title', 'Clientes')
@section('content')
<div class="row between" style="margin-bottom:18px"><div><h1 style="margin-bottom:4px">Clientes</h1><div class="muted">Cadastro, receita, crediário e histórico em uma única ficha.</div></div><a class="btn" href="{{ route('customers.create') }}">Novo cliente</a></div>
<div class="card" style="margin-bottom:18px">
    <form method="GET" class="row">
        <div style="flex:1;min-width:240px"><input name="q" value="{{ $search }}" placeholder="Buscar por nome, CPF, telefone, WhatsApp ou e-mail"></div>
        <select name="active" style="width:auto"><option value="">Todos</option><option value="1" @selected(request('active')==='1')>Ativos</option><option value="0" @selected(request('active')==='0')>Inativos</option></select>
        <button class="btn secondary" type="submit">Buscar</button>
    </form>
</div>
<div class="card" style="overflow:auto">
<table><thead><tr><th>Cliente</th><th>Contato</th><th>Cidade</th><th>Status</th><th></th></tr></thead><tbody>
@forelse($customers as $customer)
<tr><td><strong>{{ $customer->name }}</strong><div class="small muted">CPF {{ $customer->cpf ?: 'não informado' }}</div></td><td>{{ $customer->whatsapp ?: $customer->phone ?: '—' }}<div class="small muted">{{ $customer->email }}</div></td><td>{{ $customer->city ?: '—' }}{{ $customer->state ? '/'.$customer->state : '' }}</td><td><span class="badge {{ $customer->active ? 'ok' : '' }}">{{ $customer->active ? 'Ativo' : 'Inativo' }}</span></td><td><a class="btn secondary" href="{{ route('customers.show',$customer) }}">Abrir ficha</a></td></tr>
@empty<tr><td colspan="5" class="muted">Nenhum cliente encontrado.</td></tr>@endforelse
</tbody></table>
<div style="margin-top:16px">{{ $customers->links() }}</div>
</div>
@endsection