File "VerAusentismo.php"
Full Path: C:/wamp64/www/casos_medicos1/views/VerAusentismo.php
File size: 18.82 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Consulta Individual de Ausentismos - <?= htmlspecialchars($hoja['nombre'] ?? '-') ?></title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<style>
/* Color de fondo general */
body {
background-color: #ffffffff;
/* Verde oscuro */
margin: 0;
padding: 0;
}
/* Contenedor principal con fondo blanco y sombra */
.main-content-container {
background-color: #ffffff;
border-radius: 10px;
padding: 0;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
margin: 20px auto;
max-width: 95%;
}
/* Encabezado principal verde oscuro */
.header-ausentismo {
background-color: #2E7D32;
/* Verde sólido */
color: white;
padding: 10px 15px;
border-radius: 8px 8px 0 0;
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 0;
display: flex;
justify-content: space-between;
/* Para alinear el título a la izquierda y el botón a la derecha */
align-items: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header-title {
display: flex;
align-items: center;
}
.header-title i {
font-size: 1.4rem;
margin-right: 8px;
}
/* Estilo del botón "Volver" */
.btn-volver {
background-color: #FFFFFF;
color: #2E7D32;
border: none;
padding: 5px 12px;
font-size: 0.9rem;
font-weight: bold;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
}
.btn-volver:hover {
background-color: #E8F5E9;
/* Verde muy claro al pasar el mouse */
color: #2E7D32;
}
/* Contenedor de datos del paciente, similar a una tarjeta */
.patient-data-card {
background-color: #f8f9fa;
border-radius: 0;
padding: 15px;
margin-bottom: 0;
box-shadow: none;
border-bottom: 1px solid #e0e0e0;
}
.patient-data-card h5 {
margin-bottom: 3px;
}
/* Pestañas de navegación */
.nav-tabs {
border-bottom: 1px solid #dee2e6;
margin-bottom: 0;
padding: 0 15px;
}
.nav-tabs .nav-link {
padding: 8px 15px;
}
.nav-tabs .nav-link.active {
color: #2E7D32;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
/* Contenido de las pestañas */
.tab-content {
background-color: #fff;
border: none;
border-radius: 0 0 8px 8px;
padding: 15px;
box-shadow: none;
}
/* Estilo de la tabla */
.table thead {
background-color: #4CAF50;
color: white;
}
.table thead th {
padding: 8px;
}
</style>
</head>
<body class="p-3">
<div class="main-content-container">
<div class="header-ausentismo">
<div>
<i class="bi bi-file-earmark-medical"></i> Consulta Individual de Ausentismos
</div>
<button class="btn-volver" onclick="history.back()">
<i class="bi bi-arrow-left"></i> Volver
</button>
</div>
<!-- DATOS DEL PACIENTE -->
<div class="patient-data-card">
<div class="d-flex align-items-center">
<i class="bi bi-person-circle h3 me-3 text-secondary"></i>
<div>
<h5><?= htmlspecialchars($ausentismo['nombre'] ?? $hoja['nombre'] ?? '-') ?></h5>
<small class="text-muted">
<strong>Cédula:</strong> <?= htmlspecialchars($cedula) ?> |
<strong>Costo:</strong> <?= htmlspecialchars($ausentismo['ccosto'] ?? '-') ?> |
<strong>Cargo:</strong> <?= htmlspecialchars($ausentismo['cargo'] ?? '-') ?> |
<strong>Teléfono:</strong> <?= htmlspecialchars($ausentismo['telefono'] ?? '-') ?> |
<strong>Correo:</strong> <?= htmlspecialchars($ausentismo['correo'] ?? '-') ?>
</small>
</div>
</div>
</div>
<!-- TABS -->
<ul class="nav nav-tabs">
<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#aus">Ausentismos</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#emo">EMO</a></li>
</ul>
<div class="tab-content">
<!-- TAB 1: AUSENTISMOS -->
<div class="tab-pane fade show active p-3" id="aus">
<div class="d-flex justify-content-between mb-2">
<h6 class="m-0">Ausentismos Registrados</h6>
</div>
<!-- FILTROS -->
<form class="row g-2 mb-3">
<input type="hidden" name="cedula" value="<?= htmlspecialchars($cedula) ?>">
<div class="col-auto">
<input type="date" name="fecha_inicio" class="form-control form-control-sm" value="<?= htmlspecialchars($fecha_inicio) ?>">
</div>
<div class="col-auto">
<input type="date" name="fecha_fin" class="form-control form-control-sm" value="<?= htmlspecialchars($fecha_fin) ?>">
</div>
<div>
<button class="btn btn-sm btn-success" type="submit">
<i class="bi bi-search"></i> Buscar
</button>
<a class="btn btn-sm btn-warning"
href="index.php?url=casosMedicos/ausentismo&cedula=<?= urlencode($cedula) ?>">
<i class="bi bi-plus-circle"></i> Agregar
</a>
<a class="btn btn-sm btn-primary"
href="index.php?url=casosMedicos/historialCasos&cedula=<?= urlencode($cedula) ?>">
<i class="bi bi-collection"></i> Histórico
</a>
</div>
</form>
<div class="table-responsive">
<table class="table table-bordered table-striped table-sm">
<thead>
<tr>
<th>#</th>
<th>Fecha Registro</th>
<th>Fecha Inicio</th>
<th>Fecha Fin</th>
<th>Días</th>
<th>Tipo Incapacidad</th>
<th>EPS</th>
<th>Diagnósticos</th>
<th>Anexos</th>
</tr>
</thead>
<tbody>
<?php if (!empty($listaAusentismos)): ?>
<?php foreach ($listaAusentismos as $row): ?>
<tr>
<td><?= $row['id'] ?></td>
<td><?= $row['fecha_registro'] ?></td>
<td><?= $row['fecha_inicio'] ?></td>
<td><?= $row['fecha_fin'] ?></td>
<td><?= $row['dias'] ?></td>
<td><?= $row['tipo_incapacidad'] ?></td>
<td><?= $row['eps'] ?></td>
<td><?= htmlspecialchars($row['diagnosticos'] ?? '') ?></td>
<td>
<?php
// Anexos posibles
$archivos = [
"certificado" => "Certificado",
"epicrisis" => "Epicrisis",
"furips" => "FURIPS",
"registro_civil" => "Registro Civil"
];
// Verificar si existe al menos un archivo
$hay = false;
foreach ($archivos as $campo => $titulo) {
if (!empty($row[$campo])) {
$hay = true;
break;
}
}
if (!$hay) {
echo "<small class='text-muted'>Sin anexos</small>";
} else {
// ID único por fila
$unique = "anexos_" . intval($row['id']);
?>
<button class="btn btn-sm btn-outline-secondary anexos-toggle"
type="button"
data-bs-toggle="collapse"
data-bs-target="#<?= $unique ?>">
<i class="bi bi-folder2-open icono-anexo"></i> Ver Anexos
</button>
<div class="collapse mt-2" id="<?= $unique ?>">
<div class="anexos-panel">
<div class="panel-head">
<div><strong>Anexos</strong></div>
</div>
<div class="panel-body">
<div class="d-grid gap-1">
<?php foreach ($archivos as $campo => $titulo): ?>
<?php if (!empty($row[$campo])): ?>
<a href="index.php?url=casosMedicos/verAnexo&id=<?= urlencode($row['id']) ?>&campo=<?= urlencode($campo) ?>"
target="_blank"
class="btn btn-sm btn-outline-primary text-start">
<i class="bi bi-file-earmark"></i> <?= htmlspecialchars($titulo) ?>
</a>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
<?php } ?>
</td>
</tr>
<?php endforeach; ?>
<?php else: ?>
<tr>
<td colspan="9" class="text-center text-muted">No hay registros.</td>
</tr>
<?php endif; ?>
</tbody>
</table>
</div>
<!-- PAGINACIÓN -->
<?php if ($total_paginas > 1): ?>
<nav>
<ul class="pagination pagination-sm">
<?php for ($p = 1; $p <= $total_paginas; $p++): ?>
<li class="page-item <?= $p == $pagina_actual ? 'active' : '' ?>">
<a class="page-link" href="?cedula=<?= urlencode($cedula) ?>&fecha_inicio=<?= urlencode($fecha_inicio) ?>&fecha_fin=<?= urlencode($fecha_fin) ?>&pagina=<?= $p ?>">
<?= $p ?>
</a>
</li>
<?php endfor; ?>
</ul>
</nav>
<?php endif; ?>
</div>
<!-- TAB 2: DIAGNOSTICOS (EMO) -->
<div class="tab-pane fade p-3" id="emo">
<div class="d-flex justify-content-between mb-2">
<h6 class="m-0">Diagnósticos Registrados</h6>
<button class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#modalDiag">
➕ Agregar diagnóstico
</button>
</div>
<table class="table table-bordered table-sm">
<thead class="table-success">
<tr>
<th>Fecha</th>
<th>Diagnóstico</th>
<th>Origen</th>
<th>Entidad</th>
<th>Tipo Evento</th>
</tr>
</thead>
<tbody>
<?php if (!empty($diagnosticosPaciente)): ?>
<?php foreach ($diagnosticosPaciente as $d): ?>
<tr>
<td><?= $d['fecha'] ?></td>
<td><?= $d['diagnostico_descripcion'] ?></td>
<td><?= $d['origen'] ?></td>
<td><?= $d['entidad'] ?></td>
<td><?= $d['tipo_evento'] ?></td>
</tr>
<?php endforeach; ?>
<?php else: ?>
<tr>
<td colspan="5" class="text-center text-muted">Sin diagnósticos registrados.</td>
</tr>
<?php endif; ?>
</tbody>
</table>
</div>
</div>
</div>
<!-- MODAL NUEVO DIAGNOSTICO -->
<div class="modal fade" id="modalDiag" tabindex="-1">
<div class="modal-dialog modal-lg">
<form class="modal-content"
method="POST"
action="index.php?url=diagnostico/guardar">
<div class="modal-header bg-success text-white">
<h5 class="modal-title">Agregar Diagnóstico</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<input type="hidden" name="cedula" value="<?= $cedula ?>">
<div class="row g-3">
<div class="col-md-4">
<label class="form-label">Fecha</label>
<input type="datetime-local" name="fecha" class="form-control form-control-sm" required>
</div>
<div class="col-md-8">
<label class="form-label">Diagnóstico</label>
<select name="codigo_diagnostico" class="form-control form-control-sm" required>
<option value="">Seleccione diagnóstico</option>
<?php foreach ($listaDiag as $diag): ?>
<option value="<?= $diag['id'] ?>"><?= $diag['descripcion'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-md-6">
<label class="form-label">Origen</label>
<input type="text" name="origen" class="form-control form-control-sm">
</div>
<div class="col-md-6">
<label class="form-label">Entidad</label>
<select name="entidad" class="form-control form-control-sm">
<option value="EPS">EPS</option>
<option value="ARL">ARL</option>
<option value="MEDICO EMPRESA">Médico Empresa</option>
</select>
</div>
<div class="col-md-6">
<label class="form-label">Tipo de Evento</label>
<select name="tipo_evento" class="form-control form-control-sm">
<option value="AT">AT</option>
<option value="EL">EL</option>
<option value="EC">EC</option>
<option value="ATRANSITO">ATRÁNSITO</option>
</select>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-success btn-sm">Guardar</button>
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancelar</button>
</div>
</form>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>