<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Solicitudes RPA</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"><link rel="stylesheet" href="styles.css"></head><body><header class="text-white text-center py-3"><h1>Solicitudes RPA 🛸</h1></header><div id="spinner" class="text-primary"><div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div></div><div class="container mb-3" style="margin-top:20px;display:none" id="buttonContainer"><div class="d-flex justify-content-start"><button id="showTicket" class="btn btn-primary me-3">Tablero solicitudes</button><button id="updateTicket" class="btn btn-primary me-2">Actualizar solicitud</button><a id="createTicket" class="btn btn-primary" href="=https://sancristobal.refined.site/portal/2?createRequest=true&portalId=2&requestTypeId=282">Crear nueva solicitud</a></div></div><div id="content" class="container my-4"><div class="row"><div class="col-md-8 table-container"><button id="toggleFilters" class="btn btn-primary mb-3">Filtrar solicitudes</button><div id="filtersPanel" class="mb-3"><div class="row mb-3 d-flex align-items-center"><div class="col-auto"><label for="filterEstado" class="form-label">Estado</label><select id="filterEstado" class="form-select form-select-sm"><option value="">Todos</option></select></div><div class="col-auto"><label for="filterSolicitante" class="form-label">Solicitante</label><select id="filterSolicitante" class="form-select form-select-sm"><option value="">Todos</option></select></div><div class="col-auto"><label for="filterUnidad" class="form-label">Unidad de Negocio</label><select id="filterUnidad" class="form-select form-select-sm"><option value="">Todos</option></select></div><div class="col-auto"><label for="filterPrioridad" class="form-label">Prioridad</label><select id="filterPrioridad" class="form-select form-select-sm"><option value="">Todas</option></select></div><div class="col-auto"><button id="resetFilters" class="btn btn-secondary mb-3">Limpiar Filtros</button></div></div></div><table class="table table-striped"><thead><tr><th id="idColumn" data-column="id" data-order="asc">Id</th><th id="tituloColumn" data-column="titulo" data-order="asc">Titulo</th><th id="unidadColumn" data-column="unidadNegocio" data-order="asc">Unidad de Negocio</th><th id="solicitanteColumn" data-column="solicitante" data-order="asc">Solicitante</th><th id="estadoColumn" data-column="estado" data-order="asc">Estado</th><th id="prioridadColumn" data-column="prioridad" data-order="asc">Prioridad</th></tr></thead><tbody id="tableBody"></tbody></table><nav class="d-flex justify-content-center"><ul class="pagination"><li class="page-item"><button id="prevPage" class="page-link" disabled="disabled">&laquo; Anterior</button></li><li class="page-item disabled"><span id="pageInfo" class="page-link">Página 1 de 1</span></li><li class="page-item"><button id="nextPage" class="page-link">Siguiente &raquo;</button></li></ul></nav></div></div></div><div class="container mt-5"><div id="updateForm" class="table-container mt-4" style="display:none"><div class="row"><div class="col-md-4"><label for="ticketId" class="form-label">Id Ticket</label><select id="ticketId" class="form-select"><option value="">Seleccione un Ticket</option><option value="1">Ticket 1</option><option value="2">Ticket 2</option><option value="3">Ticket 3</option></select></div><div class="col-md-4"><label for="prioridad" class="form-label">Prioridad</label><select id="prioridad" class="form-select" disabled="disabled"><option value="Alta">Alta</option><option value="Media">Media</option><option value="Baja">Baja</option></select></div><div class="col-md-4"><label for="comentario" class="form-label">Comentario</label><textarea id="comentario" class="form-control" rows="1" disabled="disabled"></textarea></div></div><div class="row mt-3"><div class="col-12 text-center"><button id="btnEnviar" class="btn btn-primary">Enviar</button></div></div></div></div><script src="scripts.js"></script></body></html>