@extends('layout')

@section('content')
<div class="page-head page-head--rich ai-settings-page-head">
    @include('partials.context-back')
    <div class="t"><div class="eyebrow"><i class="ic sm">smart_toy</i> Configurações</div><h1>Inteligência artificial</h1><p class="lead">Gerencie os provedores do Aurélio interno e dos assistentes das suas soluções.</p></div>
    <div class="actions">
        <a class="btn btn--ghost" href="{{ url('configuracoes') }}"><i class="ic">arrow_back</i> Configurações</a>
    </div>
</div>
@if(session('status'))<div class="flash flash--success">{{ session('status') }}</div>@endif
<form class="card pad-lg form ai-settings-form" method="post" action="{{ url('configuracoes/ia') }}" data-ai-settings data-models-url="{{ url('configuracoes/ia/modelos') }}" data-test-url="{{ url('configuracoes/ia/testar') }}" data-csrf="{{ csrf_token() }}">
    @csrf @method('PUT')
    <div class="profile-form-head"><div><h2>Provedor padrão do OPS</h2><p>O Aurélio interno e as funções gerais usam essa configuração. Assistentes das soluções podem herdar ou sobrescrever provedor e modelo.</p></div><i class="ic lg">neurology</i></div>
    <div class="form-grid">
        <div class="field"><label for="ai-default-provider">Provedor</label><select id="ai-default-provider" name="provider" data-ai-provider>@foreach($providers as $key=>$provider)<option value="{{ $key }}" @selected($defaults['provider']===$key)>{{ $provider['label'] }}</option>@endforeach</select></div>
        <div class="field"><label for="ai-default-model">Modelo padrão</label><select id="ai-default-model" name="model" data-searchable-select data-ai-model data-selected="{{ $defaults['model'] }}" required><option value="{{ $defaults['model'] }}">{{ $defaults['model'] }}</option></select><span class="hint">A lista é consultada no provedor usando a chave mantida no servidor.</span></div>
    </div>
    <div class="ai-provider-grid">
        @foreach($providers as $key=>$provider)
            <section class="card ai-provider-card" data-ai-provider-card="{{ $key }}">
                <div class="ai-provider-card__head"><div><h3>{{ $provider['label'] }}</h3><span class="badge badge--{{ $connections[$key]['configured']?'ok':'muted' }}" data-ai-connection-state>{{ $connections[$key]['source'] }}</span></div><button type="button" class="btn btn--subtle btn--sm" data-ai-test="{{ $key }}"><i class="ic sm">cable</i> Testar conexão</button></div>
                <label class="field"><span>Chave de API</span><input type="password" name="api_keys[{{ $key }}]" autocomplete="new-password" placeholder="{{ $connections[$key]['configured'] ? 'Configurada — informe apenas para substituir' : 'Cole a chave do provedor' }}" spellcheck="false"><span class="hint">Nunca será exibida novamente. @if($connections[$key]['environment']) O <code>.env</code> é usado como fallback. @else A chave atual vem de {{ $connections[$key]['source'] }}. @endif</span></label>
                @if($connections[$key]['source']==='Painel')<label class="check-row ai-provider-clear"><input type="checkbox" name="clear_keys[]" value="{{ $key }}"><span>Remover a chave salva no painel <small>Se existir, a chave do `.env` voltará a ser usada.</small></span></label>@endif
                <p class="hint ai-provider-result" data-ai-test-result="{{ $key }}" role="status" aria-live="polite"></p>
            </section>
        @endforeach
    </div>
    <div class="ai-settings-security"><i class="ic sm">lock</i><span>As chaves inseridas aqui são criptografadas com a chave da aplicação antes de serem gravadas no banco. Nunca as cole em prompts, notas ou logs. Proteja também o arquivo <code>.env</code> e rotacione credenciais compartilhadas.</span></div>
    <div class="form-actions"><button type="submit" class="btn btn--primary"><i class="ic">save</i> Salvar configuração global</button><span class="hint" data-ai-save-status></span></div>
</form>
<section class="ai-usage-section" aria-labelledby="ai-usage-title">
    <div class="profile-form-head"><div><h2 id="ai-usage-title">Consumo e uso da IA</h2><p>Chamadas dos Aurélios e recursos de IA nos últimos 30 dias. A medição começa depois de aplicar a migração.</p></div><i class="ic lg">monitoring</i></div>
    @if(!$usage['available'])
        <div class="card pad-lg ai-usage-empty"><i class="ic">database</i><span>O painel de uso estará disponível depois de aplicar a nova migração no ambiente.</span></div>
    @else
        <div class="ai-usage-summary">
            <article class="card ai-usage-stat"><span>Tokens informados · 30 dias</span><strong>{{ $usage['usage_requests'] ? number_format($usage['total_tokens'], 0, ',', '.') : '—' }}</strong><small>{{ number_format($usage['prompt_tokens'], 0, ',', '.') }} entrada · {{ number_format($usage['completion_tokens'], 0, ',', '.') }} saída · {{ number_format($usage['usage_requests'], 0, ',', '.') }} chamadas com usage</small></article>
            <article class="card ai-usage-stat"><span>Requisições · 30 dias</span><strong>{{ number_format($usage['requests'], 0, ',', '.') }}</strong><small>{{ number_format($usage['failures'], 0, ',', '.') }} chamadas com falha</small></article>
            <article class="card ai-usage-stat"><span>Hoje</span><strong>{{ $usage['today_usage_requests'] ? number_format($usage['today_tokens'], 0, ',', '.') : '—' }} <small>tokens</small></strong><small>{{ number_format($usage['today_requests'], 0, ',', '.') }} requisições · {{ number_format($usage['today_usage_requests'], 0, ',', '.') }} com usage</small></article>
            <article class="card ai-usage-stat"><span>Tokens em cache</span><strong>{{ number_format($usage['cached_tokens'], 0, ',', '.') }}</strong><small>quando informado pelo provedor</small></article>
        </div>
        @if($usage['requests'] === 0)
            <div class="card pad-lg ai-usage-empty"><i class="ic">hourglass_empty</i><span>Ainda não há chamadas registradas. A medição é prospectiva; não recupera consumo anterior.</span></div>
        @else
            <div class="ai-usage-grid">
                <article class="card pad-lg ai-usage-card"><h3>Frequência · últimos 7 dias</h3><div class="ai-usage-chart" role="img" aria-label="Requisições diárias nos últimos sete dias">
                    @php($maxDaily = max(1, max(array_column($usage['daily'], 'requests'))))
                    @foreach($usage['daily'] as $day)@php($barLevel = min(10, max(1, (int) ceil($day['requests'] / $maxDaily * 10))))<div class="ai-usage-chart__day" title="{{ $day['label'] }}: {{ $day['requests'] }} requisições · {{ $day['usage_requests'] ? number_format($day['tokens'], 0, ',', '.') . ' tokens reportados' : 'contagem de tokens não informada' }}"><span class="ai-usage-chart__bar ai-usage-chart__bar--{{ $barLevel }}"></span><small>{{ $day['label'] }}</small></div>@endforeach
                </div></article>
                <article class="card pad-lg ai-usage-card"><h3>Por assistente</h3><div class="ai-usage-scope-list">
                    @foreach(['ops' => 'Aurélio do OPS', 'system' => 'Aurélios das soluções', 'general' => 'Outras funções'] as $scopeKey => $scopeLabel)
                        @php($scope = $usage['scopes']->get($scopeKey))
                        <div><span>{{ $scopeLabel }}</span><strong>{{ number_format((int) ($scope->requests ?? 0), 0, ',', '.') }} chamadas · {{ ($scope?->usage_requests ?? 0) ? number_format((int) $scope->total_tokens, 0, ',', '.') . ' tokens' : 'tokens sem usage' }}</strong></div>
                    @endforeach
                    @foreach($usage['systems'] as $systemUsage)<div class="ai-usage-scope-list__system"><span>{{ $systemUsage['name'] }}</span><strong>{{ number_format((int) ($systemUsage['requests'] ?? 0), 0, ',', '.') }} · {{ ($systemUsage['usage_requests'] ?? 0) ? number_format((int) ($systemUsage['tokens'] ?? 0), 0, ',', '.') . ' tokens' : 'tokens sem usage' }}</strong></div>@endforeach
                </div></article>
            </div>
            <article class="card pad-lg ai-usage-card ai-usage-table-wrap"><h3>Por provedor e modelo</h3><div class="table-wrap"><table class="table ai-usage-table"><thead><tr><th>Provedor</th><th>Modelo</th><th>Chamadas</th><th>Tokens</th><th>Falhas</th></tr></thead><tbody>
                @foreach($usage['providers'] as $row)<tr><td>{{ $providers[$row->provider]['label'] ?? $row->provider }}</td><td><code>{{ $row->model }}</code></td><td>{{ number_format((int) $row->requests, 0, ',', '.') }}</td><td>{{ $row->usage_requests ? number_format((int) $row->total_tokens, 0, ',', '.') : 'Não informado' }}</td><td>{{ number_format((int) $row->failures, 0, ',', '.') }}</td></tr>@endforeach
            </tbody></table></div></article>
        @endif
        <article class="card pad-lg ai-usage-card ai-quota-card"><h3>Cota informada pelo provedor</h3>
            @forelse($usage['quota'] as $sample)
                <div class="ai-quota-row"><strong>{{ $providers[$sample->provider]['label'] ?? $sample->provider }}</strong><span>@if($sample->remaining_tokens !== null){{ number_format((int) $sample->remaining_tokens, 0, ',', '.') }} tokens na janela restantes@if($sample->limit_tokens !== null) de {{ number_format((int) $sample->limit_tokens, 0, ',', '.') }}@endif@endif @if($sample->remaining_tokens !== null && $sample->remaining_requests !== null) · @endif @if($sample->remaining_requests !== null){{ number_format((int) $sample->remaining_requests, 0, ',', '.') }} requisições restantes@if($sample->limit_requests !== null) de {{ number_format((int) $sample->limit_requests, 0, ',', '.') }}@endif@endif</span><small>amostra {{ $sample->created_at?->format('d/m/Y H:i') }}@if($sample->reset_tokens) · janela de tokens: {{ $sample->reset_tokens }}@endif @if($sample->reset_requests) · janela de requisições: {{ $sample->reset_requests }}@endif</small></div>
            @empty
                <p class="muted">Nenhum provedor informou cota restante nas chamadas registradas até agora.</p>
            @endforelse
            <p class="hint">São cabeçalhos da resposta mais recente para os limites operacionais da janela (RPM/TPM), não saldo em tempo real ou créditos. Alguns provedores/modelos podem não devolver contagem de tokens.</p>
        </article>
    @endif
</section>
<section class="card pad-lg ai-settings-note"><div class="profile-form-head"><div><h2>Assistentes das soluções</h2><p>Na edição de cada solução, o Aurélio pode herdar o padrão do OPS ou usar outro provedor e modelo. O prompt, as boas-vindas e a base de conhecimento continuam próprios daquela solução.</p></div><i class="ic lg">hub</i></div><p class="muted">Para trocar um provedor sem interrupção: cadastre e teste a chave, selecione um modelo e salve o padrão global. Depois, se desejar, aplique as configurações nas páginas das soluções.</p></section>
<script src="{{ asset('assets/js/ai-settings.js') }}?v={{ filemtime(public_path('assets/js/ai-settings.js')) }}" defer></script>
@endsection