@include('header_nuevo_generico')
<div class="d-flex flex-column align-items-center justify-content-center" style="height: 60vh;">
    <!-- Título del panel -->
    <div class="text-center mb-4">
        <h1 class="display-4 text-fidelitas">Panel AI</h1>
        <p class="text-muted">Gestione las opciones del sistema AI de manera sencilla y eficiente.</p>
    </div>    
    <!-- Botones en fila centrados -->
    <div class="d-flex justify-content-center gap-4">
        <a class="btn btn-lg btn-outline-fidelitas px-4 py-2 shadow-sm rounded-pill" href="/seccion/prompts">
            <i class="bi bi-robot"></i> Prompts
        </a>
        <a class="btn btn-lg btn-outline-secondary px-4 py-2 shadow-sm rounded-pill" href="/administrador-ia/panel-batch">
            <i class="bi bi-gear"></i> Batch
        </a>
        <a class="btn btn-lg btn-outline-secondary px-4 py-2 shadow-sm rounded-pill" href="/administrador-ia/panel-model">
            <i class="bi bi-gear"></i> Modelos
        </a>        
        <button class="btn btn-lg btn-outline-info px-4 py-2 shadow-sm rounded-pill" disabled>
            <i class="bi bi-cloud"></i> Entrenamiento AI (proximamente)
        </button>
    </div>
</div>