@extends('admin.layouts.app')

@section('title', 'Detalhe da Requisicao')
@section('page-kicker', 'Servicos de IA')
@section('page-heading', 'Detalhe da Requisicao')

@section('content')
    <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
        <div>
            <h3 class="h5 mb-1">Requisicao #{{ $requisicao->id }}</h3>
            <p class="text-muted mb-0">Visualizacao tecnica da execucao, payloads e resposta do provedor.</p>
        </div>

        <div class="d-flex gap-2">
            @if ($requisicao->conversa_id)
                <a href="{{ route('admin.servicos-ia.conversas.show', $requisicao->conversa_id) }}" class="btn btn-outline-primary">
                    Abrir conversa
                </a>
            @endif
            <a href="{{ route('admin.servicos-ia.requisicoes.index') }}" class="btn btn-outline-secondary">
                Voltar para listagem
            </a>
        </div>
    </div>

    <div class="row g-4 mb-4">
        <div class="col-xl-8">
            <div class="card content-card h-100">
                <div class="card-body p-4">
                    <h4 class="h6 mb-3">Dados principais</h4>
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="small text-muted">Conversa</div>
                            <div class="fw-semibold">
                                @if ($requisicao->conversa_id)
                                    <a href="{{ route('admin.servicos-ia.conversas.show', $requisicao->conversa_id) }}" class="text-decoration-none">
                                        #{{ $requisicao->conversa_id }}
                                    </a>
                                @else
                                    -
                                @endif
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="small text-muted">Sistema</div>
                            <div class="fw-semibold">{{ optional($requisicao->sistema)->nome ?: '-' }}</div>
                            <div class="small text-muted"><code>{{ optional($requisicao->sistema)->codigo ?: '-' }}</code></div>
                        </div>
                        <div class="col-md-4">
                            <div class="small text-muted">Rota</div>
                            <div class="fw-semibold">{{ optional($requisicao->rota)->nome ?: '-' }}</div>
                            <div class="small text-muted"><code>{{ optional($requisicao->rota)->codigo ?: '-' }}</code></div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Modelo</div>
                            <div class="fw-semibold">{{ optional($requisicao->modelo)->nome ?: '-' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Persona</div>
                            <div class="fw-semibold">{{ optional($requisicao->persona)->nome ?: '-' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Tipo</div>
                            <div class="fw-semibold">{{ $requisicao->tipo_requisicao }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Status</div>
                            <div>
                                <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>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Codigo HTTP</div>
                            <div class="fw-semibold">{{ $requisicao->codigo_http ?: '-' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Latencia</div>
                            <div class="fw-semibold">{{ $requisicao->latencia_ms !== null ? $requisicao->latencia_ms . ' ms' : '-' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">ID requisicao provedor</div>
                            <div class="fw-semibold">{{ $requisicao->id_requisicao_provedor ?: '-' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">ID resposta provedor</div>
                            <div class="fw-semibold">{{ $requisicao->id_resposta_provedor ?: '-' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Iniciada em</div>
                            <div class="fw-semibold">{{ optional($requisicao->iniciada_em)->format('d/m/Y H:i:s') ?: '-' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Finalizada em</div>
                            <div class="fw-semibold">{{ optional($requisicao->finalizada_em)->format('d/m/Y H:i:s') ?: '-' }}</div>
                        </div>
                        <div class="col-md-2">
                            <div class="small text-muted">Tokens in</div>
                            <div class="fw-semibold">{{ number_format((int) $requisicao->tokens_entrada, 0, ',', '.') }}</div>
                        </div>
                        <div class="col-md-2">
                            <div class="small text-muted">Tokens out</div>
                            <div class="fw-semibold">{{ number_format((int) $requisicao->tokens_saida, 0, ',', '.') }}</div>
                        </div>
                        <div class="col-md-2">
                            <div class="small text-muted">Tokens total</div>
                            <div class="fw-semibold">{{ number_format((int) $requisicao->tokens_total, 0, ',', '.') }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="small text-muted">Custo estimado</div>
                            <div class="fw-semibold">{{ number_format((float) $requisicao->custo_estimado, 6, '.', ',') }}</div>
                        </div>
                    </div>

                    @if ($requisicao->mensagem_erro)
                        <hr class="my-4">
                        <div class="alert alert-danger mb-0">
                            <div class="fw-semibold mb-1">Mensagem de erro</div>
                            <div>{{ $requisicao->mensagem_erro }}</div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-xl-4">
            <div class="card content-card h-100">
                <div class="card-body p-4">
                    <h4 class="h6 mb-3">Contexto relacionado</h4>
                    <div class="border rounded-3 p-3 mb-3">
                        <div class="small text-muted">Titulo da conversa</div>
                        <div class="fw-semibold">{{ optional($requisicao->conversa)->titulo ?: '-' }}</div>
                    </div>
                    <div class="border rounded-3 p-3 mb-3">
                        <div class="small text-muted">Status da conversa</div>
                        <div class="fw-semibold">{{ optional($requisicao->conversa)->status ?: '-' }}</div>
                    </div>
                    <div class="border rounded-3 p-3">
                        <div class="small text-muted">Chave externa</div>
                        <div class="fw-semibold">{{ optional($requisicao->conversa)->chave_externa ?: '-' }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-xl-6">
            <div class="card content-card">
                <div class="card-body p-4">
                    <h4 class="h6 mb-3">Payload de entrada</h4>
                    @include('admin.servicos-ia.partials.json-viewer', ['data' => $requisicao->payload_entrada_json])
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="card content-card">
                <div class="card-body p-4">
                    <h4 class="h6 mb-3">Payload enviado ao provedor</h4>
                    @include('admin.servicos-ia.partials.json-viewer', ['data' => $requisicao->payload_enviado_provedor_json])
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="card content-card">
                <div class="card-body p-4">
                    <h4 class="h6 mb-3">Payload de resposta do provedor</h4>
                    @include('admin.servicos-ia.partials.json-viewer', ['data' => $requisicao->payload_resposta_provedor_json])
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="card content-card">
                <div class="card-body p-4">
                    <h4 class="h6 mb-3">Resposta em texto</h4>
                    <div class="border rounded-3 p-3 bg-light" style="white-space: pre-wrap;">
                        {{ $requisicao->resposta_texto ?: 'Nenhum texto registrado.' }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if ($requisicao->mensagens->isNotEmpty())
        <div class="card content-card mt-4">
            <div class="card-body p-4">
                <h4 class="h6 mb-3">Mensagens ligadas a esta requisicao</h4>
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Ordem</th>
                                <th>Papel</th>
                                <th>Origem</th>
                                <th>Conteudo</th>
                                <th>Criada em</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($requisicao->mensagens as $mensagem)
                                <tr>
                                    <td>{{ $mensagem->ordem }}</td>
                                    <td>{{ $mensagem->papel }}</td>
                                    <td>{{ $mensagem->origem_criacao ?: '-' }}</td>
                                    <td>{{ \Illuminate\Support\Str::limit($mensagem->conteudo_texto, 180) ?: '-' }}</td>
                                    <td>{{ optional($mensagem->created_at)->format('d/m/Y H:i:s') ?: '-' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
@endsection