Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <title>Consulta Individual de Ausentismos - <?= htmlspecialchars($hoja['nombre'] ?? '-') ?></title>

/* 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>

<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>

<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>

<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-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>

<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>
                                            <?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="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>

<?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>

<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>

<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="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 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>

</body>

</html>