@extends('layouts.app')
@section('title', 'Clientes NFS-e')
@section('page_title', 'Clientes NFS-e')
@section('page_subtitle', 'Tomadores de servico cadastrados para emissao de notas.')
@section('page_actions')
    <a class="button primary" href="{{ route('nfse.customers.create') }}">+ Novo cliente</a>
@endsection

@section('content')
<div class="panel">
    <div class="panel-header">
        <div><h2>Clientes</h2><span>{{ $customers->total() }} registro(s)</span></div>
        <form method="GET" style="display:flex;gap:8px;align-items:center">
            <input name="q" placeholder="Buscar nome ou CPF/CNPJ..." value="{{ request('q') }}"
                   style="min-height:34px;font-size:13px;min-width:220px">
            <button class="button primary" type="submit" style="min-height:34px">Buscar</button>
            @if (request('q'))
                <a class="button" href="{{ route('nfse.customers.index') }}" style="min-height:34px">Limpar</a>
            @endif
        </form>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Nome / Razao social</th>
                    <th>CPF / CNPJ</th>
                    <th>E-mail</th>
                    <th>Cidade</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($customers as $c)
                <tr>
                    <td style="font-weight:600;font-size:13px">{{ $c->nome }}</td>
                    <td style="font-family:monospace;font-size:12px">{{ $c->cpf_cnpj_formatted }}</td>
                    <td style="font-size:13px">{{ $c->email }}</td>
                    <td style="font-size:13px;color:var(--muted)">{{ $c->cidade ? $c->cidade.'/'.$c->uf : '—' }}</td>
                    <td>
                        <span class="pill {{ $c->is_active ? 'ok' : 'neutral' }}" style="min-width:0;font-size:11px">
                            {{ $c->is_active ? 'Ativo' : 'Inativo' }}
                        </span>
                    </td>
                    <td>
                        <div style="display:flex;gap:4px">
                            <a class="button" href="{{ route('nfse.customers.edit', $c) }}" style="font-size:12px;min-height:28px;padding:3px 10px">Editar</a>
                            <form method="POST" action="{{ route('nfse.customers.destroy', $c) }}" style="margin:0"
                                  onsubmit="return confirm('Remover cliente {{ addslashes($c->nome) }}?')">
                                @csrf @method('DELETE')
                                <button class="button danger" type="submit" style="font-size:12px;min-height:28px;padding:3px 10px">Remover</button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6"><div class="empty">Nenhum cliente cadastrado.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($customers->hasPages())
    <div style="padding:12px 16px;border-top:1px solid var(--border)">{{ $customers->links() }}</div>
    @endif
</div>
@endsection