@extends('adminlte::page')

@section('title', $instalacao->nome)

@section('content_header')
@stop

@section('content')
@php
    $statusLabels = [
        'ativa' => 'Ativa',
        'inativa' => 'Inativa',
        'manutencao' => 'Manutenção',
        'erro' => 'Erro',
    ];
    $domainBase = config('gestao.domain_base', 'waygest.com.br');
    $frontendUrl = 'https://'.$instalacao->slug.'.'.$domainBase;
    $apiTokenInstalacao = $instalacao->getConfiguracaoEnv('API_TOKEN');
    $podeExecutarArtisanApi = auth()->check() && auth()->user()->can('gestao-write');
    $podeSshTailLog = $podeExecutarArtisanApi && config('gestao.ssh_log_tail_enabled');
    $modoSuspensaoEfetivo = $instalacao->modoSuspensaoEfetivo();
    $modosSuspensaoEtiqueta = \App\Models\Instalacao::modosSuspensaoEtiqueta();
    $sshTailMeta = data_get($instalacao->metadados, 'ssh_log_tail');
    $sshTailMetaOk = is_array($sshTailMeta)
        && filled(trim((string) ($sshTailMeta['host'] ?? '')))
        && filled(trim((string) ($sshTailMeta['user'] ?? '')))
        && filled(trim((string) ($sshTailMeta['remote_deploy_path'] ?? '')));
    $stripeDash = \App\Support\Billing\StripeDashboardLinks::baseUrl();
    $urlStripeCustomer = \App\Support\Billing\StripeDashboardLinks::customerUrl($instalacao->psp_customer_id);
    $urlStripeSub = \App\Support\Billing\StripeDashboardLinks::subscriptionUrl($instalacao->psp_subscription_id);
    $cor1 = $instalacao->cor1 ?? '#6C63FF';
    $cor2 = $instalacao->cor2 ?? '#2D3142';
    $tenantCronUiEnabled = (bool) config('gestao.tenant_cron.enabled', false)
        && filled(trim((string) config('gestao.tenant_cron.api_base_path', '')));
    $tenantCronMeta = data_get($instalacao->metadados, 'tenant_cron');
    $tenantCronRegistado = is_array($tenantCronMeta) && ! empty($tenantCronMeta['registered_at']);
@endphp

<div class="dashboard-page dashboard-stagger instalacao-show">
    {{-- Hero --}}
    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div>
                <p class="dashboard-hero__eyebrow">Ficha comercial · Instalação #{{ $instalacao->id }}</p>
                <h1 class="dashboard-hero__title">{{ $instalacao->nome }}</h1>
                <p class="dashboard-hero__subtitle">
                    Operação whitelabel · slug <code class="text-white">{{ $instalacao->slug }}</code>
                    · criada em {{ $instalacao->created_at->format('d/m/Y') }}
                </p>
                <div class="instalacao-hero-chips">
                    <a href="{{ $frontendUrl }}" target="_blank" rel="noopener noreferrer" class="instalacao-hero-chip">
                        <i class="fas fa-globe" aria-hidden="true"></i>
                        {{ $instalacao->slug }}.{{ $domainBase }}
                    </a>
                    <span class="instalacao-hero-chip">
                        <i class="fas fa-code-branch" aria-hidden="true"></i>
                        v{{ $instalacao->versao ?? '—' }}
                    </span>
                    <span class="instalacao-hero-chip">
                        <i class="fas fa-file-invoice-dollar" aria-hidden="true"></i>
                        {{ $instalacao->plano_label ?: 'Sem plano' }}
                    </span>
                    @if($instalacao->suspensa_comercialmente)
                        <span class="instalacao-hero-chip">
                            <i class="fas fa-pause-circle" aria-hidden="true"></i>
                            Suspensa comercialmente
                        </span>
                    @endif
                </div>
                <div class="instalacao-hero-preview" aria-hidden="true">
                    <span class="instalacao-hero-preview__swatch" style="background-color: {{ $cor1 }}"></span>
                    <span class="instalacao-hero-preview__swatch" style="background-color: {{ $cor2 }}"></span>
                    <span class="instalacao-hero-preview__label">Identidade visual</span>
                </div>
            </div>
            <div class="dashboard-hero__actions">
                <span class="dashboard-status dashboard-status--{{ $instalacao->status }}">
                    {{ $statusLabels[$instalacao->status] ?? ucfirst($instalacao->status) }}
                </span>
                <a href="{{ $frontendUrl }}" target="_blank" rel="noopener noreferrer" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                    Abrir frontend
                </a>
                @can('gestao-write')
                    <a href="{{ route('instalacoes.web.edit', $instalacao) }}" class="btn-dashboard-hero btn-dashboard-hero--primary">
                        <i class="fas fa-edit" aria-hidden="true"></i>
                        Editar
                    </a>
                    @if($podeExecutarArtisanApi)
                        <button type="button" class="btn-dashboard-hero btn-dashboard-hero--ghost" data-toggle="modal" data-target="#modal-atualizar-api-{{ $instalacao->id }}">
                            <i class="fas fa-server" aria-hidden="true"></i>
                            Atualizar API
                        </button>
                    @endif
                @endcan
                <a href="{{ route('instalacoes.web.index') }}" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-arrow-left" aria-hidden="true"></i>
                    Voltar
                </a>
            </div>
        </div>
    </section>

    {{-- Flash messages --}}
    @if(session('success'))
        <div class="dashboard-alert-banner dashboard-alert-banner--success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle" aria-hidden="true"></i>
            <span>{{ session('success') }}</span>
            <button type="button" class="close" data-dismiss="alert" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
        </div>
    @endif
    @if(session('warning'))
        <div class="dashboard-alert-banner dashboard-alert-banner--warning alert-dismissible fade show" role="alert">
            <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
            <span>{{ session('warning') }}</span>
            <button type="button" class="close" data-dismiss="alert" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
        </div>
    @endif
    @php
        $passosUi = session('criacao_passos') ?: ($passosProvisionamento ?? []);
        $temPassoCronErro = collect($passosUi)->contains(fn ($p) => ($p['id'] ?? '') === 'cron_tenant' && ($p['status'] ?? '') === 'erro');
        $instalacaoRetomada = (($provisionamentoPendente ?? false) || ($cronPendente ?? false) || $temPassoCronErro) ? $instalacao : null;
        $validTabs = ['basico', 'psp', 'logs', 'crons', 'operacoes'];
        $activeTab = in_array((string) request('tab'), $validTabs, true) ? request('tab') : 'basico';
        if (! request()->filled('tab')) {
            if (request()->has('logs_page') || request()->has('logs_per_page')) {
                $activeTab = 'logs';
            } elseif (session('deploy_rotina_resultado') || session('artisan_output_resumo')) {
                $activeTab = 'operacoes';
            } elseif (($cronPendente ?? false) || $temPassoCronErro || session('manual_cron')) {
                $activeTab = 'crons';
            } elseif (session('ssh_tail_output_resumo')) {
                $activeTab = 'logs';
            }
        }
    @endphp

    @if(session('error'))
        <div class="dashboard-alert-banner dashboard-alert-banner--danger alert-dismissible fade show" role="alert">
            <i class="fas fa-times-circle" aria-hidden="true"></i>
            <div>
                <span>{{ session('error') }}</span>
                @if(session('mostrar_detalhes_provisionamento') && count($passosUi) > 0)
                    <p class="small mb-0 mt-2">Resposta técnica completa no painel <strong>Log dos passos da criação</strong> — use <strong>Repetir só cron</strong> após corrigir o .env.</p>
                @endif
            </div>
            <button type="button" class="close" data-dismiss="alert" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
        </div>
        @if(session('manual_cname'))
            @php $cname = session('manual_cname'); @endphp
            <div class="dashboard-panel mb-3">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-info-circle" aria-hidden="true"></i>
                        Adicionar CNAME manualmente no cPanel
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <p class="instalacao-panel-note mb-2">No cPanel, vá em <strong>Domínios → Zone Editor</strong> (ou <strong>Editor de zona</strong>), selecione o domínio <strong>{{ $cname['zone'] }}</strong> e clique em <strong>Adicionar registro</strong>.</p>
                    <dl class="instalacao-detail-meta">
                        <div class="instalacao-detail-meta__row">
                            <dt>Tipo</dt>
                            <dd>CNAME</dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Nome</dt>
                            <dd><code>{{ $cname['name'] }}</code></dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Destino</dt>
                            <dd><code>{{ $cname['value'] }}</code></dd>
                        </div>
                    </dl>
                    <p class="instalacao-panel-note mb-0 mt-2">Isso fará <strong>{{ $cname['full_domain'] }}</strong> apontar para a Vercel. Após salvar, aguarde alguns minutos e clique em <strong>Refresh</strong> no domínio na Vercel.</p>
                </div>
            </div>
        @endif
    @endif

    {{-- KPIs rápidos --}}
    <div class="instalacao-kpi-grid">
        <div class="dashboard-kpi dashboard-kpi--compact">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--{{ $instalacao->status === 'ativa' ? 'success' : ($instalacao->status === 'erro' ? 'danger' : ($instalacao->status === 'manutencao' ? 'warning' : 'neutral')) }}"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--{{ $instalacao->status === 'ativa' ? 'success' : ($instalacao->status === 'erro' ? 'danger' : ($instalacao->status === 'manutencao' ? 'warning' : 'neutral')) }}">
                    <i class="fas fa-signal" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value dashboard-kpi__value--sm">{{ $statusLabels[$instalacao->status] ?? ucfirst($instalacao->status) }}</p>
            <p class="dashboard-kpi__label">Status operacional</p>
        </div>

        <div class="dashboard-kpi dashboard-kpi--compact">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--purple"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--purple">
                    <i class="fas fa-code-branch" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value dashboard-kpi__value--sm">{{ $instalacao->versao ?? '—' }}</p>
            <p class="dashboard-kpi__label">Versão do produto</p>
        </div>

        <div class="dashboard-kpi dashboard-kpi--compact">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--info"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--info">
                    <i class="fas fa-file-invoice-dollar" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value dashboard-kpi__value--sm">{{ $instalacao->plano_label ?? '—' }}</p>
            <p class="dashboard-kpi__label">Plano comercial</p>
        </div>

        <div class="dashboard-kpi dashboard-kpi--compact">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--{{ $instalacao->suspensa_comercialmente ? 'warning' : 'success' }}"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--{{ $instalacao->suspensa_comercialmente ? 'warning' : 'success' }}">
                    <i class="fas fa-{{ $instalacao->suspensa_comercialmente ? 'pause-circle' : 'check-circle' }}" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value dashboard-kpi__value--sm">{{ $instalacao->suspensa_comercialmente ? 'Suspensa' : 'Activa' }}</p>
            <p class="dashboard-kpi__label">Situação comercial</p>
        </div>
    </div>

    <div class="instalacao-quick-nav" aria-label="Atalhos comerciais">
        <a href="{{ route('instalacoes.billing-overview') }}" class="instalacao-quick-nav__item">
            <span class="instalacao-quick-nav__icon instalacao-quick-nav__icon--billing">
                <i class="fas fa-file-invoice-dollar" aria-hidden="true"></i>
            </span>
            <span>
                <span class="instalacao-quick-nav__label">Billing overview</span>
                <span class="instalacao-quick-nav__hint">Clientes com PSP / Stripe</span>
            </span>
        </a>
        <a href="{{ route('custos-extras-mensais.index') }}" class="instalacao-quick-nav__item">
            <span class="instalacao-quick-nav__icon instalacao-quick-nav__icon--money">
                <i class="fas fa-coins" aria-hidden="true"></i>
            </span>
            <span>
                <span class="instalacao-quick-nav__label">Custos extras</span>
                <span class="instalacao-quick-nav__hint">Repasse IA e outros</span>
            </span>
        </a>
        <a href="{{ route('eventos-comerciais.index', ['instalacao_id' => $instalacao->id]) }}" class="instalacao-quick-nav__item">
            <span class="instalacao-quick-nav__icon instalacao-quick-nav__icon--events">
                <i class="fas fa-briefcase" aria-hidden="true"></i>
            </span>
            <span>
                <span class="instalacao-quick-nav__label">Eventos comerciais</span>
                <span class="instalacao-quick-nav__hint">Churn, suspensões, notas</span>
            </span>
        </a>
        <a href="{{ route('logs.index', ['instalacao_id' => $instalacao->id]) }}" class="instalacao-quick-nav__item">
            <span class="instalacao-quick-nav__icon instalacao-quick-nav__icon--logs">
                <i class="fas fa-stream" aria-hidden="true"></i>
            </span>
            <span>
                <span class="instalacao-quick-nav__label">Logs da instalação</span>
                <span class="instalacao-quick-nav__hint">Erros e alertas recentes</span>
            </span>
        </a>
    </div>

    <nav class="instalacao-tabs" aria-label="Secções da instalação">
        <ul class="nav instalacao-tabs__nav" id="instalacao-tabs" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link {{ $activeTab === 'basico' ? 'active' : '' }}" id="tab-basico-link" data-toggle="tab" href="#tab-basico" role="tab" aria-controls="tab-basico" aria-selected="{{ $activeTab === 'basico' ? 'true' : 'false' }}">
                    <i class="fas fa-info-circle" aria-hidden="true"></i>
                    Informações básicas
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link {{ $activeTab === 'psp' ? 'active' : '' }}" id="tab-psp-link" data-toggle="tab" href="#tab-psp" role="tab" aria-controls="tab-psp" aria-selected="{{ $activeTab === 'psp' ? 'true' : 'false' }}">
                    <i class="fas fa-credit-card" aria-hidden="true"></i>
                    PSP / billing
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link {{ $activeTab === 'logs' ? 'active' : '' }}" id="tab-logs-link" data-toggle="tab" href="#tab-logs" role="tab" aria-controls="tab-logs" aria-selected="{{ $activeTab === 'logs' ? 'true' : 'false' }}">
                    <i class="fas fa-stream" aria-hidden="true"></i>
                    Logs
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link {{ $activeTab === 'crons' ? 'active' : '' }}" id="tab-crons-link" data-toggle="tab" href="#tab-crons" role="tab" aria-controls="tab-crons" aria-selected="{{ $activeTab === 'crons' ? 'true' : 'false' }}">
                    <i class="fas fa-clock" aria-hidden="true"></i>
                    Crons
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link {{ $activeTab === 'operacoes' ? 'active' : '' }}" id="tab-operacoes-link" data-toggle="tab" href="#tab-operacoes" role="tab" aria-controls="tab-operacoes" aria-selected="{{ $activeTab === 'operacoes' ? 'true' : 'false' }}">
                    <i class="fas fa-cogs" aria-hidden="true"></i>
                    Operações
                </a>
            </li>
        </ul>
    </nav>

    <div class="tab-content instalacao-tabs__content" id="instalacao-tabs-content">
        <div class="tab-pane fade {{ $activeTab === 'basico' ? 'show active' : '' }}" id="tab-basico" role="tabpanel" aria-labelledby="tab-basico-link">
    <div class="row">
        <div class="col-lg-6">
            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-info-circle" aria-hidden="true"></i>
                        Informações básicas
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <div class="instalacao-field-grid">
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">ID</span>
                            <span class="instalacao-field__value">#{{ $instalacao->id }}</span>
                        </div>
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">Status</span>
                            <span class="instalacao-field__value">
                                <span class="dashboard-status dashboard-status--{{ $instalacao->status }}">
                                    {{ $statusLabels[$instalacao->status] ?? ucfirst($instalacao->status) }}
                                </span>
                            </span>
                        </div>
                        <div class="instalacao-field instalacao-field--wide">
                            <span class="instalacao-field__label">Nome comercial</span>
                            <span class="instalacao-field__value">{{ $instalacao->nome }}</span>
                        </div>
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">Slug</span>
                            <span class="instalacao-field__value"><code>{{ $instalacao->slug }}</code></span>
                        </div>
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">Subdomínio API</span>
                            <span class="instalacao-field__value">{{ $instalacao->subdominio }}</span>
                        </div>
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">Criado em</span>
                            <span class="instalacao-field__value">{{ $instalacao->created_at->format('d/m/Y H:i') }}</span>
                        </div>
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">Atualizado em</span>
                            <span class="instalacao-field__value">{{ $instalacao->updated_at->format('d/m/Y H:i') }}</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-palette" aria-hidden="true"></i>
                        Identidade visual
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <div class="instalacao-brand-card mb-3" style="background: linear-gradient(135deg, {{ $cor1 }} 0%, {{ $cor2 }} 100%);">
                        <div>
                            <p class="instalacao-brand-card__name">{{ $instalacao->nome }}</p>
                            <p class="instalacao-brand-card__domain">
                                <a href="{{ $frontendUrl }}" target="_blank" rel="noopener noreferrer">
                                    {{ $instalacao->slug }}.{{ $domainBase }}
                                </a>
                            </p>
                        </div>
                        <div class="instalacao-brand-card__swatches">
                            <span class="instalacao-brand-card__swatch">
                                <span class="instalacao-brand-card__dot" style="background: {{ $cor1 }}"></span>
                                {{ $cor1 }}
                            </span>
                            <span class="instalacao-brand-card__swatch">
                                <span class="instalacao-brand-card__dot" style="background: {{ $cor2 }}"></span>
                                {{ $cor2 }}
                            </span>
                        </div>
                    </div>
                    <dl class="instalacao-detail-meta">
                        <div class="instalacao-detail-meta__row">
                            <dt>URL frontend</dt>
                            <dd>
                                <a href="{{ $frontendUrl }}" target="_blank" rel="noopener noreferrer" class="instalacao-domain-link">
                                    {{ $instalacao->slug }}.{{ $domainBase }}
                                    <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                                </a>
                            </dd>
                        </div>
                    </dl>
                </div>
            </div>

            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-database" aria-hidden="true"></i>
                        Banco de dados
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <div class="instalacao-field-grid">
                        <div class="instalacao-field instalacao-field--wide">
                            <span class="instalacao-field__label">Nome da base</span>
                            <span class="instalacao-field__value"><span class="listagem-db-badge">{{ $instalacao->database_name }}</span></span>
                        </div>
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">Usuário</span>
                            <span class="instalacao-field__value"><code>{{ $instalacao->database_username }}</code></span>
                        </div>
                        <div class="instalacao-field">
                            <span class="instalacao-field__label">Senha</span>
                            <span class="instalacao-field__value"><span class="text-muted">••••••••</span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-key" aria-hidden="true"></i>
                        Token de API
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <div class="instalacao-token-card">
                        <p class="instalacao-panel-note mb-3">
                            Usado como <code>Authorization: Bearer</code> com <code>X-Instalacao-Id: {{ $instalacao->id }}</code>.
                            Corresponde a <code>LOGS_GESTAO_TOKEN</code> em <code>env/.env.{{ $instalacao->slug }}</code>.
                        </p>
                        @if($apiTokenInstalacao)
                            <div class="instalacao-token-group mb-2">
                                <input type="text" class="form-control" id="api-token-instalacao" value="{{ $apiTokenInstalacao }}" readonly aria-label="Token de API">
                                <button type="button" class="btn-listagem btn-listagem--ghost" id="btn-copiar-api-token" title="Copiar token">
                                    <i class="fas fa-copy" aria-hidden="true"></i>
                                    Copiar
                                </button>
                            </div>
                            @can('gestao-write')
                                <form action="{{ route('instalacoes.web.regenerar-token-api', $instalacao) }}" method="POST" onsubmit="return confirm('Regenerar o token? O token atual deixará de funcionar até atualizar a API.');">
                                    @csrf
                                    <button type="submit" class="btn-listagem btn-listagem--ghost">
                                        <i class="fas fa-sync-alt" aria-hidden="true"></i>
                                        Regenerar token
                                    </button>
                                </form>
                            @endcan
                        @else
                            <div class="dashboard-empty dashboard-empty--compact">
                                <i class="fas fa-key" aria-hidden="true"></i>
                                <p>Nenhum <code>API_TOKEN</code> configurado.</p>
                                @can('gestao-write')
                                    <form action="{{ route('instalacoes.web.gerar-token-api', $instalacao) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn-listagem btn-listagem--primary">
                                            <i class="fas fa-key" aria-hidden="true"></i>
                                            Gerar token
                                        </button>
                                    </form>
                                @endcan
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
        </div>

        <div class="tab-pane fade {{ $activeTab === 'psp' ? 'show active' : '' }}" id="tab-psp" role="tabpanel" aria-labelledby="tab-psp-link">
            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-credit-card" aria-hidden="true"></i>
                        Estado comercial (PSP / billing)
                    </h2>
                    @if(($instalacao->psp_provider ?? '') === 'stripe')
                        <span class="listagem-db-badge">Stripe</span>
                    @endif
                </div>
                <div class="dashboard-panel__body">
                    <p class="instalacao-panel-note">Sincronizado via webhooks quando configurado; metadata <code>instalacao_id</code> na subscrição.</p>
                    <dl class="instalacao-detail-meta">
                        <div class="instalacao-detail-meta__row">
                            <dt>PSP</dt>
                            <dd>{{ $instalacao->psp_provider ?? '—' }}</dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Customer ID</dt>
                            <dd><code>{{ $instalacao->psp_customer_id ? \Illuminate\Support\Str::limit($instalacao->psp_customer_id, 48) : '—' }}</code></dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Subscription ID</dt>
                            <dd><code>{{ $instalacao->psp_subscription_id ? \Illuminate\Support\Str::limit($instalacao->psp_subscription_id, 48) : '—' }}</code></dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Plano</dt>
                            <dd>{{ $instalacao->plano_label ?? '—' }}</dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Fim do período</dt>
                            <dd>{{ $instalacao->assinatura_periodo_fim ? $instalacao->assinatura_periodo_fim->format('d/m/Y') : '—' }}</dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Suspensa comercialmente</dt>
                            <dd>
                                @if($instalacao->suspensa_comercialmente)
                                    <span class="instalacao-badge-soft instalacao-badge-soft--warn">Suspensa</span>
                                @else
                                    <span class="instalacao-badge-soft instalacao-badge-soft--ok">Activa</span>
                                @endif
                            </dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Modo de suspensão</dt>
                            <dd>
                                <strong>{{ $modosSuspensaoEtiqueta[$modoSuspensaoEfetivo] ?? $modoSuspensaoEfetivo }}</strong>
                                @if($instalacao->modo_suspensao_comercial)
                                    <span class="text-muted small">(override nesta instalação)</span>
                                @else
                                    <span class="text-muted small">(default global: <code>GESTAO_SUSPENSAO_DEFAULT_MODO</code>)</span>
                                @endif
                            </dd>
                        </div>
                        <div class="instalacao-detail-meta__row">
                            <dt>Sync tenant</dt>
                            <dd>
                                @php
                                    $syncStatus = $instalacao->suspensao_comercial_sync_status;
                                @endphp
                                @if($syncStatus === 'ok')
                                    <span class="badge badge-success">OK</span>
                                @elseif($syncStatus === 'pendente')
                                    <span class="badge badge-warning">Pendente</span>
                                @elseif($syncStatus === 'erro')
                                    <span class="badge badge-danger">Erro</span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                                @if($instalacao->suspensao_comercial_synced_at)
                                    <span class="text-muted small">{{ $instalacao->suspensao_comercial_synced_at->format('d/m/Y H:i') }}</span>
                                @endif
                                @if($instalacao->suspensao_comercial_sync_detail)
                                    <div class="text-muted small">{{ $instalacao->suspensao_comercial_sync_detail }}</div>
                                @endif
                                @can('gestao-write')
                                    <form method="post" action="{{ route('instalacoes.web.sincronizar-suspensao-comercial', $instalacao) }}" class="d-inline-block mt-1">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-outline-secondary">Reenviar snapshot</button>
                                    </form>
                                @endcan
                            </dd>
                        </div>
                    </dl>

                    @can('gestao-write')
                        <div class="instalacao-form-card">
                            <p class="instalacao-panel-note mb-2"><strong>Alterar estado comercial (manual)</strong></p>
                            <p class="instalacao-panel-note small mb-3">
                                Webhooks PSP só alteram a flag de suspensão — nunca o modo.
                                Toda alteração manual exige motivo e gera evento em
                                <a href="{{ route('eventos-comerciais.index', ['instalacao_id' => $instalacao->id]) }}">eventos comerciais</a>.
                            </p>
                            <form method="post" action="{{ route('instalacoes.web.estado-comercial', $instalacao) }}" class="mb-3">
                                @csrf
                                <input type="hidden" name="acao" value="atualizar">
                                <div class="form-group">
                                    <label for="modo_suspensao_comercial">Modo de suspensão</label>
                                    <select name="modo_suspensao_comercial" id="modo_suspensao_comercial" class="form-control">
                                        @foreach($modosSuspensaoEtiqueta as $valor => $label)
                                            <option value="{{ $valor }}" @selected(old('modo_suspensao_comercial', $instalacao->modo_suspensao_comercial ?? $modoSuspensaoEfetivo) === $valor)>
                                                {{ $label }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <div class="custom-control custom-checkbox mt-2">
                                        <input type="hidden" name="usar_default_global" value="0">
                                        <input type="checkbox" class="custom-control-input" id="usar_default_global" name="usar_default_global" value="1"
                                               @checked((string) old('usar_default_global', $instalacao->modo_suspensao_comercial === null ? '1' : '0') === '1')>
                                        <label class="custom-control-label" for="usar_default_global">Usar default global (sem override nesta instalação)</label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="motivo_modo">Motivo <span class="text-danger">*</span></label>
                                    <textarea name="motivo" id="motivo_modo" class="form-control @error('motivo') is-invalid @enderror" rows="2" required maxlength="2000" placeholder="Ex.: alinhamento comercial com o cliente">{{ old('motivo') }}</textarea>
                                    @error('motivo')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                                <button type="submit" class="btn-listagem btn-listagem--primary">
                                    <i class="fas fa-save" aria-hidden="true"></i>
                                    Salvar modo
                                </button>
                            </form>

                            @if($instalacao->suspensa_comercialmente)
                                <form method="post" action="{{ route('instalacoes.web.estado-comercial', $instalacao) }}" class="mb-2"
                                      onsubmit="return confirm('Reativar comercialmente esta instalação?');">
                                    @csrf
                                    <input type="hidden" name="acao" value="reativar">
                                    <div class="form-group">
                                        <label for="motivo_reativar">Motivo da reativação <span class="text-danger">*</span></label>
                                        <textarea name="motivo" id="motivo_reativar" class="form-control" rows="2" required maxlength="2000" placeholder="Ex.: pagamento regularizado"></textarea>
                                    </div>
                                    <button type="submit" class="btn-listagem btn-listagem--primary">
                                        <i class="fas fa-play-circle" aria-hidden="true"></i>
                                        Reativar comercialmente
                                    </button>
                                </form>
                            @else
                                <form method="post" action="{{ route('instalacoes.web.estado-comercial', $instalacao) }}"
                                      onsubmit="return confirm('Marcar esta instalação como suspensa comercialmente?');">
                                    @csrf
                                    <input type="hidden" name="acao" value="suspender">
                                    <div class="form-group">
                                        <label for="motivo_suspender">Motivo da suspensão <span class="text-danger">*</span></label>
                                        <textarea name="motivo" id="motivo_suspender" class="form-control" rows="2" required maxlength="2000" placeholder="Ex.: inadimplência / churn"></textarea>
                                    </div>
                                    <button type="submit" class="btn-listagem btn-listagem--ghost text-warning">
                                        <i class="fas fa-pause-circle" aria-hidden="true"></i>
                                        Suspender comercialmente
                                    </button>
                                </form>
                            @endif
                        </div>
                    @endcan

                    @if(($instalacao->psp_provider ?? '') === 'stripe')
                        <div class="mt-3 pt-3 border-top">
                            <p class="instalacao-panel-note mb-2"><strong>Stripe (operador)</strong></p>
                            <div class="instalacao-stripe-actions">
                                @if($stripeDash !== '')
                                    @if($urlStripeCustomer)
                                        <a href="{{ $urlStripeCustomer }}" class="btn-listagem btn-listagem--ghost" target="_blank" rel="noopener noreferrer">
                                            <i class="fas fa-user" aria-hidden="true"></i>
                                            Cliente
                                            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                                        </a>
                                    @endif
                                    @if($urlStripeSub)
                                        <a href="{{ $urlStripeSub }}" class="btn-listagem btn-listagem--ghost" target="_blank" rel="noopener noreferrer">
                                            <i class="fas fa-sync" aria-hidden="true"></i>
                                            Subscrição
                                            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                                        </a>
                                    @endif
                                    @if(!$urlStripeCustomer && !$urlStripeSub)
                                        <span class="instalacao-panel-note mb-0">Sem customer/subscription ID sincronizado.</span>
                                    @endif
                                @else
                                    <span class="instalacao-panel-note mb-0">Defina <code>GESTAO_STRIPE_DASHBOARD_BASE</code> para atalhos ao Dashboard.</span>
                                @endif
                                @can('gestao-write')
                                    @if(config('gestao.psp.stripe_secret_key') && $instalacao->psp_customer_id)
                                        <form action="{{ route('instalacoes.stripe-billing-portal', $instalacao) }}" method="POST" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn-listagem btn-listagem--primary" title="Customer Billing Portal">
                                                <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                                                Portal do cliente
                                            </button>
                                        </form>
                                    @endif
                                @endcan
                            </div>
                            @can('gestao-write')
                                @if(!config('gestao.psp.stripe_secret_key'))
                                    <p class="instalacao-panel-note mb-0 mt-2">Portal: defina <code>GESTAO_STRIPE_SECRET_KEY</code> e configure o Customer Portal na Stripe.</p>
                                @elseif(!$instalacao->psp_customer_id)
                                    <p class="instalacao-panel-note mb-0 mt-2">Portal: aguarde sincronização do <code>psp_customer_id</code> (webhook).</p>
                                @endif
                            @endcan
                        </div>
                    @endif

                    @if(!empty($stripeInvoicesQueried))
                        <div class="mt-3 pt-3 border-top">
                            <h3 class="dashboard-panel__title mb-3" style="font-size: 0.875rem;">
                                <i class="fas fa-file-invoice-dollar" aria-hidden="true"></i>
                                Faturas recentes (Stripe)
                            </h3>
                            @if(!empty($stripeInvoices['fetch_failed']))
                                <p class="instalacao-panel-note mb-0 text-warning">Não foi possível carregar faturas. Verifique a chave e os logs.</p>
                            @elseif(empty($stripeInvoices['invoices']))
                                <p class="instalacao-panel-note mb-0">Nenhuma fatura encontrada para este cliente.</p>
                            @else
                                <div class="dashboard-table-wrap">
                                    <table class="dashboard-table">
                                        <thead>
                                            <tr>
                                                <th>Fatura</th>
                                                <th>Data</th>
                                                <th>Estado</th>
                                                <th class="text-right">Pago</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($stripeInvoices['invoices'] as $inv)
                                                @php
                                                    $created = !empty($inv['created']) ? \Carbon\Carbon::createFromTimestamp((int) $inv['created']) : null;
                                                    $cur = strtoupper((string) ($inv['currency'] ?? ''));
                                                    $paid = isset($inv['amount_paid']) ? (int) $inv['amount_paid'] : 0;
                                                    $paidFmt = $cur !== '' ? number_format($paid / 100, 2, ',', ' ').' '.$cur : (string) $paid;
                                                @endphp
                                                <tr>
                                                    <td><code class="small">{{ \Illuminate\Support\Str::limit((string) ($inv['number'] ?? $inv['id'] ?? ''), 32) }}</code></td>
                                                    <td>{{ $created ? $created->format('d/m/Y H:i') : '—' }}</td>
                                                    <td><span class="dashboard-status dashboard-status--inativa">{{ $inv['status'] ?? '—' }}</span></td>
                                                    <td class="text-right">{{ $paidFmt }}</td>
                                                    <td class="text-nowrap">
                                                        @if(!empty($inv['hosted_invoice_url']))
                                                            <a href="{{ $inv['hosted_invoice_url'] }}" class="btn-listagem btn-listagem--ghost btn-sm" target="_blank" rel="noopener noreferrer">Ver</a>
                                                        @endif
                                                        @if(!empty($inv['invoice_pdf']))
                                                            <a href="{{ $inv['invoice_pdf'] }}" class="btn-listagem btn-listagem--ghost btn-sm" target="_blank" rel="noopener noreferrer">PDF</a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <p class="instalacao-panel-note mb-0 mt-2">Últimas {{ count($stripeInvoices['invoices']) }} faturas via API Stripe.</p>
                            @endif
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="tab-pane fade {{ $activeTab === 'logs' ? 'show active' : '' }}" id="tab-logs" role="tabpanel" aria-labelledby="tab-logs-link">
    @if(session('ssh_tail_output_resumo') !== null && session('ssh_tail_output_resumo') !== '')
        <div class="dashboard-panel mb-3">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-server" aria-hidden="true"></i>
                    Saída SSH (tail laravel.log)
                </h2>
            </div>
            <div class="dashboard-panel__body p-0">
                <pre class="instalacao-pre instalacao-pre--tall">{{ session('ssh_tail_output_resumo') }}</pre>
            </div>
        </div>
    @endif

    <div class="dashboard-panel mb-4">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-stream" aria-hidden="true"></i>
                Logs desta instalação
            </h2>
            <div class="d-flex flex-wrap align-items-center" style="gap: 0.5rem;">
                <span class="text-muted small">{{ $logsInstalacao->total() }} registro(s)</span>
                <a href="{{ route('logs.index', ['instalacao_id' => $instalacao->id]) }}" class="btn-listagem btn-listagem--ghost">
                    <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                    Log Reader
                </a>
                <a href="{{ route('instalacoes.web.show', array_merge(['instalacao' => $instalacao, 'tab' => 'logs'], request()->only(['logs_page', 'logs_per_page']))) }}" class="btn-listagem btn-listagem--ghost" title="Recarregar lista">
                    <i class="fas fa-sync-alt" aria-hidden="true"></i>
                    Atualizar
                </a>
            </div>
        </div>
        @if($logsInstalacao->count() > 0)
            <div class="dashboard-panel__body p-0">
                <div class="dashboard-table-wrap">
                    <table class="dashboard-table">
                        <thead>
                            <tr>
                                <th>Data / hora</th>
                                <th>Tipo</th>
                                <th>Canal</th>
                                <th>Mensagem</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($logsInstalacao as $log)
                                <tr>
                                    <td class="text-nowrap small">
                                        @php $dt = $log->timestamp ?? $log->created_at; @endphp
                                        {{ $dt ? $dt->format('d/m/Y H:i:s') : '—' }}
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $log->tipo_color }}">{{ $log->tipo }}</span>
                                    </td>
                                    <td class="small text-muted">{{ \Illuminate\Support\Str::limit($log->canal ?? '—', 24) }}</td>
                                    <td class="small">{{ \Illuminate\Support\Str::limit($log->mensagem_viewer, 120) }}</td>
                                    <td>
                                        <a href="{{ route('logs.show', $log) }}" class="listagem-row-actions__btn listagem-row-actions__btn--view" title="Abrir detalhe" aria-label="Ver log #{{ $log->id }}">
                                            <i class="fas fa-search-plus" aria-hidden="true"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="listagem-pagination px-3 py-2">
                    <div class="d-flex flex-wrap align-items-center justify-content-between mb-2" style="gap: 0.5rem;">
                        <span class="text-muted small">
                            {{ $logsInstalacao->firstItem() }}–{{ $logsInstalacao->lastItem() }} de {{ $logsInstalacao->total() }}
                        </span>
                        <div class="d-flex flex-wrap align-items-center" style="gap: 0.35rem;">
                            <span class="small text-muted">Por página:</span>
                            @foreach([10, 20, 50] as $n)
                                <a href="{{ request()->fullUrlWithQuery(['logs_per_page' => $n, 'logs_page' => 1, 'tab' => 'logs']) }}"
                                   class="btn btn-sm {{ (int) request('logs_per_page', 20) === $n ? 'btn-primary' : 'btn-outline-secondary' }}">{{ $n }}</a>
                            @endforeach
                        </div>
                    </div>
                    <div class="d-flex justify-content-end">
                        {{ $logsInstalacao->appends(array_merge(['tab' => 'logs'], request()->only(['logs_per_page'])))->onEachSide(1)->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        @else
            <div class="dashboard-panel__body">
                <div class="dashboard-empty">
                    <i class="fas fa-inbox" aria-hidden="true"></i>
                    <p>Nenhum registro em <code>LogInstalacao</code> para esta instalação.</p>
                    <p class="instalacao-panel-note mb-0">Os envios da API aparecem aqui quando <code>LOGS_GESTAO_*</code> estiver configurado.</p>
                </div>
            </div>
        @endif
    </div>

    {{-- SSH fallback --}}
    @if($podeSshTailLog)
        <div class="dashboard-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-terminal" aria-hidden="true"></i>
                    Fallback — laravel.log no servidor (SSH)
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <p class="instalacao-panel-note">
                    Leitura das últimas linhas de <code>storage/logs/laravel.log</code> via SSH só leitura quando o envio para a API não estiver a funcionar.
                </p>
                @unless($sshTailMetaOk)
                    <div class="dashboard-alert-banner dashboard-alert-banner--warning mb-3">
                        <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                        <span>Configure <code>metadados["ssh_log_tail"]</code> com <code>host</code>, <code>user</code> e <code>remote_deploy_path</code>.</span>
                    </div>
                @endunless
                @can('gestao-write')
                    <form method="post" action="{{ route('instalacoes.web.ssh-tail-laravel-log', $instalacao) }}" class="d-flex flex-wrap align-items-end" style="gap: 0.75rem;">
                        @csrf
                        <div class="form-group mb-0">
                            <label for="ssh-tail-lines-{{ $instalacao->id }}" class="small d-block">Linhas (máx. {{ (int) config('gestao.ssh_log_tail_max_lines', 500) }})</label>
                            <input type="number" name="lines" id="ssh-tail-lines-{{ $instalacao->id }}" class="form-control form-control-sm" style="width: 6rem;"
                                   min="1" max="{{ (int) config('gestao.ssh_log_tail_max_lines', 500) }}"
                                   value="{{ (int) config('gestao.ssh_log_tail_default_lines', 200) }}">
                        </div>
                        <button type="submit" class="btn-listagem btn-listagem--ghost" @unless($sshTailMetaOk) disabled title="Configure ssh_log_tail nos metadados" @endunless>
                            <i class="fas fa-download" aria-hidden="true"></i>
                            Ler via SSH
                        </button>
                    </form>
                @endcan
            </div>
        </div>
    @endif
        </div>

        <div class="tab-pane fade {{ $activeTab === 'crons' ? 'show active' : '' }}" id="tab-crons" role="tabpanel" aria-labelledby="tab-crons-link">
    @include('instalacoes.partials.provisionamento-passos', [
        'passos' => $passosUi,
        'instalacaoProvisionamento' => $instalacaoRetomada,
        'mostrarDetalhes' => (bool) session('mostrar_detalhes_provisionamento', ($cronPendente ?? false)),
    ])

    @php
        $manualCron = session('manual_cron') ?: (($cronPendente ?? false) ? ($comandosCronManual ?? null) : null);
    @endphp
    @if(is_array($manualCron) && filled($manualCron['schedule'] ?? null))
        <div class="dashboard-panel mb-3">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-clock" aria-hidden="true"></i>
                    Cron manual (cPanel → Cron Jobs)
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <p class="instalacao-panel-note mb-3">
                    Crie <strong>duas</strong> tarefas cron com periodicidade <code>* * * * *</code> (cada minuto) e cole cada comando no campo <strong>Command</strong>.
                </p>
                <p class="small text-muted mb-1"><strong>1. schedule:run</strong> (tenant <code>{{ $instalacao->slug }}</code>)</p>
                <pre class="provisionamento-passos__pre mb-3">{{ $manualCron['schedule'] }}</pre>
                <p class="small text-muted mb-1"><strong>2. queue:work</strong> (fila Redis <code>{{ $instalacao->slug }}</code>)</p>
                <pre class="provisionamento-passos__pre mb-0">{{ $manualCron['worker'] }}</pre>
            </div>
        </div>
    @endif

    @if($tenantCronUiEnabled)
        @can('gestao-write')
            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-clock" aria-hidden="true"></i>
                        Cron tenant (API)
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <p class="instalacao-panel-note mb-3">
                        Regista no cPanel <code>schedule:run</code> e <code>queue:work</code> com
                        <code>--env={{ $instalacao->slug }}</code> e fila Redis <code>{{ $instalacao->slug }}</code>
                        (padrão produção Waygest).
                    </p>
                    @if($tenantCronRegistado)
                        <div class="dashboard-alert-banner dashboard-alert-banner--success mb-3">
                            <i class="fas fa-check-circle" aria-hidden="true"></i>
                            <span>Cron registrado em {{ \Illuminate\Support\Carbon::parse($tenantCronMeta['registered_at'])->format('d/m/Y H:i') }}.</span>
                        </div>
                    @elseif($cronPendente ?? false)
                        <div class="dashboard-alert-banner dashboard-alert-banner--warning mb-3">
                            <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                            <span>Cron ainda não registrado para este tenant. Os demais passos do provisionamento podem já estar OK — use <strong>Repetir só cron</strong> no painel acima ou o botão abaixo (não reexecuta banco nem Vercel).</span>
                        </div>
                    @endif
                    <div class="d-flex flex-wrap" style="gap: 0.75rem;">
                        <form action="{{ route('instalacoes.web.registrar-cron-tenant', $instalacao) }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn-listagem btn-listagem--primary" title="Idempotente: não duplica se já existir; só regista schedule:run e queue:work">
                                <i class="fas fa-redo" aria-hidden="true"></i>
                                {{ ($cronPendente ?? false) ? 'Tentar registar cron novamente' : 'Registar cron' }}
                            </button>
                        </form>
                        <form action="{{ route('instalacoes.web.remover-cron-tenant', $instalacao) }}" method="POST" class="d-inline"
                              onsubmit="return confirm('Remover entradas de cron (--env={{ $instalacao->slug }}) no cPanel?');">
                            @csrf
                            <button type="submit" class="btn-listagem btn-listagem--ghost text-danger">
                                <i class="fas fa-minus-circle" aria-hidden="true"></i>
                                Remover cron
                            </button>
                        </form>
                    </div>
                    <p class="instalacao-panel-note mt-3 mb-0">
                        Base API: <code>{{ config('gestao.tenant_cron.api_base_path') }}</code>
                        · PHP: <code>{{ config('gestao.tenant_cron.php_binary') ?: (config('gestao.deploy_homologacao.php_binary') ?: '/usr/local/bin/ea-php83') }}</code>
                    </p>
                </div>
            </div>
        @endcan
    @endif
        </div>

        <div class="tab-pane fade {{ $activeTab === 'operacoes' ? 'show active' : '' }}" id="tab-operacoes" role="tabpanel" aria-labelledby="tab-operacoes-link">
    @if(session('artisan_output_resumo'))
        <div class="dashboard-panel mb-3">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-terminal" aria-hidden="true"></i>
                    Resumo da saída (artisan)
                </h2>
            </div>
            <div class="dashboard-panel__body p-0">
                <pre class="instalacao-pre">{{ session('artisan_output_resumo') }}</pre>
            </div>
        </div>
    @endif

    @if(session('deploy_rotina_resultado'))
        @php $rotina = session('deploy_rotina_resultado'); @endphp
        <div class="dashboard-panel mb-3">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-sync-alt" aria-hidden="true"></i>
                    @if(($rotina['profile'] ?? '') === 'atualizar_api' || ($rotina['profile'] ?? '') === 'api_unificada')
                        Atualizar API
                    @else
                        Rotina pós-deploy
                    @endif
                    @if($rotina['ok'] ?? false)
                        <span class="dashboard-status dashboard-status--ativa ml-2">OK</span>
                    @else
                        <span class="dashboard-status dashboard-status--erro ml-2">Com erros</span>
                    @endif
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <p class="instalacao-panel-note mb-3">
                    Perfil <code>{{ $rotina['profile'] ?? '—' }}</code>
                    · <code>--env={{ $rotina['env'] ?? '—' }}</code>
                    @if(!empty($rotina['base_path']))
                        · pasta <code>{{ $rotina['base_path'] }}</code>
                    @endif
                </p>
                @foreach($rotina['steps'] ?? [] as $step)
                    <details class="small mb-2">
                        <summary>
                            <code>php artisan {{ $step['command'] ?? '?' }} --env={{ $rotina['env'] ?? '?' }}</code>
                            @if($step['ok'] ?? false)
                                — OK
                            @else
                                — Erro (exit {{ $step['exit_code'] ?? '?' }})
                            @endif
                        </summary>
                        <pre class="instalacao-pre mt-2 mb-0">{{ $step['output'] ?? '' }}</pre>
                    </details>
                @endforeach
            </div>
        </div>
    @endif

    {{-- Migrations / Seeder / Rotina pós-deploy --}}
    @if($podeExecutarArtisanApi)
        @can('gestao-write')
            @php
                $deployHomologConfig = config('gestao.deploy_homologacao', []);
                $deployProdConfig = config('gestao.deploy_producao', []);
                $atualizarApiConfig = config('gestao.atualizar_api', []);
            @endphp
            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-server" aria-hidden="true"></i>
                        Atualizar API (este tenant)
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <p class="instalacao-panel-note mb-3">
                        Executa cache clear, migrations do core e <code>addons:migrate-installed</code> na <strong>API compartilhada</strong> com <code>--env={{ $instalacao->slug }}</code> (só muda o env do tenant), sem git pull.
                        Pasta: <code>API_PATH</code> ou <code>GESTAO_API_CRON_BASE_PATH</code> (ex.: <code>/home/waygest/api.waygest.com.br</code>).
                        Equivalente ao terminal no servidor cPanel (PHP 8.3).
                    </p>
                    <ul class="small text-muted mb-3">
                        @foreach($atualizarApiConfig['artisan_commands'] ?? [] as $cmd)
                            <li><code>php artisan {{ $cmd }} --env={{ $instalacao->slug }}</code></li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-listagem btn-listagem--primary" data-toggle="modal" data-target="#modal-atualizar-api-{{ $instalacao->id }}">
                        <i class="fas fa-play" aria-hidden="true"></i>
                        Atualizar API
                    </button>
                    <p class="instalacao-panel-note mt-3 mb-0">
                        Em lote (vários tenants em sequência):
                        <a href="{{ route('instalacoes.atualizar-apis.index') }}">Atualizar APIs (tenants)</a>
                        · Homologação (pasta dedicada):
                        <a href="{{ route('atualizar-api-homologacao.index') }}">Atualizar API Homologação</a>
                    </p>
                </div>
            </div>

            <div class="dashboard-panel mb-4">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-sync-alt" aria-hidden="true"></i>
                        Rotina pós-deploy (este tenant)
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <p class="instalacao-panel-note mb-3">
                        Executa a sequência de cache/clear e migrations na API desta instalação, sem git pull.
                        Equivalente ao terminal, com saída por comando abaixo.
                    </p>
                    <div class="row">
                        <div class="col-md-6">
                            <p class="small font-weight-bold mb-1">Homologação (<code>--env={{ $deployHomologConfig['artisan_env'] ?? 'homologacao' }}</code>)</p>
                            <ul class="small text-muted mb-3">
                                @foreach($deployHomologConfig['artisan_commands'] ?? [] as $cmd)
                                    <li><code>php artisan {{ $cmd }}</code></li>
                                @endforeach
                            </ul>
                            <button type="button" class="btn-listagem btn-listagem--primary" data-toggle="modal" data-target="#modal-rotina-hml-{{ $instalacao->id }}">
                                <i class="fas fa-play" aria-hidden="true"></i>
                                Executar homologação
                            </button>
                        </div>
                        <div class="col-md-6">
                            <p class="small font-weight-bold mb-1 text-danger">Produção (<code>--env={{ $deployProdConfig['artisan_env'] ?? 'producao' }}</code>)</p>
                            <ul class="small text-muted mb-3">
                                @foreach($deployProdConfig['artisan_commands'] ?? [] as $cmd)
                                    <li><code>php artisan {{ $cmd }}</code></li>
                                @endforeach
                            </ul>
                            <button type="button" class="btn-listagem btn-listagem--ghost text-danger" data-toggle="modal" data-target="#modal-rotina-prod-{{ $instalacao->id }}">
                                <i class="fas fa-play" aria-hidden="true"></i>
                                Executar produção
                            </button>
                        </div>
                    </div>
                    <p class="instalacao-panel-note mt-3 mb-0">
                        Deploy em lote (git pull + rotina por tenant):
                        <a href="{{ route('deploy-homologacao.index') }}">Homologação</a>
                        ·
                        <a href="{{ route('deploy-producao.index') }}">Produção</a>
                        · Atualizar APIs (cache/migrate/addons por slug):
                        <a href="{{ route('instalacoes.atualizar-apis.index') }}">tenants em sequência</a>
                        ·
                        <a href="{{ route('atualizar-api-homologacao.index') }}">API Homologação</a>
                    </p>
                </div>
            </div>

            <div class="row mb-4">
                <div class="col-md-6">
                    <div class="dashboard-panel h-100">
                        <div class="dashboard-panel__header">
                            <h2 class="dashboard-panel__title">
                                <i class="fas fa-database" aria-hidden="true"></i>
                                Migrations
                            </h2>
                        </div>
                        <div class="dashboard-panel__body">
                            <p class="instalacao-panel-note">
                                Executa na API, com <code>--env={{ $instalacao->slug }}</code>: optimize:clear, config:clear, cache:clear, config:cache, route:clear e <code>migrate --force</code>.
                            </p>
                            <button type="button" class="btn-listagem btn-listagem--primary" data-toggle="modal" data-target="#modal-migrate-{{ $instalacao->id }}">
                                <i class="fas fa-play" aria-hidden="true"></i>
                                Executar migrations
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="dashboard-panel h-100">
                        <div class="dashboard-panel__header">
                            <h2 class="dashboard-panel__title">
                                <i class="fas fa-seedling" aria-hidden="true"></i>
                                Seeder de produção
                            </h2>
                        </div>
                        <div class="dashboard-panel__body">
                            <p class="instalacao-panel-note">
                                Executa <code>db:seed --force</code> com a classe em <code>GESTAO_INSTALACAO_SEED_CLASS</code>. Pode alterar dados existentes.
                            </p>
                            <button type="button" class="btn-listagem btn-listagem--ghost" data-toggle="modal" data-target="#modal-seed-{{ $instalacao->id }}">
                                <i class="fas fa-play" aria-hidden="true"></i>
                                Executar seeder
                            </button>
                        </div>
                    </div>
                </div>
            </div>

        @endcan
    @elseif(!auth()->user()?->can('gestao-write'))
        <p class="instalacao-panel-note mb-4">
            <i class="fas fa-info-circle" aria-hidden="true"></i>
            Ações de migrations/seeder/deploy exigem papel <code>super_admin</code> (permissão gestao-write).
        </p>
    @endif

    @can('gestao-write')
        <div class="dashboard-panel instalacao-actions-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-cogs" aria-hidden="true"></i>
                    Operações
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <a href="{{ route('instalacoes.web.edit', $instalacao) }}" class="btn-listagem btn-listagem--primary">
                    <i class="fas fa-edit" aria-hidden="true"></i>
                    Editar instalação
                </a>
                @if(!$apiTokenInstalacao)
                    <form action="{{ route('instalacoes.web.gerar-token-api', $instalacao) }}" method="POST" class="d-inline">
                        @csrf
                        <button type="submit" class="btn-listagem btn-listagem--ghost" title="Cria API_TOKEN e atualiza LOGS_GESTAO_* no .env da API">
                            <i class="fas fa-key" aria-hidden="true"></i>
                            Gerar token
                        </button>
                    </form>
                @endif
                <form action="{{ route('instalacoes.web.regenerar-arquivo-env', $instalacao) }}" method="POST" class="d-inline"
                      onsubmit="return confirm('Regenerar env/.env.{{ $instalacao->slug }} na API? O APP_KEY atual é preservado.');">
                    @csrf
                    <button type="submit" class="btn-listagem btn-listagem--ghost" title="Regrava env/.env.{{ $instalacao->slug }} no servidor">
                        <i class="fas fa-file-code" aria-hidden="true"></i>
                        Regenerar .env
                    </button>
                </form>
                <form action="{{ route('instalacoes.web.criar-cname-vercel', $instalacao) }}" method="POST" class="d-inline">
                    @csrf
                    <button type="submit" class="btn-listagem btn-listagem--ghost" title="Cria CNAME no DNS para Vercel">
                        <i class="fas fa-globe" aria-hidden="true"></i>
                        Configurar DNS (CNAME)
                    </button>
                </form>
                <form action="{{ route('instalacoes.web.destroy', $instalacao) }}" method="POST" class="d-inline"
                      onsubmit="return confirm('Tem certeza que deseja deletar esta instalação?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn-listagem btn-listagem--ghost text-danger">
                        <i class="fas fa-trash" aria-hidden="true"></i>
                        Deletar
                    </button>
                </form>
            </div>
        </div>
    @endcan
        </div>
    </div>

    @if($podeExecutarArtisanApi)
        @can('gestao-write')
            @php
                $deployHomologConfig = $deployHomologConfig ?? config('gestao.deploy_homologacao', []);
                $deployProdConfig = $deployProdConfig ?? config('gestao.deploy_producao', []);
            @endphp
            <div class="modal fade" id="modal-atualizar-api-{{ $instalacao->id }}" tabindex="-1" role="dialog" aria-labelledby="modal-atualizar-api-title-{{ $instalacao->id }}" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form action="{{ route('instalacoes.web.executar-atualizar-api', $instalacao) }}" method="POST"
                              onsubmit="var c=document.getElementById('conf-atualizar-api-{{ $instalacao->id }}'); if(!c||!c.checked){ alert('Marque a confirmação para atualizar a API.'); return false;} return true;">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-danger" id="modal-atualizar-api-title-{{ $instalacao->id }}">Atualizar API</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <p class="font-weight-bold text-danger">ATENÇÃO: altera cache e base de dados do tenant <code>{{ $instalacao->slug }}</code>.</p>
                                <p>Executar cache clear, migrate (core) e migrations dos addons instalados com <code>--env={{ $instalacao->slug }}</code> na API desta instalação?</p>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="confirmar_execucao" value="1" id="conf-atualizar-api-{{ $instalacao->id }}">
                                    <label class="form-check-label" for="conf-atualizar-api-{{ $instalacao->id }}">Confirmo a atualização da API desta instalação.</label>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-danger">Executar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="modal-rotina-hml-{{ $instalacao->id }}" tabindex="-1" role="dialog" aria-labelledby="modal-rotina-hml-title-{{ $instalacao->id }}" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form action="{{ route('instalacoes.web.executar-rotina-pos-deploy', $instalacao) }}" method="POST"
                              onsubmit="var c=document.getElementById('conf-rotina-hml-{{ $instalacao->id }}'); if(!c||!c.checked){ alert('Marque a confirmação para executar a rotina.'); return false;} return true;">
                            @csrf
                            <input type="hidden" name="perfil" value="homologacao">
                            <div class="modal-header">
                                <h5 class="modal-title" id="modal-rotina-hml-title-{{ $instalacao->id }}">Rotina pós-deploy — homologação</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <p>Executar cache clear, config:cache e migrations com <code>--env={{ $deployHomologConfig['artisan_env'] ?? 'homologacao' }}</code> nesta instalação?</p>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="confirmar_execucao" value="1" id="conf-rotina-hml-{{ $instalacao->id }}">
                                    <label class="form-check-label" for="conf-rotina-hml-{{ $instalacao->id }}">Confirmo a rotina pós-deploy de homologação.</label>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-warning">Executar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="modal-rotina-prod-{{ $instalacao->id }}" tabindex="-1" role="dialog" aria-labelledby="modal-rotina-prod-title-{{ $instalacao->id }}" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form action="{{ route('instalacoes.web.executar-rotina-pos-deploy', $instalacao) }}" method="POST"
                              onsubmit="var c=document.getElementById('conf-rotina-prod-{{ $instalacao->id }}'); if(!c||!c.checked){ alert('Marque a confirmação para executar a rotina.'); return false;} return true;">
                            @csrf
                            <input type="hidden" name="perfil" value="producao">
                            <div class="modal-header">
                                <h5 class="modal-title text-danger" id="modal-rotina-prod-title-{{ $instalacao->id }}">Rotina pós-deploy — produção</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <p class="font-weight-bold text-danger">ATENÇÃO: ambiente de produção desta instalação.</p>
                                <p>Executar cache clear, config:cache e migrations com <code>--env={{ $deployProdConfig['artisan_env'] ?? 'producao' }}</code>?</p>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="confirmar_execucao" value="1" id="conf-rotina-prod-{{ $instalacao->id }}">
                                    <label class="form-check-label" for="conf-rotina-prod-{{ $instalacao->id }}">Confirmo a rotina pós-deploy de produção.</label>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-danger">Executar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="modal-migrate-{{ $instalacao->id }}" tabindex="-1" role="dialog" aria-labelledby="modal-migrate-title-{{ $instalacao->id }}" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form action="{{ route('instalacoes.web.executar-migrate', $instalacao) }}" method="POST"
                              onsubmit="var cm=document.getElementById('conf-migrate-{{ $instalacao->id }}'); if(!cm||!cm.checked){ alert('Marque a confirmação para executar as migrations.'); return false;} return true;">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title" id="modal-migrate-title-{{ $instalacao->id }}">Confirmar migrations</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <p>Executar rotina de cache + migrations na API com <code>--env={{ $instalacao->slug }}</code>?</p>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="confirmar_execucao" value="1" id="conf-migrate-{{ $instalacao->id }}">
                                    <label class="form-check-label" for="conf-migrate-{{ $instalacao->id }}">Confirmo a execução das migrations pendentes.</label>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-warning">Executar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="modal-seed-{{ $instalacao->id }}" tabindex="-1" role="dialog" aria-labelledby="modal-seed-title-{{ $instalacao->id }}" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form action="{{ route('instalacoes.web.executar-seed-producao', $instalacao) }}" method="POST"
                              onsubmit="var cs=document.getElementById('conf-seed-{{ $instalacao->id }}'); if(!cs||!cs.checked){ alert('Marque a confirmação para executar o seeder de produção.'); return false;} return true;">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-danger" id="modal-seed-title-{{ $instalacao->id }}">Confirmar seeder de produção</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <p class="font-weight-bold">ATENÇÃO: o seeder pode alterar dados na base desta instalação.</p>
                                <p class="small text-muted mb-2">Confirme que está no ambiente certo.</p>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="confirmar_execucao" value="1" id="conf-seed-{{ $instalacao->id }}">
                                    <label class="form-check-label" for="conf-seed-{{ $instalacao->id }}">Confirmo a execução do seeder de produção.</label>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-danger">Executar seeder</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @endcan
    @endif
</div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/adminlte-inter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-colors.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-listagem.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-instalacao-detail.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-formulario.css') }}">
@stop

@section('js')
    @if($apiTokenInstalacao)
        <script>
            (function () {
                var btn = document.getElementById('btn-copiar-api-token');
                var input = document.getElementById('api-token-instalacao');
                if (!btn || !input) return;
                function feedbackCopiado() {
                    var label = btn.innerHTML;
                    btn.innerHTML = '<i class="fas fa-check" aria-hidden="true"></i> Copiado';
                    btn.classList.add('btn-listagem--primary');
                    setTimeout(function () {
                        btn.innerHTML = label;
                        btn.classList.remove('btn-listagem--primary');
                    }, 2000);
                }
                btn.addEventListener('click', function () {
                    var v = input.value;
                    if (navigator.clipboard && navigator.clipboard.writeText) {
                        navigator.clipboard.writeText(v).then(feedbackCopiado).catch(function () {
                            input.select();
                            document.execCommand('copy');
                            feedbackCopiado();
                        });
                    } else {
                        input.select();
                        input.setSelectionRange(0, 99999);
                        document.execCommand('copy');
                        feedbackCopiado();
                    }
                });
            })();
        </script>
    @endif
    <script>
        (function () {
            var tabs = document.getElementById('instalacao-tabs');
            if (!tabs) return;
            tabs.querySelectorAll('a[data-toggle="tab"]').forEach(function (link) {
                link.addEventListener('click', function () {
                    var tabId = (link.getAttribute('href') || '').replace('#tab-', '');
                    if (!tabId) return;
                    var url = new URL(window.location.href);
                    url.searchParams.set('tab', tabId);
                    window.history.replaceState({}, '', url.toString());
                });
            });
        })();
    </script>
@stop