@extends('admin.layouts.app')

@section('title', 'Dashboard')
@section('page-kicker', 'Visao geral')
@section('page-heading', 'Dashboard')

@push('styles')
    <style>
        .dashboard-stat-card {
            border: 0;
            border-radius: 1rem;
            box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
        }

        .dashboard-stat-card .stat-label {
            letter-spacing: 0.08em;
        }

        .dashboard-table td,
        .dashboard-table th {
            vertical-align: middle;
        }
    </style>
@endpush

@section('content')
    @php
        $cardsCadastros = [
            ['rotulo' => 'Sistemas ativos', 'valor' => $metricas['sistemas_ativos'], 'descricao' => 'Sistemas clientes habilitados', 'link' => route('admin.servicos-ia.sistemas.index')],
            ['rotulo' => 'Modelos ativos', 'valor' => $metricas['modelos_ativos'], 'descricao' => 'Modelos disponíveis para execucao', 'link' => route('admin.servicos-ia.modelos.index')],
            ['rotulo' => 'Personas ativas', 'valor' => $metricas['personas_ativas'], 'descricao' => 'Prompts de sistema reutilizaveis', 'link' => route('admin.servicos-ia.personas.index')],
            ['rotulo' => 'Rotas ativas', 'valor' => $metricas['rotas_ativas'], 'descricao' => 'Rotas logicas prontas para consumo', 'link' => route('admin.servicos-ia.rotas.index')],
        ];

        $cardsOperacao = [
            ['rotulo' => 'Conversas', 'valor' => $metricas['total_conversas'], 'descricao' => 'Historico total de conversas', 'link' => route('admin.servicos-ia.conversas.index'), 'tom' => 'primary'],
            ['rotulo' => 'Requisicoes', 'valor' => $metricas['total_requisicoes'], 'descricao' => 'Chamadas processadas pela API', 'link' => route('admin.servicos-ia.requisicoes.index'), 'tom' => 'dark'],
            ['rotulo' => 'Mensagens', 'valor' => $metricas['total_mensagens'], 'descricao' => 'Mensagens armazenadas nas conversas', 'link' => route('admin.servicos-ia.conversas.index'), 'tom' => 'info'],
            ['rotulo' => 'Erros / Sucesso', 'valor' => number_format($metricas['total_erros'], 0, ',', '.') . ' / ' . number_format($metricas['total_sucessos'], 0, ',', '.'), 'descricao' => 'Indicador rapido de operacao', 'link' => route('admin.servicos-ia.requisicoes.index'), 'tom' => 'danger'],
        ];

        $cardsConsumo = [
            ['rotulo' => 'Tokens de entrada', 'valor' => number_format($metricas['tokens_entrada_total'], 0, ',', '.'), 'descricao' => 'Tokens enviados para o provedor'],
            ['rotulo' => 'Tokens de saida', 'valor' => number_format($metricas['tokens_saida_total'], 0, ',', '.'), 'descricao' => 'Tokens retornados pelo provedor'],
            ['rotulo' => 'Tokens gerais', 'valor' => number_format($metricas['tokens_total_geral'], 0, ',', '.'), 'descricao' => 'Soma consolidada de tokens'],
            ['rotulo' => 'Custo estimado', 'valor' => 'R$ ' . number_format($metricas['custo_total_estimado'], 6, ',', '.'), 'descricao' => 'Acumulado estimado das requisicoes'],
        ];
    @endphp

    <div class="card content-card mb-4">
        <div class="card-body p-4">
            <div class="d-flex flex-column flex-xl-row justify-content-between gap-3 align-items-xl-center">
                <div>
                    <h3 class="h5 mb-2">Resumo operacional do Servicos de IA</h3>
                    <p class="text-muted mb-0">
                        Painel inicial para acompanhar cadastros, volume de uso, erros, tokens e custo estimado da operacao.
                    </p>
                </div>

                <div class="d-flex flex-wrap gap-2">
                    <a href="{{ route('admin.servicos-ia.conversas.index') }}" class="btn btn-outline-primary">Abrir conversas</a>
                    <a href="{{ route('admin.servicos-ia.requisicoes.index') }}" class="btn btn-primary">Abrir requisicoes</a>
                </div>
            </div>
        </div>
    </div>

    <section class="mb-4">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <p class="text-uppercase text-primary small fw-semibold mb-1">Cadastros</p>
                <h3 class="h5 mb-0">Entidades principais ativas</h3>
            </div>
        </div>

        <div class="row g-4">
            @foreach ($cardsCadastros as $card)
                <div class="col-md-6 col-xl-3">
                    <a href="{{ $card['link'] }}" class="text-decoration-none text-reset">
                        <div class="card dashboard-stat-card h-100">
                            <div class="card-body p-4">
                                <p class="stat-label text-uppercase small text-primary fw-semibold mb-2">{{ $card['rotulo'] }}</p>
                                <div class="display-6 fw-semibold mb-2">{{ number_format($card['valor'], 0, ',', '.') }}</div>
                                <p class="text-muted mb-0">{{ $card['descricao'] }}</p>
                            </div>
                        </div>
                    </a>
                </div>
            @endforeach
        </div>
    </section>

    <section class="mb-4">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <p class="text-uppercase text-primary small fw-semibold mb-1">Operacao</p>
                <h3 class="h5 mb-0">Fluxo geral da plataforma</h3>
            </div>
        </div>

        <div class="row g-4">
            @foreach ($cardsOperacao as $card)
                <div class="col-md-6 col-xl-3">
                    <a href="{{ $card['link'] }}" class="text-decoration-none text-reset">
                        <div class="card dashboard-stat-card h-100">
                            <div class="card-body p-4">
                                <p class="stat-label text-uppercase small text-{{ $card['tom'] ?? 'primary' }} fw-semibold mb-2">{{ $card['rotulo'] }}</p>
                                <div class="display-6 fw-semibold mb-2">{{ $card['valor'] }}</div>
                                <p class="text-muted mb-0">{{ $card['descricao'] }}</p>
                            </div>
                        </div>
                    </a>
                </div>
            @endforeach
        </div>
    </section>

    <section class="mb-4">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <p class="text-uppercase text-primary small fw-semibold mb-1">Consumo</p>
                <h3 class="h5 mb-0">Tokens e custo estimado</h3>
            </div>
        </div>

        <div class="row g-4">
            @foreach ($cardsConsumo as $card)
                <div class="col-md-6 col-xl-3">
                    <div class="card dashboard-stat-card h-100">
                        <div class="card-body p-4">
                            <p class="stat-label text-uppercase small text-primary fw-semibold mb-2">{{ $card['rotulo'] }}</p>
                            <div class="display-6 fw-semibold mb-2">{{ $card['valor'] }}</div>
                            <p class="text-muted mb-0">{{ $card['descricao'] }}</p>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </section>

    <div class="row g-4">
        <div class="col-xl-6">
            <div class="card content-card h-100">
                <div class="card-body p-4">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div>
                            <h3 class="h5 mb-1">Ultimas conversas</h3>
                            <p class="text-muted small mb-0">Visao rapida das conversas mais recentes.</p>
                        </div>
                        <a href="{{ route('admin.servicos-ia.conversas.index') }}" class="btn btn-sm btn-outline-secondary">Ver todas</a>
                    </div>

                    <div class="table-responsive">
                        <table class="table dashboard-table align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Sistema</th>
                                    <th>Titulo</th>
                                    <th>Status</th>
                                    <th>Mensagens</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($ultimasConversas as $conversa)
                                    <tr>
                                        <td>
                                            <a href="{{ route('admin.servicos-ia.conversas.show', $conversa) }}" class="text-decoration-none fw-semibold">
                                                #{{ $conversa->id }}
                                            </a>
                                        </td>
                                        <td>
                                            <div>{{ optional($conversa->sistema)->nome ?: '-' }}</div>
                                            <div class="small text-muted"><code>{{ optional($conversa->rota)->codigo ?: '-' }}</code></div>
                                        </td>
                                        <td>{{ \Illuminate\Support\Str::limit($conversa->titulo ?: '-', 42) }}</td>
                                        <td>
                                            <span class="badge {{ $conversa->status === 'aberta' ? 'bg-primary-subtle text-primary' : 'bg-secondary-subtle text-secondary' }}">
                                                {{ $conversa->status }}
                                            </span>
                                        </td>
                                        <td>{{ $conversa->mensagens_count }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center py-4 text-muted">Nenhuma conversa registrada.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="card content-card h-100">
                <div class="card-body p-4">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div>
                            <h3 class="h5 mb-1">Ultimas requisicoes</h3>
                            <p class="text-muted small mb-0">Ultimos processamentos realizados pela API.</p>
                        </div>
                        <a href="{{ route('admin.servicos-ia.requisicoes.index') }}" class="btn btn-sm btn-outline-secondary">Ver todas</a>
                    </div>

                    <div class="table-responsive">
                        <table class="table dashboard-table align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Sistema</th>
                                    <th>Rota</th>
                                    <th>Status</th>
                                    <th>HTTP</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($ultimasRequisicoes as $requisicao)
                                    <tr>
                                        <td>
                                            <a href="{{ route('admin.servicos-ia.requisicoes.show', $requisicao) }}" class="text-decoration-none fw-semibold">
                                                #{{ $requisicao->id }}
                                            </a>
                                        </td>
                                        <td>{{ optional($requisicao->sistema)->nome ?: '-' }}</td>
                                        <td>{{ optional($requisicao->rota)->nome ?: '-' }}</td>
                                        <td>
                                            <span class="badge {{ $requisicao->status === 'sucesso' ? 'bg-success-subtle text-success' : ($requisicao->status === 'erro' ? 'bg-danger-subtle text-danger' : 'bg-secondary-subtle text-secondary') }}">
                                                {{ $requisicao->status }}
                                            </span>
                                        </td>
                                        <td>{{ $requisicao->codigo_http ?: '-' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center py-4 text-muted">Nenhuma requisicao registrada.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="card content-card">
                <div class="card-body p-4">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div>
                            <h3 class="h5 mb-1">Ultimas requisicoes com erro</h3>
                            <p class="text-muted small mb-0">Atalho para identificar rapidamente falhas recentes.</p>
                        </div>
                        <a href="{{ route('admin.servicos-ia.requisicoes.index', ['status' => 'erro']) }}" class="btn btn-sm btn-outline-secondary">Filtrar erros</a>
                    </div>

                    <div class="table-responsive">
                        <table class="table dashboard-table align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Sistema</th>
                                    <th>Rota</th>
                                    <th>HTTP</th>
                                    <th>Erro</th>
                                    <th>Quando</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($ultimasRequisicoesErro as $requisicao)
                                    <tr>
                                        <td>
                                            <a href="{{ route('admin.servicos-ia.requisicoes.show', $requisicao) }}" class="text-decoration-none fw-semibold">
                                                #{{ $requisicao->id }}
                                            </a>
                                        </td>
                                        <td>{{ optional($requisicao->sistema)->nome ?: '-' }}</td>
                                        <td>{{ optional($requisicao->rota)->nome ?: '-' }}</td>
                                        <td>{{ $requisicao->codigo_http ?: '-' }}</td>
                                        <td>{{ \Illuminate\Support\Str::limit($requisicao->mensagem_erro ?: '-', 90) }}</td>
                                        <td>{{ optional($requisicao->created_at)->format('d/m/Y H:i') ?: '-' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center py-4 text-muted">Nenhuma requisicao com erro registrada.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection