@extends('v2-cms::layouts.app', ['title' => 'Configurações'])

@section('page-breadcrumbs')
    @include('v2-cms::partials.breadcrumb', ['items' => [
        ['label' => 'Dashboard', 'route' => 'v2.cms.dashboard'],
        ['label' => 'Suporte', 'route' => 'v2.supportconfigs.index'],
        ['label' => 'Configurações'],
    ]])
@endsection

@section('content')
    @if(Sentinel::check() && Sentinel::getUser()->email === config('v2.support.email'))

        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show border-0 shadow-sm mb-4" role="alert">
                <h4 class="alert-heading h6 fw-bold d-flex align-items-center gap-2 mb-2">
                    <i class="bi bi-check-circle-fill"></i> Sucesso!
                </h4>
                <p class="mb-0">{{ session('success') }}</p>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar"></button>
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show border-0 shadow-sm mb-4" role="alert">
                <h4 class="alert-heading h6 fw-bold d-flex align-items-center gap-2 mb-2">
                    <i class="bi bi-x-circle-fill"></i> Erro!
                </h4>
                <p class="mb-0">{{ session('error') }}</p>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar"></button>
            </div>
        @endif

        <div class="row g-4">
            <div class="col-lg-3 col-md-4 col-12">
                <div class="card border-0 shadow-sm mb-4">
                    <div class="card-header bg-light py-3 border-bottom-0">
                        <h3 class="card-title h6 mb-0 fw-bold text-danger d-flex align-items-center gap-2">
                            <i class="bi bi-wrench-adjustable-circle"></i> Operações Restritas
                        </h3>
                    </div>
                    <div class="card-body p-0">
                        <div class="nav flex-column nav-pills" id="support-tabs" role="tablist">
                            <button class="nav-link text-start active py-2.5 px-4 rounded-0 d-flex align-items-center gap-2 border-bottom border-light" id="tab-modulos-tab" data-bs-toggle="pill" data-bs-target="#tab_modulos" type="button" role="tab" aria-controls="tab_modulos" aria-selected="true">
                                <i class="bi bi-puzzle"></i> Módulos (Feature Flags)
                            </button>
                            <button class="nav-link text-start py-2.5 px-4 rounded-0 d-flex align-items-center gap-2 border-bottom border-light" id="tab-manutencao-tab" data-bs-toggle="pill" data-bs-target="#tab_manutencao" type="button" role="tab" aria-controls="tab_manutencao" aria-selected="false">
                                <i class="bi bi-sliders"></i> Sistema & Manutenção
                            </button>
                            <button class="nav-link text-start py-2.5 px-4 rounded-0 d-flex align-items-center gap-2 border-bottom border-light" id="tab-suporte-tab" data-bs-toggle="pill" data-bs-target="#tab_suporte_user" type="button" role="tab" aria-controls="tab_suporte_user" aria-selected="false">
                                <i class="bi bi-people"></i> Suporte de Usuários
                            </button>
                            <button class="nav-link text-start py-2.5 px-4 rounded-0 d-flex align-items-center gap-2" id="tab-logs-tab" data-bs-toggle="pill" data-bs-target="#tab_logs" type="button" role="tab" aria-controls="tab_logs" aria-selected="false">
                                <i class="bi bi-terminal"></i> Visualizador de Logs
                            </button>
                        </div>
                    </div>
                </div>

                {{-- Diagnóstico Rápido --}}
                <div class="card bg-dark text-white border-0 shadow-sm mb-4">
                    <div class="card-header bg-black bg-opacity-25 py-3 border-bottom-0">
                        <h3 class="card-title h6 mb-0 fw-bold d-flex align-items-center gap-2">
                            <i class="bi bi-activity"></i> Diagnóstico
                        </h3>
                    </div>
                    <div class="card-body p-4 pt-0" style="font-size: var(--text-sm);">
                        <dl class="mb-0">
                            <dt class="text-white-50 small text-uppercase">PHP</dt>
                            <dd class="mb-2">{{ $diagnostics['php_version'] }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">Laravel</dt>
                            <dd class="mb-2">{{ $diagnostics['laravel_version'] }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">Ambiente</dt>
                            <dd class="mb-2">{{ $diagnostics['environment'] }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">Debug</dt>
                            <dd class="mb-2">{{ $diagnostics['debug_mode'] ? 'ON' : 'OFF' }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">Cache</dt>
                            <dd class="mb-2">{{ $diagnostics['cache_driver'] }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">Sessão</dt>
                            <dd class="mb-2">{{ $diagnostics['session_driver'] }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">Fila</dt>
                            <dd class="mb-2">{{ $diagnostics['queue_driver'] }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">BD</dt>
                            <dd class="mb-2">{{ $diagnostics['db_driver'] }}: {{ $diagnostics['db_name'] }}</dd>
                            
                            <dt class="text-white-50 small text-uppercase">Último Cron</dt>
                            <dd class="mb-0">{{ $diagnostics['last_cron_run'] }}</dd>
                        </dl>
                    </div>
                    <div class="card-footer bg-black bg-opacity-25 p-3">
                        <form action="{{ route('v2.supportconfigs.clear_cache') }}" method="POST" class="d-grid">
                            {{ csrf_field() }}
                            <button type="submit" class="btn btn-warning btn-sm fw-bold" onclick="return confirm('Limpar cache do sistema?')">
                                <i class="bi bi-eraser-fill"></i> Limpar Cache
                            </button>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-lg-9 col-md-8 col-12">
                <div class="tab-content" id="support-tabs-content">
                    {{-- ==================== ABA 1: MÓDULOS ==================== --}}
                    <div class="tab-pane fade show active" id="tab_modulos" role="tabpanel" aria-labelledby="tab-modulos-tab">
                        @include('v2-supportconfigs::cms.supportConfigs.tabs.modulos')
                    </div>

                    {{-- ==================== ABA 2: SISTEMA & MANUTENÇÃO ==================== --}}
                    <div class="tab-pane fade" id="tab_manutencao" role="tabpanel" aria-labelledby="tab-manutencao-tab">
                        @include('v2-supportconfigs::cms.supportConfigs.tabs.manutencao')
                    </div>

                    {{-- ==================== ABA 3: SUPORTE DE USUÁRIOS ==================== --}}
                    <div class="tab-pane fade" id="tab_suporte_user" role="tabpanel" aria-labelledby="tab-suporte-tab">
                        @include('v2-supportconfigs::cms.supportConfigs.tabs.suporte')
                    </div>

                    {{-- ==================== ABA 4: LOGS ==================== --}}
                    <div class="tab-pane fade" id="tab_logs" role="tabpanel" aria-labelledby="tab-logs-tab">
                        @include('v2-supportconfigs::cms.supportConfigs.tabs.logs')
                    </div>
                </div>
            </div>
        </div>

    @else
        <div class="alert alert-danger p-4 border-0 shadow-sm" role="alert">
            <h4 class="alert-heading h5 fw-bold d-flex align-items-center gap-2"><i class="bi bi-ban"></i> Acesso Negado</h4>
            <p class="mb-0">Você não tem permissão para acessar esta área de infraestrutura. Apenas o usuário de suporte oficial da Máxima Tecnologia pode gerenciar estas configurações.</p>
        </div>
    @endif

    {{-- Activity Footer — auditoria do painel de suporte --}}
    @include('v2-cms::partials.activity-footer', ['model' => null, 'history' => $history ?? null])
@endsection