@extends('layout')

@section('content')
    @php($total = array_sum($counts))

    <div class="page-head">
        <div class="t">
            <h1>Clientes</h1>
            <p class="lead">{{ $total }} no total · {{ (int) $counts['ativo'] }} ativos</p>
        </div>
        <div class="actions">
            <form method="post" action="{{ url('clientes/asaas/sincronizar') }}" data-ajax data-no-preloader>
                @csrf
                <button type="submit" class="btn btn--subtle" title="Importar clientes do Asaas e atualizar os dados sincronizados">
                    <i class="ic">sync</i><span class="lbl">Sincronizar Asaas</span>
                </button>
            </form>
            <a href="{{ url('clientes/novo') }}" class="btn btn--primary"><i class="ic">add</i><span class="lbl">Novo cliente</span></a>
        </div>
    </div>

    @if (in_array($asaasSyncStatus['status'] ?? '', ['queued', 'running'], true))
        <div class="alert" style="margin-bottom:18px"><i class="ic sm">sync</i> Sincronização de clientes Asaas em andamento — {{ (int) ($asaasSyncStatus['counts']['processed'] ?? 0) }} processados até agora.</div>
    @elseif (($asaasSyncStatus['status'] ?? '') === 'completed')
        <div class="alert" style="margin-bottom:18px"><i class="ic sm">check_circle</i> Última sincronização: {{ (int) ($asaasSyncStatus['counts']['created'] ?? 0) }} importados, {{ (int) ($asaasSyncStatus['counts']['updated'] ?? 0) }} atualizados e {{ (int) ($asaasSyncStatus['counts']['review'] ?? 0) }} para revisar.</div>
    @elseif (($asaasSyncStatus['status'] ?? '') === 'failed')
        <div class="alert" style="margin-bottom:18px;border-color:var(--bad)"><i class="ic sm">error</i> Sincronização do Asaas falhou: {{ $asaasSyncStatus['error'] ?? 'verifique a Saúde e tente novamente' }}</div>
    @endif

    <div class="small muted" style="margin:-8px 0 18px">Nome, e-mail, documento e telefone acompanham o Asaas. Empresa, observações, soluções e projetos permanecem no OmniAURIOS.</div>

    @if ($asaasCustomerReview->isNotEmpty())
        <div class="card" style="margin-bottom:18px">
            <div class="card-head"><h2><i class="ic sm">link</i> Clientes Asaas para revisar</h2><span class="grow"></span><span class="muted small">{{ $asaasCustomerReview->count() }} pendentes</span></div>
            <div class="table-wrap">
                <table class="data">
                    <thead><tr><th>Cadastro Asaas</th><th>Contato</th><th>Vincular a cliente local</th><th></th></tr></thead>
                    <tbody>
                        @foreach ($asaasCustomerReview as $remoteCustomer)
                            <tr>
                                <td><strong>{{ $remoteCustomer->name }}</strong></td>
                                <td>{{ $remoteCustomer->email ?: '—' }}<br><span class="muted small">{{ $remoteCustomer->cpf_cnpj ?: 'Documento não informado' }}</span></td>
                                <td colspan="2">
                                    <form method="post" action="{{ url('clientes/asaas/'.$remoteCustomer->id.'/vincular') }}" data-ajax>
                                        @csrf
                                        <div class="actions">
                                            <select name="client_id" required data-searchable-select aria-label="Cliente local para {{ $remoteCustomer->name }}">
                                                <option value="">Selecione um cliente…</option>
                                                @foreach ($clientOptions as $option)
                                                    <option value="{{ $option->id }}">{{ $option->name }}{{ $option->company ? ' · '.$option->company : '' }}</option>
                                                @endforeach
                                            </select>
                                            <button class="btn btn--subtle" type="submit"><i class="ic sm">link</i> Vincular</button>
                                        </div>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <div class="toolbar">
        <div class="chips">
            <a class="chip {{ $status === '' ? 'active' : '' }}" href="{{ url('clientes') }}">Todos <span class="n">{{ $total }}</span></a>
            <a class="chip {{ $status === 'ativo' ? 'active' : '' }}" href="{{ url('clientes?status=ativo') }}">Ativos <span class="n">{{ (int) $counts['ativo'] }}</span></a>
            <a class="chip {{ $status === 'inativo' ? 'active' : '' }}" href="{{ url('clientes?status=inativo') }}">Inativos <span class="n">{{ (int) $counts['inativo'] }}</span></a>
        </div>
        <div class="search">
            <i class="ic">search</i>
            <input type="search" placeholder="Buscar nome, empresa, e-mail…" value="{{ $q }}"
                   data-search="#client-results" data-endpoint="clientes">
            <input type="hidden" data-search-status value="{{ $status }}">
        </div>
    </div>

    <div id="client-results" data-table-pagination>
        @include('clients._list')
    </div>

    <a href="{{ url('clientes/novo') }}" class="fab" title="Novo cliente"><i class="ic">add</i></a>
@endsection