@extends('layouts.app')

@section('title', 'Clientes')
@section('page-title', 'Clientes')

@section('content')
    <div class="page-header">
        <div>
            <h2 class="page-header__title">Gerenciar Clientes</h2>
            <p class="page-header__subtitle">{{ $clientes->total() }} cliente(s) cadastrado(s)</p>
        </div>
        <a href="{{ route('site-mae.clientes.create') }}" class="btn btn-primary" id="btnNovoCliente">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
            Novo Cliente
        </a>
    </div>

    <div class="table-wrapper">
        <div class="table-header">
            <div class="table-header__title">Lista de Clientes</div>
            <div class="table-header__actions">
                <form method="GET" action="{{ route('site-mae.clientes.index') }}" class="search-bar" id="formBusca">
                    <select name="status" class="form-control" onchange="this.form.submit()" id="filterStatus" style="max-width: 150px;">
                        <option value="">Todos</option>
                        <option value="active"    {{ request('status') === 'active'    ? 'selected' : '' }}>Ativos</option>
                        <option value="inactive"  {{ request('status') === 'inactive'  ? 'selected' : '' }}>Inativos</option>
                        <option value="draft"     {{ request('status') === 'draft'     ? 'selected' : '' }}>Rascunho</option>
                        <option value="suspended" {{ request('status') === 'suspended' ? 'selected' : '' }}>Suspensos</option>
                    </select>
                    <input
                        type="text"
                        name="search"
                        class="form-control"
                        placeholder="Buscar cliente..."
                        value="{{ request('search') }}"
                        maxlength="100"
                        id="inputBusca"
                    >
                    <button type="submit" class="btn btn-outline btn-sm" id="btnBuscar">Buscar</button>
                </form>
            </div>
        </div>

        @if($clientes->count() > 0)
            <table class="table" id="tabelaClientes">
                <thead>
                    <tr>
                        <th>Nome</th>
                        <th>Tipo</th>

                        <th>Layout</th>
                        <th>Origem</th>
                        <th>Status</th>
                        <th>Criado em</th>
                        <th style="width: 120px;">Acoes</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($clientes as $client)
                        <tr>
                            <td>
                                <strong>{{ $client->name }}</strong>
                                @if($client->trade_name)
                                    <br><small style="color: var(--color-text-dim);">{{ $client->trade_name }}</small>
                                @endif
                                @if($client->site_generated_at && isset($tamanhosSites[$client->id]))
                                    <br>
                                    <small style="color: var(--color-text-dim); font-size: 0.72rem;">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;margin-right:2px;"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg>
                                        {{ $tamanhosSites[$client->id] > 0 ? number_format($tamanhosSites[$client->id], 2, ',', '.') . ' MB' : '< 0,01 MB' }}
                                    </small>
                                @endif
                                @if($client->status !== 'active')
                                    @php
                                        $diasVenc = (int) now()->diffInDays($client->created_at->copy()->addDays(30), false);
                                        $corVenc  = $diasVenc <= 7 ? '#dc2626' : ($diasVenc <= 15 ? '#d97706' : '#92400e');
                                    @endphp
                                    <br>
                                    <small style="color: {{ $corVenc }}; font-size: 0.70rem; font-weight: 600;">
                                        @if($diasVenc <= 0)
                                            Vence hoje — sera deletado
                                        @else
                                            Vence em {{ $diasVenc }} dia(s)
                                        @endif
                                    </small>
                                @endif

                            </td>
                            <td>{{ ucfirst($client->business_type) }}</td>

                            <td>
                                {{ $client->layout?->name ?? '-' }}
                                @if($client->site_generated_at && $client->isLayoutDesatualizado())
                                    <br><span style="font-size: 0.68rem; color: #d97706; font-weight: 600;">Desatualizado</span>
                                @elseif($client->layout_synced_at)
                                    <br><span style="font-size: 0.68rem; color: #16a34a;">v{{ $client->layout_synced_version }}</span>
                                @endif
                            </td>
                            <td>
                                @if($client->reseller_id)
                                    <span class="badge" style="background: #7c3aed; color: #fff; font-size: 0.72rem;">{{ $client->reseller?->name ?? 'Revenda' }}</span>
                                @else
                                    <span style="color: var(--color-text-dim); font-size: 0.82rem;">Direto</span>
                                @endif
                            </td>
                            <td>
                                <span class="badge badge--{{ $client->status }}">
                                    @switch($client->status)
                                        @case('active')    Ativo    @break
                                        @case('inactive')  Inativo  @break
                                        @case('draft')     Rascunho @break
                                        @case('suspended') Suspenso @break
                                    @endswitch
                                </span>
                                @if($client->briefing_completed_at && !$client->site_generated_at)
                                    {{-- Briefing concluido, site ainda sendo gerado --}}
                                    <br>
                                    <span class="site-status-indicator site-status-indicator--generating">
                                        <span class="ssi-spinner"></span>
                                        Gerando site...
                                    </span>
                                @elseif($client->site_generated_at && $client->site_generated_at->diffInMinutes(now()) < 5)
                                    {{-- Site gerado recentemente (menos de 5 minutos) --}}
                                    <br>
                                    <span class="site-status-indicator site-status-indicator--ready">
                                        <span class="ssi-check">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                                        </span>
                                        Site criado!
                                    </span>
                                @endif
                                @if($client->site_generated_at && $client->status !== 'active')
                                    @php
                                        $diasRestantes = (int) now()->diffInDays($client->site_generated_at->copy()->addDays(30), false);
                                        $corExp = $diasRestantes <= 7 ? '#dc2626' : ($diasRestantes <= 15 ? '#d97706' : '#92400e');
                                    @endphp
                                    <br>
                                    <small style="color: {{ $corExp }}; font-size: 0.70rem; font-weight: 600;">
                                        @if($diasRestantes <= 0)
                                            Vence hoje
                                        @else
                                            Vence em {{ $diasRestantes }}d
                                        @endif
                                    </small>
                                @endif
                            </td>
                            <td style="font-size: 0.82rem; color: var(--color-text-muted);">
                                {{ $client->created_at->format('d/m/Y') }}
                            </td>
                            <td>
                                <div style="display: flex; gap: 6px;">
                                    @if($client->briefing_token && !$client->briefing_completed_at)
                                        <button type="button" class="btn btn-outline btn-sm" title="Copiar link do briefing" onclick="copyBriefingLink('{{ $client->briefingUrl() }}', this)">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
                                        </button>
                                    @endif
                                    @if($client->site_generated_at)
                                        {{-- Ver Site: abre direto, sem regenerar --}}
                                        @php
                                            $siteExiste = is_dir(public_path("sites/{$client->slug}"));
                                        @endphp
                                        @if($siteExiste)
                                            <a href="{{ asset('sites/' . $client->slug) }}/" target="_blank" class="btn btn-sm btn-success" title="Ver Site" id="btnVerSite-{{ $client->id }}">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
                                            </a>
                                        @else
                                            <a href="{{ route('site-mae.clientes.preview', $client) }}" target="_blank" class="btn btn-sm btn-success" title="Gerar e Ver Site" id="btnVerSite-{{ $client->id }}">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
                                            </a>
                                        @endif

                                        @if($client->status === 'active')
                                            {{-- Deploy: re-publicar site na hospedagem (apenas para clientes ja ativos) --}}
                                            <a href="{{ route('site-mae.clientes.deploy', $client) }}" class="btn btn-sm btn-outline" title="Deploy" id="btnDeploy-{{ $client->id }}">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
                                            </a>
                                        @endif

                                        {{-- Sincronizar: atualiza o layout com a versao mais recente do modelo --}}
                                        <form method="POST" action="{{ route('site-mae.clientes.atualizar-layout', $client) }}" style="display:inline;" onsubmit="return confirm('Sincronizar o layout deste cliente com a versao mais recente do modelo?\n\nIsso atualizara o CSS visual do site. Textos e dados do cliente serao preservados.')">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-outline" title="Sincronizar{{ $client->isLayoutDesatualizado() ? ' (Desatualizado!)' : '' }}" id="btnSyncLayout-{{ $client->id }}" style="border-color: {{ $client->isLayoutDesatualizado() ? '#dc2626' : '#2563eb' }}; color: {{ $client->isLayoutDesatualizado() ? '#dc2626' : '#2563eb' }};">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
                                            </button>
                                        </form>
                                    @endif
                                    <a href="{{ route('site-mae.clientes.edit', $client) }}" class="btn btn-outline btn-sm" title="Editar">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
                                    </a>
                                    @if($client->site_generated_at)
                                        {{-- Botao Publicar (ativar / ir para deploy) --}}
                                        @if($client->status !== 'active')
                                            @php
                                                $semCredito = $client->reseller_id
                                                    && $client->reseller
                                                    && !$client->reseller->temCreditos($client->layout?->activation_credits ?? 1);
                                            @endphp
                                            @if($semCredito)
                                                <button type="button"
                                                        class="btn btn-sm btn-success"
                                                        disabled
                                                        title="Creditos insuficientes para publicar este site"
                                                        id="btnPublicar-{{ $client->id }}"
                                                        style="opacity: 0.45; cursor: not-allowed;">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                                                </button>
                                            @else
                                                <a href="{{ route('site-mae.clientes.deploy', $client) }}"
                                                   class="btn btn-sm btn-success"
                                                   title="Publicar Site"
                                                   id="btnPublicar-{{ $client->id }}">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                                                </a>
                                            @endif
                                        @endif
                                    @endif
                                    <form method="POST" action="{{ route('site-mae.clientes.destroy', $client) }}" style="display:inline;" onsubmit="return confirmarExclusao('{{ addslashes($client->name) }}')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger" title="Excluir permanentemente" id="btnExcluir-{{ $client->id }}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            @if($clientes->hasPages())
                <div class="table-footer">
                    <div style="font-size: 0.82rem; color: var(--color-text-muted);">
                        Mostrando {{ $clientes->firstItem() }} a {{ $clientes->lastItem() }} de {{ $clientes->total() }}
                    </div>
                    <div class="pagination">
                        {{ $clientes->links('parciais.pagination') }}
                    </div>
                </div>
            @endif
        @else
            <div class="empty-state">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                <p>Nenhum cliente encontrado.</p>
            </div>
        @endif
    </div>

@push('scripts')
<script>
function copyBriefingLink(url, btn) {
    navigator.clipboard.writeText(url).then(function() {
        var original = btn.innerHTML;
        btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>';
        btn.style.borderColor = '#16a34a';
        setTimeout(function() {
            btn.innerHTML = original;
            btn.style.borderColor = '';
        }, 1500);
    });
}

function confirmarExclusao(nome) {
    if (!confirm('ATENCAO: Voce esta prestes a excluir o cliente "' + nome + '".\n\nIsso ira apagar PERMANENTEMENTE:\n- Todos os dados do cliente\n- Paginas e acomodacoes\n- Fotos do briefing e do site\n- Usuarios associados\n\nDeseja continuar?')) {
        return false;
    }
    return confirm('Tem certeza ABSOLUTA? Esta acao NAO pode ser desfeita.');
}
</script>
@endpush
@endsection