@extends('layouts.super-admin')
@section('title','Agentes de clientes')
@section('eyebrow','Configuración IA')
@section('page-title','Agentes')
@section('page-description','Agentes de cada cliente, prompts, modelos asociados y estrategia de memoria.')
@section('page-actions')<button class="btn btn-primary" id="newAdminAgentButton" disabled><i class="bi bi-plus-lg me-2"></i>Nuevo agente</button>@endsection
@section('content')
<div id="agentsAdmin" data-clients-url="{{ route('super-admin.clients') }}">
    <div id="agentsAdminAlert" class="alert d-none" role="alert"></div>
    <section class="client-context-card"><div><i class="bi bi-building"></i><span><strong>Cliente de trabajo</strong><small>Obligatorio para administrar agentes</small></span></div><select class="form-select" id="agentClientSelect"><option value="">Seleccionar ID cliente…</option></select></section>
    <section class="content-card">
        <div class="table-toolbar admin-filters"><div class="search-box"><i class="bi bi-search"></i><input id="adminAgentSearch" type="search" placeholder="Buscar nombre o nombre corto…"></div><div class="d-flex gap-2"><select class="form-select filter-select" id="adminAgentStatusFilter"><option value="">Todos los estados</option><option value="1">Habilitados</option><option value="0">Deshabilitados</option></select><button class="btn btn-light" id="refreshAdminAgents"><i class="bi bi-arrow-clockwise"></i></button></div></div>
        <div class="table-responsive"><table class="table agents-table align-middle mb-0"><thead><tr><th>Agente</th><th>Configuración LLM</th><th>Provider</th><th>Memoria</th><th>Estado</th><th>Actualización</th><th></th></tr></thead><tbody id="adminAgentsBody"><tr><td colspan="7" class="empty-cell"><i class="bi bi-building"></i><strong>Selecciona un cliente</strong><span>El listado requiere un ID de cliente.</span></td></tr></tbody></table></div>
        <div class="table-footer"><span id="adminAgentsSummary">—</span></div>
    </section>
</div>
<div class="modal fade" id="adminAgentModal" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-xl modal-dialog-centered"><div class="modal-content">
    <div class="modal-header border-0"><div><h2 class="modal-title fs-5" id="adminAgentModalTitle">Nuevo agente</h2><p class="modal-subtitle">Configura identidad, prompt, memoria y modelo del agente.</p></div><button class="btn-close" data-bs-dismiss="modal"></button></div>
    <form id="adminAgentForm"><div class="modal-body pt-0"><div class="alert alert-danger d-none" data-form-error></div><ul class="nav editor-tabs mb-4"><li><button type="button" class="active" data-bs-toggle="tab" data-bs-target="#adminAgentGeneral">General</button></li><li><button type="button" data-bs-toggle="tab" data-bs-target="#adminAgentPrompt">System prompt</button></li></ul><div class="tab-content">
        <div class="tab-pane fade show active" id="adminAgentGeneral"><div class="row g-3"><div class="col-md-4"><label class="form-label">Nombre corto</label><input class="form-control font-monospace" name="short_name" maxlength="64" pattern="[A-Za-z0-9_-]+" required></div><div class="col-md-8"><label class="form-label">Nombre</label><input class="form-control" name="name" maxlength="100" required></div><div class="col-12"><label class="form-label">Descripción</label><textarea class="form-control" name="description" rows="3"></textarea></div><div class="col-md-7"><label class="form-label">Configuración LLM habilitada</label><select class="form-select" name="llm_configuration_id" id="agentLlmField" required><option value="">Seleccionar configuración…</option></select></div><div class="col-md-5"><label class="form-label">Estrategia de memoria</label><select class="form-select" name="memory_strategy"><option value="SLIDING_WINDOW">SLIDING_WINDOW</option><option value="FULL_HISTORY">FULL_HISTORY</option><option value="SUMMARY">SUMMARY</option><option value="NONE">NONE</option></select></div><div class="col-12"><div class="form-check form-switch"><input class="form-check-input" type="checkbox" name="enabled" id="adminAgentEnabled" checked><label class="form-check-label" for="adminAgentEnabled">Agente habilitado</label></div></div></div></div>
        <div class="tab-pane fade" id="adminAgentPrompt"><label class="form-label">System prompt</label><textarea class="form-control prompt-editor" name="system_prompt" required placeholder="Sos un agente especializado en…"></textarea><div class="form-text">Campo obligatorio. No se mostrará completo en el listado.</div></div>
    </div></div><div class="modal-footer border-0"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Cancelar</button><button class="btn btn-primary" type="submit"><span class="spinner-border spinner-border-sm me-2 d-none"></span><span data-submit-label>Guardar agente</span></button></div></form>
</div></div></div>
@endsection