@php
    $regimeLabel = fn (?string $r) => $r
        ? ucwords(str_replace('_', ' ', $r))
        : '—';
@endphp
<x-layout bodyClass="app-shell g-sidenav-show">
    <x-navbars.sidebar activePage="clientes"></x-navbars.sidebar>
    <main class="main-content position-relative max-height-vh-100 h-100 app-main" id="main-content">
        <x-navbars.navs.auth titlePage="Clientes" subtitle="Gerencie empresas e filiais para simulações"></x-navbars.navs.auth>

        <div class="container-fluid app-container py-4">
            @include('partials.session-message')

            <div class="app-page-header">
                <div>
                    <h1>Clientes</h1>
                    <p class="app-page-subtitle">Cadastro de empresas vinculadas às análises tributárias e SPED</p>
                </div>
                <div class="app-page-actions">
                    <a class="btn btn-app-primary" href="{{ route('admin.clientes.create') }}">
                        <i class="material-icons text-sm align-middle me-1">add</i> Novo cliente
                    </a>
                </div>
            </div>

            <div class="app-card" data-tour="clientes-lista">
                <div class="app-toolbar">
                    <form action="{{ route('admin.clientes.search') }}" class="app-search" method="get">
                        <input type="text" name="search" class="form-control flex-grow-1"
                               placeholder="Buscar por nome, razão social ou CNPJ…"
                               value="{{ \Request::get('search') }}">
                        <button type="submit" class="btn btn-search">
                            <i class="material-icons text-sm">search</i>
                        </button>
                    </form>
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <select name="status" id="status-search" class="form-control form-control-sm app-filter-chip" style="width:auto;min-width:120px;">
                            <option value="" disabled selected>Filtros</option>
                            @foreach ($statusOptions as $status => $value)
                                <option value="{{ $status }}">{{ $value }}</option>
                            @endforeach
                        </select>
                        <input type="checkbox" class="btn-check" id="btn-check-inativo" autocomplete="off"
                               {{ \Request::get('status') === 'INATIVO' ? 'checked' : '' }}>
                        <label class="app-filter-chip mb-0 cursor-pointer {{ \Request::get('status') === 'INATIVO' ? 'active' : '' }}"
                               for="btn-check-inativo">
                            <i class="fa fa-times-circle-o"></i> Inativo
                            <i class="fa fa-times ps-2 {{ \Request::get('status') === 'INATIVO' ? '' : 'd-none' }}" id="btn-check-hide"></i>
                        </label>
                    </div>
                </div>

                <div class="app-table-wrap">
                    <table class="table app-table mb-0">
                        <thead>
                            <tr>
                                <th class="text-center">ID</th>
                                <th>Razão social</th>
                                <th class="text-center">CNPJ</th>
                                <th>Regime</th>
                                <th>Cidade</th>
                                <th class="text-center">UF</th>
                                <th class="text-center">Status</th>
                            </tr>
                        </thead>
                        <tbody id="items-container">
                            @if ($clientes->isEmpty())
                                <tr>
                                    <td colspan="7">
                                        <div class="app-empty">
                                            <div class="app-empty-icon"><i class="fas fa-users"></i></div>
                                            <h4>Nenhum cliente cadastrado</h4>
                                            <p>Adicione clientes para importar SPEDs, simular regimes e comparar a reforma CBS/IBS.</p>
                                            <a class="btn btn-app-primary" href="{{ route('admin.clientes.create') }}">
                                                <i class="material-icons text-sm align-middle me-1">add</i> Cadastrar cliente
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endif
                            @foreach ($clientes as $cliente)
                                <tr data-url="{{ route('admin.clientes.edit', $cliente->idpessoa) }}">
                                    <td class="text-center text-muted">#{{ $cliente->idpessoa }}</td>
                                    <td class="fw-semibold">{{ $cliente->razaosocial ?: $cliente->nome }}</td>
                                    <td class="text-center font-monospace text-sm">{{ $cliente->cnpj_mask ?? '—' }}</td>
                                    <td>{{ $regimeLabel($cliente->regimetributario) }}</td>
                                    <td>{{ $cliente->cidade ?: '—' }}</td>
                                    <td class="text-center">{{ $cliente->estado ?: '—' }}</td>
                                    <td class="text-center">
                                        @include('partials.cliente-status-badge', ['status' => $cliente->status])
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div id="loading" class="text-center py-3 text-muted d-none">Carregando…</div>
                </div>
            </div>
        </div>
    </main>
    <x-plugins></x-plugins>
    <x-scrollup></x-scrollup>
</x-layout>
@include('partials.filter-inativo', ['routeSearch' => route('admin.clientes.search'), 'routeIndex' => route('admin.clientes.index')])
<x-load-more
    :paginator="$clientes"
    fetch-route="admin.clientes.fetch"
    mode="json"
    tbody="#items-container"
    :enable-scroll="true"
/>