@extends('adminlte::page')

@section('title', 'Instalações')

@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');
    $filtroStatus = request('status');
    $resultadoCount = $instalacoes->total();
@endphp

<div class="dashboard-page dashboard-stagger">
    {{-- Hero --}}
    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div>
                <p class="dashboard-hero__eyebrow">Operações</p>
                <h1 class="dashboard-hero__title">
                    Gerenciar <em>instalações</em>
                </h1>
                <p class="dashboard-hero__subtitle">
                    @if($temFiltros ?? false)
                        {{ $resultadoCount }} resultado(s) com os filtros aplicados · {{ $stats['total'] ?? 0 }} no total
                    @else
                        {{ $stats['total'] ?? 0 }} instalação(ões) provisionadas no ecossistema WayGest
                    @endif
                </p>
            </div>
            <div class="dashboard-hero__actions">
                @can('gestao-write')
                    <a href="{{ route('instalacoes.web.create') }}" class="btn-dashboard-hero btn-dashboard-hero--primary">
                        <i class="fas fa-plus" aria-hidden="true"></i>
                        Nova instalação
                    </a>
                @endcan
                <a href="{{ route('instalacoes.atualizar-apis.index') }}" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-sync-alt" aria-hidden="true"></i>
                    Atualizar APIs
                </a>
                <a href="{{ route('instalacoes.billing-overview') }}" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-file-invoice-dollar" aria-hidden="true"></i>
                    Billing
                </a>
            </div>
        </div>
    </section>

    {{-- KPIs / filtros rápidos --}}
    <div class="dashboard-kpi-grid">
        <a href="{{ route('instalacoes.web.index') }}"
           class="dashboard-kpi dashboard-kpi--link {{ empty($filtroStatus) ? 'dashboard-kpi--filter-active' : '' }}">
            <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-server" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['total'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Total</p>
        </a>

        <a href="{{ route('instalacoes.web.index', ['status' => 'ativa']) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroStatus === 'ativa' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--success"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--success">
                    <i class="fas fa-check-circle" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['ativas'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Ativas</p>
        </a>

        <a href="{{ route('instalacoes.web.index', ['status' => 'manutencao']) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroStatus === 'manutencao' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--warning"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--warning">
                    <i class="fas fa-tools" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['manutencao'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Manutenção</p>
        </a>

        <a href="{{ route('instalacoes.web.index', ['status' => 'erro']) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroStatus === 'erro' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--danger"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--danger">
                    <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['erro'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Com erro</p>
        </a>
    </div>

    {{-- Filtros --}}
    <div class="dashboard-panel mb-4">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-filter" aria-hidden="true"></i>
                Filtros e busca
            </h2>
        </div>
        <div class="dashboard-panel__body">
            @if($temFiltros ?? false)
                <div class="listagem-chips">
                    <span class="listagem-chip listagem-chip--muted">Filtros ativos:</span>
                    @if(request('busca'))
                        <a href="{{ request()->fullUrlWithQuery(['busca' => null]) }}" class="listagem-chip">
                            Busca: {{ request('busca') }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    @if(request('status'))
                        <a href="{{ request()->fullUrlWithQuery(['status' => null]) }}" class="listagem-chip">
                            Status: {{ $statusLabels[request('status')] ?? request('status') }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    @if(request('versao'))
                        <a href="{{ request()->fullUrlWithQuery(['versao' => null]) }}" class="listagem-chip">
                            Versão: {{ request('versao') }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    <a href="{{ route('instalacoes.web.index') }}" class="listagem-chip">
                        Limpar todos
                        <i class="fas fa-eraser listagem-chip__remove" aria-hidden="true"></i>
                    </a>
                </div>
            @endif

            <form method="GET" action="{{ route('instalacoes.web.index') }}">
                <div class="listagem-filters">
                    <div class="listagem-filters__field">
                        <label for="filtro-busca-instalacoes">Buscar</label>
                        <input id="filtro-busca-instalacoes" type="search" class="form-control" name="busca"
                               value="{{ request('busca') }}"
                               placeholder="Nome, subdomínio ou slug…"
                               autocomplete="off">
                    </div>
                    <div class="listagem-filters__field">
                        <label for="filtro-status-instalacoes">Status</label>
                        <select id="filtro-status-instalacoes" name="status" class="form-control">
                            <option value="">Todos</option>
                            @foreach($statusLabels as $value => $label)
                                <option value="{{ $value }}" {{ request('status') == $value ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="listagem-filters__field">
                        <label for="filtro-ordenacao-instalacoes">Ordenar por</label>
                        <select id="filtro-ordenacao-instalacoes" name="ordenacao" class="form-control">
                            <option value="created_at" {{ request('ordenacao', 'created_at') == 'created_at' ? 'selected' : '' }}>Data de criação</option>
                            <option value="nome" {{ request('ordenacao') == 'nome' ? 'selected' : '' }}>Nome</option>
                            <option value="status" {{ request('ordenacao') == 'status' ? 'selected' : '' }}>Status</option>
                        </select>
                    </div>
                    <div class="listagem-filters__field">
                        <label for="filtro-direcao-instalacoes">Direção</label>
                        <select id="filtro-direcao-instalacoes" name="direcao" class="form-control">
                            <option value="desc" {{ request('direcao', 'desc') == 'desc' ? 'selected' : '' }}>Decrescente</option>
                            <option value="asc" {{ request('direcao') == 'asc' ? 'selected' : '' }}>Crescente</option>
                        </select>
                    </div>
                    <div class="listagem-filters__actions">
                        <button type="submit" class="btn-listagem btn-listagem--primary">
                            <i class="fas fa-search" aria-hidden="true"></i>
                            Filtrar
                        </button>
                        <a href="{{ route('instalacoes.web.index') }}" class="btn-listagem btn-listagem--ghost">
                            <i class="fas fa-undo" aria-hidden="true"></i>
                            Limpar
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Tabela --}}
    <div class="dashboard-panel">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-list" aria-hidden="true"></i>
                Instalações
            </h2>
            <span class="text-muted small">{{ $resultadoCount }} registro(s)</span>
        </div>

        @if($instalacoes->isNotEmpty())
            <div class="dashboard-panel__body p-0">
                <div class="dashboard-table-wrap">
                    <table class="dashboard-table">
                        <thead>
                            <tr>
                                <th>Instalação</th>
                                <th>Domínio</th>
                                <th>Status</th>
                                <th>Versão</th>
                                <th>Banco</th>
                                <th>Criado em</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($instalacoes as $instalacao)
                                <tr>
                                    <td>
                                        <a href="{{ route('instalacoes.web.show', $instalacao) }}" class="dashboard-table__name text-decoration-none">
                                            {{ $instalacao->nome }}
                                        </a>
                                        <span class="dashboard-table__sub d-block">#{{ $instalacao->id }} · {{ $instalacao->slug }}</span>
                                    </td>
                                    <td>
                                        <a href="https://{{ $instalacao->slug }}.{{ $domainBase }}"
                                           target="_blank"
                                           rel="noopener noreferrer"
                                           class="listagem-domain-link">
                                            {{ $instalacao->slug }}.{{ $domainBase }}
                                            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                                        </a>
                                    </td>
                                    <td>
                                        <span class="dashboard-status dashboard-status--{{ $instalacao->status }}">
                                            {{ $statusLabels[$instalacao->status] ?? ucfirst($instalacao->status) }}
                                        </span>
                                    </td>
                                    <td>{{ $instalacao->versao ?? '—' }}</td>
                                    <td>
                                        <span class="listagem-db-badge" title="{{ $instalacao->database_name }}">
                                            {{ $instalacao->database_name }}
                                        </span>
                                    </td>
                                    <td>{{ $instalacao->created_at->format('d/m/Y H:i') }}</td>
                                    <td>
                                        <div class="listagem-row-actions">
                                            <a href="{{ route('instalacoes.web.show', $instalacao) }}"
                                               class="listagem-row-actions__btn listagem-row-actions__btn--view"
                                               title="Visualizar"
                                               aria-label="Visualizar {{ $instalacao->nome }}">
                                                <i class="fas fa-eye" aria-hidden="true"></i>
                                            </a>
                                            @can('gestao-write')
                                                <a href="{{ route('instalacoes.web.edit', $instalacao) }}"
                                                   class="listagem-row-actions__btn listagem-row-actions__btn--edit"
                                                   title="Editar"
                                                   aria-label="Editar {{ $instalacao->nome }}">
                                                    <i class="fas fa-edit" aria-hidden="true"></i>
                                                </a>
                                                <form method="POST"
                                                      action="{{ route('instalacoes.web.destroy', $instalacao) }}"
                                                      class="d-inline"
                                                      onsubmit="return confirm('Tem certeza que deseja excluir a instalação «{{ $instalacao->nome }}»?')">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit"
                                                            class="listagem-row-actions__btn listagem-row-actions__btn--delete"
                                                            title="Excluir"
                                                            aria-label="Excluir {{ $instalacao->nome }}">
                                                        <i class="fas fa-trash" aria-hidden="true"></i>
                                                    </button>
                                                </form>
                                            @endcan
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if($instalacoes->hasPages())
                    <div class="listagem-pagination">
                        <span>
                            Exibindo {{ $instalacoes->firstItem() }}–{{ $instalacoes->lastItem() }} de {{ $instalacoes->total() }}
                        </span>
                        {{ $instalacoes->links() }}
                    </div>
                @endif
            </div>
        @else
            <div class="dashboard-panel__body">
                <div class="dashboard-empty">
                    <i class="fas fa-server" aria-hidden="true"></i>
                    @if($temFiltros ?? false)
                        <p>Nenhuma instalação encontrada com os filtros aplicados.</p>
                        <a href="{{ route('instalacoes.web.index') }}" class="btn btn-secondary mr-2">
                            Limpar filtros
                        </a>
                    @else
                        <p>Ainda não há instalações registradas.</p>
                    @endif
                    @can('gestao-write')
                        <a href="{{ route('instalacoes.web.create') }}" class="btn btn-primary">
                            <i class="fas fa-plus mr-1" aria-hidden="true"></i>
                            Nova instalação
                        </a>
                    @endcan
                </div>
            </div>
        @endif
    </div>
</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') }}">
@stop