@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-900'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Modelos IA (N8N)'])
    <div class="container-fluid py-4">
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">{{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <h6>Modelos e custos por 1k tokens (USD)</h6>
                        <p class="text-xs text-muted mb-0">Atualize aqui sem precisar alterar código. Usado no Dashboard Chat e no cálculo de custo por mensagem.</p>
                    </div>
                    <div class="col-12 my-3 text-end p-2" style="background:#343741; margin: 0px !important">
                        <a class="btn bg-gradient-dark mb-0 me-4" href="{{ route('n8n_modelos.create') }}"><i class="fa fa-plus text-sm"></i>&nbsp;&nbsp;Adicionar</a>
                    </div>
                    <div class="card-body px-0 pt-0 pb-2">
                        <div class="table-responsive p-0">
                            <table class="table align-items-center mb-0">
                                <thead>
                                    <tr>
                                        <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder p-2">Provedor</th>
                                        <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder p-2">ID / Nome</th>
                                        <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder p-2">Custo entrada (USD/1k)</th>
                                        <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder p-2">Custo saída (USD/1k)</th>
                                        <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder p-2">Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($modelos as $m)
                                        <tr data-url="{{ route('n8n_modelos.edit', $m) }}" style="cursor: pointer;">
                                            <td><p class="text-xs font-weight-bold mb-0 p-2">{{ \App\Models\N8nModelo::PROVIDERS[$m->provider] ?? $m->provider }}</p></td>
                                            <td><p class="text-xs font-weight-bold mb-0 p-2">{{ $m->model_id }}</p><p class="text-xs text-muted mb-0 p-2">{{ $m->label }}</p></td>
                                            <td class="text-center text-sm p-2">{{ number_format($m->custo_input_1k, 6) }}</td>
                                            <td class="text-center text-sm p-2">{{ number_format($m->custo_output_1k, 6) }}</td>
                                            <td class="align-middle text-center text-sm p-2">
                                                <span class="badge badge-sm {{ $m->ativo ? 'bg-gradient-success' : 'bg-gradient-secondary' }} p-2">{{ $m->ativo ? 'Ativo' : 'Inativo' }}</span>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="5" class="text-muted text-center p-4">Nenhum modelo cadastrado. Use o config <code>n8n_models.php</code> ou adicione aqui.</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
<script src="/assets/js/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('tr[data-url]').on('click', function() { window.location.href = $(this).data('url'); });
});
</script>
@endpush