@extends('layouts.app')
@section('title', isset($agentId) ? 'Editar agente' : 'Nuevo agente')
@section('eyebrow', 'Agentes / Configuración')
@section('page-title', isset($agentId) ? 'Editar agente' : 'Nuevo agente')
@section('page-description', 'Define el comportamiento, el modelo y las capacidades del agente.')
@section('page-actions')<a href="{{ route('agents.index') }}" class="btn btn-light">Cancelar</a><button class="btn btn-primary" id="saveAgent"><i class="bi bi-check2 me-2"></i>Guardar cambios</button>@endsection
@section('content')
<div id="agentEditor" data-agent-id="{{ $agentId ?? '' }}">
    <div id="agentEditorAlert" class="alert d-none" role="alert"></div>
    <ul class="nav editor-tabs" role="tablist"><li><button class="active" data-bs-toggle="tab" data-bs-target="#generalTab"><i class="bi bi-sliders"></i>General</button></li><li><button data-bs-toggle="tab" data-bs-target="#promptTab"><i class="bi bi-terminal"></i>Prompt</button></li><li><button data-bs-toggle="tab" data-bs-target="#toolsTab"><i class="bi bi-wrench-adjustable"></i>Tools <span id="toolsTabCount">0</span></button></li></ul>
    <div class="tab-content">
        <div class="tab-pane fade show active" id="generalTab">
            <section class="content-card editor-card"><div class="section-heading"><div><h2>Información general</h2><p>Identidad, configuración LLM y memoria del agente.</p></div><label class="status-switch"><span>Agente activo</span><input class="form-check-input" type="checkbox" id="agentActive" checked></label></div><div class="row g-4"><div class="col-lg-4"><label class="form-label">Nombre corto</label><input id="agentShortName" class="form-control font-monospace" maxlength="64" pattern="[A-Za-z0-9_-]+" placeholder="soporte_cliente" required><div class="form-text">Solo letras, números, guion y guion bajo.</div></div><div class="col-lg-8"><label class="form-label">Nombre del agente</label><input id="agentName" class="form-control" maxlength="100" placeholder="Ej. Asistente de soporte" required></div><div class="col-12"><label class="form-label">Descripción</label><textarea id="agentDescription" class="form-control" rows="3" placeholder="Describe el propósito y alcance del agente"></textarea></div><div class="col-lg-7"><label class="form-label">Configuración LLM</label><select id="agentModel" class="form-select" required><option value="">Cargando catálogo…</option></select><div class="form-text">Solo se muestran configuraciones activas del catálogo de Axynia.</div></div><div class="col-lg-5"><label class="form-label">Estrategia de memoria</label><select id="agentMemoryStrategy" class="form-select"><option value="SLIDING_WINDOW">Ventana deslizante</option><option value="FULL_HISTORY">Historial completo</option><option value="SUMMARY">Resumen acumulativo</option><option value="NONE">Sin memoria</option></select></div></div></section>
        </div>
        <div class="tab-pane fade" id="promptTab"><section class="content-card editor-card"><div class="section-heading"><div><h2>System prompt</h2><p>Instrucciones que definen el rol y los límites del agente.</p></div><span class="prompt-badge"><i class="bi bi-braces"></i> Admite variables</span></div><textarea id="agentPrompt" class="form-control prompt-editor" spellcheck="false" placeholder="Eres un asistente especializado en…"></textarea><div class="prompt-footer"><span><i class="bi bi-info-circle me-1"></i>Usa variables entre llaves dobles para datos dinámicos.</span><span id="promptCount">0 caracteres</span></div></section></div>
        <div class="tab-pane fade" id="toolsTab"><section class="content-card editor-card"><div class="section-heading"><div><h2>Tools conectadas</h2><p>Capacidades externas disponibles para este agente.</p></div><button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#toolModal"><i class="bi bi-plus-lg me-2"></i>Agregar tool</button></div><div id="toolsList"></div></section></div>
    </div>
</div>
@include('agents.partials.tool-modal')
@endsection