Files
sistema-abogadas-litoral/resources/views/administrador/contenido-asistente-ver-faqs.blade.php
T
2026-06-24 16:21:44 -03:00

239 lines
12 KiB
PHP

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Asistente Virtual - Ver FAQs</title>
<script>
(function () {
const root = document.documentElement;
root.classList.add('sidebar-nav-pending');
const releasePending = function () {
root.classList.remove('sidebar-nav-pending');
};
const timeoutId = window.setTimeout(releasePending, 1200);
if (document.querySelector('.admin-sidebar')) {
window.clearTimeout(timeoutId);
releasePending();
return;
}
const observer = new MutationObserver(function () {
if (!document.querySelector('.admin-sidebar')) {
return;
}
observer.disconnect();
window.clearTimeout(timeoutId);
releasePending();
});
observer.observe(document.documentElement, {
childList: true,
subtree: true,
});
})();
</script>
<style>
@media (min-width: 992px) {
html.sidebar-nav-pending main {
visibility: hidden;
}
}
</style>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body id="top" class="d-flex flex-column min-vh-100 bg-light">
<header class="app-navbar">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="/administrador/dashboard">
<div class="d-flex align-items-center justify-content-center" style="width: 130px; height: 52px;">
<img src="{{ asset('images/logo.png') }}" alt="Logo" class="img-fluid" style="max-height: 70px; width: auto; object-fit: contain;">
</div>
<span class="app-navbar-greeting ms-2">¡Hola, Administrador!</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menuPrincipal" aria-controls="menuPrincipal" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="menuPrincipal">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="btn app-navbar-link" href="/administrador/profesionales">Profesionales</a></li>
<li class="nav-item"><a class="btn app-navbar-link" href="/administrador/dashboard">Mis Datos</a></li>
<li class="nav-item"><a class="btn app-navbar-link" href="/administrador/contenido-web">Contenido</a></li>
<li class="nav-item"><a class="btn app-navbar-link" href="/administrador/emails">Emails</a></li>
<li class="nav-item"><a class="btn app-navbar-link" href="/administrador/logs">Logs</a></li>
<li class="nav-item"><a class="btn app-navbar-link" href="/administrador/fallas">Fallas</a></li>
<li class="nav-item">
<a class="btn app-navbar-link position-relative" href="/administrador/bugs">
Bugs
@if(($bugsPendientesCount ?? 0) > 0)
<span class="position-absolute top-0 start-100 translate-middle p-1 bg-danger rounded-circle">
<span class="visually-hidden">Hay bugs pendientes</span>
</span>
@endif
</a>
</li>
<li class="nav-item"><a class="btn app-navbar-link" href="/administrador/backups">Backup</a></li>
</ul>
<a class="btn app-navbar-link" href="/logout">Cerrar Sesion</a>
</div>
</div>
</nav>
</header>
<main class="container py-4 flex-grow-1">
<h1 class="h4 mb-3">Asistente Virtual</h1>
<ul class="nav nav-tabs mb-4">
<li class="nav-item">
<a href="/administrador/contenido/asistente-virtual/agregar-faq" class="nav-link">Agregar FAQ</a>
</li>
<li class="nav-item">
<a href="/administrador/contenido/asistente-virtual/agregar-chips" class="nav-link">Agregar chips</a>
</li>
<li class="nav-item">
<a href="/administrador/contenido/asistente-virtual/ver-faqs" class="nav-link active" aria-current="page">Ver FAQs</a>
</li>
</ul>
@if(session('admin_action_success'))
<div class="alert alert-success" role="alert">
{{ session('admin_action_success') }}
</div>
@endif
@if($errors->any())
<div class="alert alert-danger" role="alert">
<ul class="mb-0 ps-3">
@foreach($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="card border shadow-sm">
<div class="card-header bg-white d-flex justify-content-between align-items-center">
<h2 class="h5 mb-0">FAQs del asistente</h2>
<a href="/administrador/asistente-consultas" class="btn btn-outline-secondary btn-sm">Consultas sin respuesta</a>
</div>
<div class="card-body border-bottom bg-white">
<form method="GET" action="/administrador/contenido/asistente-virtual/ver-faqs" class="row g-2 align-items-end">
<div class="col-md-6 col-lg-4">
<label for="filtro_intencion" class="form-label mb-1">Filtrar por intención</label>
<input
type="text"
id="filtro_intencion"
name="intencion"
class="form-control"
value="{{ $filtroIntencion ?? '' }}"
maxlength="100"
placeholder="Ej: turnos, ui_error"
>
</div>
<div class="col-md-3 col-lg-2">
<label for="per_page" class="form-label mb-1">Por página</label>
<select id="per_page" name="per_page" class="form-select">
<option value="10" {{ (int) ($perPage ?? 10) === 10 ? 'selected' : '' }}>10</option>
<option value="20" {{ (int) ($perPage ?? 10) === 20 ? 'selected' : '' }}>20</option>
<option value="50" {{ (int) ($perPage ?? 10) === 50 ? 'selected' : '' }}>50</option>
</select>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-outline-primary">Buscar</button>
</div>
@if(!empty($filtroIntencion))
<div class="col-auto">
<a href="/administrador/contenido/asistente-virtual/ver-faqs" class="btn btn-outline-secondary">Limpiar</a>
</div>
@endif
</form>
</div>
<div class="card-body p-0">
<div class="px-3 py-2 border-bottom bg-light small text-muted">
Mostrando {{ $faqsAsistente->firstItem() ?? 0 }} - {{ $faqsAsistente->lastItem() ?? 0 }} de {{ $faqsAsistente->total() }} FAQs
</div>
<div class="table-responsive">
<table class="table table-striped table-hover mb-0 align-middle">
<thead class="table-light">
<tr>
<th>ID</th>
<th>Intención</th>
<th>Palabras clave</th>
<th>Respuesta</th>
<th>Orden</th>
<th>Estado</th>
<th class="text-end">Acciones</th>
</tr>
</thead>
<tbody>
@forelse($faqsAsistente as $faq)
<tr>
<td>{{ $faq->id }}</td>
<td colspan="5">
<form action="/administrador/contenido-web/faqs/{{ $faq->id }}" method="POST" class="row g-2">
@csrf
@method('PUT')
<div class="col-md-3">
<input type="text" name="intencion" class="form-control form-control-sm" value="{{ $faq->intencion }}" maxlength="100" placeholder="Intención">
</div>
<div class="col-md-3">
<input type="text" name="palabras_clave" class="form-control form-control-sm" value="{{ implode(', ', $faq->palabras_clave ?? []) }}" placeholder="Palabras clave">
</div>
<div class="col-md-4">
<input type="text" name="respuesta" class="form-control form-control-sm" value="{{ $faq->respuesta }}" maxlength="5000" required>
</div>
<div class="col-md-1">
<input type="number" name="orden" class="form-control form-control-sm" value="{{ $faq->orden }}" min="0" max="65535" required>
</div>
<div class="col-md-1">
<select name="activo" class="form-select form-select-sm" required>
<option value="1" {{ $faq->activo ? 'selected' : '' }}>Act.</option>
<option value="0" {{ !$faq->activo ? 'selected' : '' }}>Inact.</option>
</select>
</div>
<div class="col-12 d-flex justify-content-end">
<button type="submit" class="btn btn-sm btn-outline-primary">Guardar</button>
</div>
</form>
</td>
<td class="text-end">
<form action="/administrador/contenido-web/faqs/{{ $faq->id }}" method="POST" onsubmit="return confirm('¿Confirmás borrar esta FAQ?');">
@csrf
@method('DELETE')
<button type="submit" class="btn btn-sm btn-outline-danger">Borrar</button>
</form>
</td>
</tr>
@empty
<tr>
<td colspan="7" class="text-center text-muted py-4">No hay FAQs cargadas para el asistente.</td>
</tr>
@endforelse
</tbody>
</table>
</div>
@if($faqsAsistente->hasPages())
<div class="px-3 py-2 border-top bg-white">
{{ $faqsAsistente->links() }}
</div>
@endif
</div>
</div>
</main>
@include('partials.reportar-falla-boton')
</body>
</html>