<!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="icon" href="favicon.png" type="image/x-icon"><link rel="stylesheet" href="styles.css"></head><body><header class="bg-primary 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 id="content" class="container my-4"><button id="toggleFilters" class="btn btn-primary mb-3">Filtrar solicitudes</button><div id="filtersPanel" class="mb-3"><div class="row mb-3"><div class="col-md-4"><label for="filterEstado" class="form-label">Estado</label><select id="filterEstado" class="form-select"><option value="">Todos</option></select></div><div class="col-md-4"><label for="filterSolicitante" class="form-label">Solicitante</label><select id="filterSolicitante" class="form-select"><option value="">Todos</option></select></div><div class="col-md-4"><label for="filterUnidad" class="form-label">Unidad de Negocio</label><select id="filterUnidad" class="form-select"><option value="">Todos</option></select></div></div><button id="resetFilters" class="btn btn-secondary mb-3">Limpiar Filtros</button></div><div class="row"><div class="col-md-8 table-container"><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">T铆tulo</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></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><script src="scripts.js"></script></body></html>