@extends('adminlte::page')

@section('title', 'Billing — instalações')

@section('content_header')
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-2">
        <div>
            <h1 class="mb-0"><i class="fas fa-file-invoice-dollar"></i> Instalações com billing / PSP</h1>
            <p class="text-muted small mb-0 mt-2">
                Instalações com Stripe ou com <code>psp_customer_id</code> / <code>psp_subscription_id</code> preenchidos.
                <strong>Faturas recentes</strong> e portal de cliente estão na <a href="{{ route('instalacoes.web.index') }}">ficha</a> de cada instalação.
            </p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <a href="{{ route('psp-webhook-events.index') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-plug"></i> Webhooks PSP</a>
            <a href="{{ route('instalacoes.web.index') }}" class="btn btn-secondary btn-sm"><i class="fas fa-server"></i> Todas as instalações</a>
        </div>
    </div>
@stop

@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('instalacoes.billing-overview') }}" class="form-row align-items-end">
                <div class="form-group col-12 col-md-4 mb-2 mb-md-0">
                    <label for="bo-busca">Buscar</label>
                    <input type="text" name="busca" id="bo-busca" class="form-control" value="{{ request('busca') }}"
                           placeholder="Nome, slug ou subdomínio" autocomplete="off">
                </div>
                <div class="form-group col-12 col-sm-6 col-md-2 mb-2 mb-md-0">
                    <label for="bo-status">Status</label>
                    <select name="status" id="bo-status" class="form-control">
                        <option value="">Todos</option>
                        <option value="ativa" @selected(request('status') === 'ativa')>Ativa</option>
                        <option value="inativa" @selected(request('status') === 'inativa')>Inativa</option>
                        <option value="manutencao" @selected(request('status') === 'manutencao')>Manutenção</option>
                        <option value="erro" @selected(request('status') === 'erro')>Erro</option>
                    </select>
                </div>
                <div class="form-group col-12 col-sm-6 col-md-2 mb-2 mb-md-0">
                    <label for="bo-per">Por página</label>
                    <select name="per_page" id="bo-per" class="form-control">
                        @foreach([10, 20, 50] as $n)
                            <option value="{{ $n }}" @selected((int) request('per_page', 20) === $n)>{{ $n }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-12 col-md-4 mb-0">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Filtrar</button>
                    <a href="{{ route('instalacoes.billing-overview') }}" class="btn btn-outline-secondary">Limpar</a>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body table-responsive p-0">
            <table class="table table-striped table-hover mb-0 small">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nome</th>
                        <th>PSP</th>
                        <th>Customer</th>
                        <th>Subscrição</th>
                        <th>Plano</th>
                        <th>Fim período</th>
                        <th>Susp.</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($instalacoes as $inst)
                        <tr>
                            <td>{{ $inst->id }}</td>
                            <td>{{ $inst->nome }}</td>
                            <td><span class="badge badge-light">{{ $inst->psp_provider ?? '—' }}</span></td>
                            <td><code class="small">{{ $inst->psp_customer_id ? \Illuminate\Support\Str::limit($inst->psp_customer_id, 20) : '—' }}</code></td>
                            <td><code class="small">{{ $inst->psp_subscription_id ? \Illuminate\Support\Str::limit($inst->psp_subscription_id, 20) : '—' }}</code></td>
                            <td>{{ $inst->plano_label ?? '—' }}</td>
                            <td>{{ $inst->assinatura_periodo_fim ? $inst->assinatura_periodo_fim->format('d/m/Y') : '—' }}</td>
                            <td>
                                @if($inst->suspensa_comercialmente)
                                    <span class="badge badge-warning">Sim</span>
                                @else
                                    <span class="badge badge-light">Não</span>
                                @endif
                            </td>
                            <td class="text-nowrap">
                                <a href="{{ route('instalacoes.web.show', $inst) }}" class="btn btn-sm btn-primary">Ficha</a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="text-center text-muted py-4">Nenhuma instalação com dados PSP neste critério.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($instalacoes->hasPages())
            <div class="card-footer">{{ $instalacoes->withQueryString()->links() }}</div>
        @endif
    </div>
@stop