<?php
include("conexion.php");
include_once("nomina_helpers.php");
nomina_ensure_cargos_schema($conexion);
session_start();

if (!isset($_SESSION['usuario'])) {
    header('Location: login.php');
    exit;
}

// Inicializa las variables
$persona = null;
$cargos = null;
$carga_familiar = []; // Inicializamos el array para la carga familiar
$documentos = [];
$cedula_busqueda_for_docs = '';
$search_performed = false;

// Debug SQL (poner en false en producción)
$debug_sql = false;

// Normaliza la cédula para permitir búsqueda aunque el usuario escriba v-123 / V123 / 123
function normalizar_cedula($ced) {
    $ced = trim((string)$ced);
    $ced = str_replace([' ', '.'], '', $ced);
    $ced = strtoupper($ced);
    // Si viene tipo V-12345678 -> V12345678
    $ced = str_replace('-', '', $ced);
    return $ced;
}

// Función auxiliar para imprimir fechas con formato seguro
function fmt_date($dateStr) {
    if (empty($dateStr)) return "N/A";
    $ts = strtotime($dateStr);
    if ($ts === false) return "N/A";
    return date('d/m/Y', $ts);
}

// Etiquetas amigables para tipos de documentos
function doc_label($tipo) {
    $map = [
        'CEDULA' => 'Cédula',
        'RIF' => 'RIF',
        'IVSS' => 'IVSS',
        'FAOV' => 'FAOV',
        'CONSTANCIA_TRABAJO_ANTERIOR' => 'Constancia trabajo anterior',
        'CAPACITACION' => 'Capacitación',
        'OTRO' => 'Otro'
    ];
    return $map[$tipo] ?? $tipo;
}

// Devuelve si el archivo es PDF
function is_pdf($path) {
    $ext = strtolower(pathinfo((string)$path, PATHINFO_EXTENSION));
    return $ext === 'pdf';
}


// Si se pasa la cédula por GET, procesar como búsqueda
// Buscar por GET o POST (misma lógica)
$cedula_input = null;
if (isset($_GET['cedula']) && $_GET['cedula'] !== '') {
    $cedula_input = $_GET['cedula'];
}
if ($_SERVER["REQUEST_METHOD"] === "POST" && isset($_POST['cedula']) && $_POST['cedula'] !== '') {
    $cedula_input = $_POST['cedula'];
}

if ($cedula_input !== null) {
    $search_performed = true;

    $cedula_busqueda_for_docs = $cedula_input;

    $ced_norm = normalizar_cedula($cedula_input);
    $ced_digits = preg_replace('/\D+/', '', $ced_norm);

    // OJO: en tu tabla turnos normalmente es (id, nombre). El JOIN anterior fallaba por usar t.turno y t.id_turno.
    $sql = "SELECT p.*, c.cargo, c.salario AS salario_cargo, COALESCE(c.moneda_salario, 'VES') AS moneda_salario_cargo, t.nombre AS nombre_turno
            FROM personas p
            LEFT JOIN cargos c ON p.id_cargo = c.id_cargo
            LEFT JOIN turnos t ON p.id_turno = t.id
            WHERE UPPER(REPLACE(p.cedula,'-','')) = ?
               OR REPLACE(p.cedula,'-','') = ?
               OR p.cedula = ?";

    $stmt = mysqli_prepare($conexion, $sql);
    if (!$stmt) {
        $error_message = "Error preparando consulta.";
        if ($debug_sql) $error_message .= " Detalle: " . mysqli_error($conexion);
    } else {
        mysqli_stmt_bind_param($stmt, 'sss', $ced_norm, $ced_norm, $ced_digits);
        if (!mysqli_stmt_execute($stmt)) {
            $error_message = "Error ejecutando consulta.";
            if ($debug_sql) $error_message .= " Detalle: " . mysqli_stmt_error($stmt);
        } else {
            $resultado = mysqli_stmt_get_result($stmt);
            if ($resultado && mysqli_num_rows($resultado) > 0) {
                $persona = mysqli_fetch_assoc($resultado);

                // Obtener la carga familiar
                $sql_cf = "SELECT * FROM carga_familiar WHERE id_persona = ? ORDER BY parentesco";
                $stmt_cf = mysqli_prepare($conexion, $sql_cf);
                if ($stmt_cf) {
                    $id_persona = (int)$persona['id'];
                    mysqli_stmt_bind_param($stmt_cf, 'i', $id_persona);
                    mysqli_stmt_execute($stmt_cf);
                    $res_cf = mysqli_stmt_get_result($stmt_cf);
                    if ($res_cf) {
                        while ($row = mysqli_fetch_assoc($res_cf)) {
                            $carga_familiar[] = $row;
                        }
                    }
                    mysqli_stmt_close($stmt_cf);
                }
            
                // Obtener documentos del empleado (persona_documentos)
                $sql_docs = "SELECT id, tipo, descripcion, archivo, fecha_carga
                             FROM persona_documentos
                             WHERE persona_id = ?
                             ORDER BY fecha_carga DESC, id DESC";
                $stmt_docs = mysqli_prepare($conexion, $sql_docs);
                if ($stmt_docs) {
                    $id_persona = (int)$persona['id'];
                    mysqli_stmt_bind_param($stmt_docs, 'i', $id_persona);
                    mysqli_stmt_execute($stmt_docs);
                    $res_docs = mysqli_stmt_get_result($stmt_docs);
                    if ($res_docs) {
                        while ($d = mysqli_fetch_assoc($res_docs)) {
                            $documentos[] = $d;
                        }
                    }
                    mysqli_stmt_close($stmt_docs);
                }

} else {
                $error_message = "No se encontró ninguna persona con esa cédula.";
            }
        }
        mysqli_stmt_close($stmt);
    }
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ficha del Personal | Sistema de Talento Humano</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-color: #1a3c8b;
            --secondary-color: #4CAF50;
            --accent-color: #FF9800;
            --light-color: #f8f9fa;
            --dark-color: #2c3e50;
            --gray-light: #f5f7fa;
            --border-color: #e1e5eb;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--gray-light);
            color: var(--dark-color);
            line-height: 1.6;
        }

        .app-container { display: flex; min-height: 100vh; }

        /* Sidebar */
        .sidebar {
            width: 260px;
            background: linear-gradient(180deg, var(--primary-color) 0%, #15326f 100%);
            color: white;
            padding: 0;
            box-shadow: 3px 0 15px rgba(0, 0, 0, 0.1);
            z-index: 100;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
        }

        .sidebar-header {
            padding: 25px 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
        }

        .company-logo {
            width: 70px;
            height: 70px;
            background-color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        .company-logo img { max-width: 50px; max-height: 50px; }

        .company-name { font-size: 1.1rem; font-weight: 600; margin-bottom: 5px; }
        .system-name { font-size: 0.85rem; opacity: 0.9; font-weight: 400; }

        .user-info {
            padding: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
        }

        .user-avatar {
            width: 45px;
            height: 45px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
        }

        .user-avatar i { font-size: 1.2rem; }

        .user-details h4 { font-size: 1rem; font-weight: 600; margin-bottom: 2px; }
        .user-details p { font-size: 0.8rem; opacity: 0.8; }

        .sidebar-menu { padding: 20px 0; }

        .menu-section { margin-bottom: 25px; }

        .menu-title {
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            opacity: 0.7;
            padding: 0 20px 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .menu-item {
            display: flex;
            align-items: center;
            padding: 12px 20px;
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: all 0.3s;
            border-left: 3px solid transparent;
        }

        .menu-item:hover, .menu-item.active {
            background: rgba(255, 255, 255, 0.1);
            color: white;
            border-left-color: var(--accent-color);
        }

        .menu-item i {
            margin-right: 12px;
            width: 20px;
            text-align: center;
            font-size: 1.1rem;
        }

        .logout-item { margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; }

        /* Main Content */
        .main-content { flex: 1; margin-left: 260px; padding: 0; }

        .top-navbar {
            background-color: white;
            padding: 15px 30px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 99;
        }

        .page-title h1 { font-size: 1.5rem; font-weight: 600; color: var(--dark-color); margin: 0; }
        .page-title p { font-size: 0.9rem; color: #666; margin: 5px 0 0; }
        .content-wrapper { padding: 30px; }

        /* Search Card */
        .search-card {
            background: white;
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            margin-bottom: 30px;
            border: 1px solid var(--border-color);
        }

        .search-card h2 {
            color: var(--primary-color);
            margin-bottom: 25px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .search-card h2 i { color: var(--accent-color); }

        .search-form { max-width: 500px; margin: 0 auto; }

        .search-input-group { display: flex; gap: 10px; margin-bottom: 20px; }

        .search-input-group input {
            flex: 1;
            padding: 12px 15px;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            font-size: 1rem;
            transition: all 0.3s;
        }

        .search-input-group input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(26, 60, 139, 0.1);
        }

        .btn-search {
            background: var(--primary-color);
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 8px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .btn-search:hover {
            background: #15326f;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(26, 60, 139, 0.2);
        }

        .btn-return {
            background: #6c757d;
            color: white;
            text-decoration: none;
            padding: 10px 20px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s;
        }

        .btn-return:hover {
            background: #545b62;
            color: white;
            transform: translateY(-2px);
        }

        /* Employee Profile */
        .profile-container {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            margin-bottom: 30px;
            border: 1px solid var(--border-color);
        }

        .profile-header {
            background: linear-gradient(135deg, var(--primary-color), #2a4ca3);
            color: white;
            padding: 30px;
            position: relative;
        }

        .profile-header-content { display: flex; align-items: center; gap: 25px; }

        .profile-photo {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            border: 5px solid rgba(255, 255, 255, 0.3);
            overflow: hidden;
            background: white;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .profile-photo img { width: 100%; height: 100%; object-fit: cover; }

        .profile-photo-placeholder {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f0f0f0;
            color: #999;
            font-size: 3rem;
        }

        .profile-info { flex: 1; }

        .profile-name { font-size: 2rem; font-weight: 700; margin-bottom: 5px; }

        .profile-position { font-size: 1.2rem; opacity: 0.9; margin-bottom: 15px; }

        .profile-meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 15px; }

        .meta-item { display: flex; align-items: center; gap: 8px; }
        .meta-item i { color: var(--accent-color); }

        .print-btn {
            position: absolute;
            top: 30px;
            right: 30px;
            background: rgba(255, 255, 255, 0.2);
            color: white;
            border: 2px solid rgba(255, 255, 255, 0.3);
            padding: 10px 20px;
            border-radius: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s;
        }

        .print-btn:hover { background: white; color: var(--primary-color); }

        /* Profile Sections */
        .profile-section { padding: 30px; border-bottom: 1px solid var(--border-color); }
        .profile-section:last-child { border-bottom: none; }

        .section-title {
            color: var(--primary-color);
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--border-color);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .section-title i { color: var(--accent-color); }

        .info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }

        .info-item { display: flex; flex-direction: column; }

        .info-label { font-weight: 600; color: #666; font-size: 0.9rem; margin-bottom: 5px; }

        .info-value {
            font-size: 1rem;
            color: var(--dark-color);
            padding: 8px 12px;
            background: #f8f9fa;
            border-radius: 6px;
            border-left: 4px solid var(--primary-color);
        }

        /* Family Table */
        .family-table-container { overflow-x: auto; }

        .family-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        .family-table th {
            background: #f8f9fa;
            color: var(--primary-color);
            font-weight: 600;
            padding: 15px;
            text-align: left;
            border-bottom: 2px solid var(--border-color);
        }

        .family-table td { padding: 15px; border-bottom: 1px solid var(--border-color); }
        .family-table tr:hover { background: #f8f9fa; }

        .no-data { text-align: center; padding: 40px; color: #666; }
        .no-data i { font-size: 3rem; margin-bottom: 15px; color: #ddd; }

        /* Print Styles */
        @media print {
            .sidebar, .top-navbar, .search-card, .print-btn, .btn-return { display: none !important; }

            .main-content { margin-left: 0 !important; padding: 0 !important; }
            .content-wrapper { padding: 0 !important; }
            .profile-container { box-shadow: none !important; border: none !important; }
            .profile-header { background: #333 !important; color: #000 !important; }
            .info-value { background: transparent !important; border: 1px solid #ddd !important; }
            body { background: white !important; color: black !important; }
        }

        /* Responsive */
        @media (max-width: 992px) {
            .sidebar { width: 70px; overflow: visible; }
            .sidebar-header, .company-name, .system-name, .user-details, .menu-title, .menu-item span { display: none; }
            .company-logo { width: 40px; height: 40px; margin-bottom: 0; }
            .company-logo img { max-width: 25px; max-height: 25px; }
            .user-info { justify-content: center; padding: 15px 10px; }
            .user-avatar { margin-right: 0; }
            .menu-item { justify-content: center; padding: 15px 10px; }
            .menu-item i { margin-right: 0; font-size: 1.3rem; }
            .main-content { margin-left: 70px; }
        }

        @media (max-width: 768px) {
            .top-navbar { flex-direction: column; align-items: flex-start; gap: 15px; padding: 15px 20px; }
            .content-wrapper { padding: 20px 15px; }
            .profile-header-content { flex-direction: column; text-align: center; }
            .profile-photo { width: 120px; height: 120px; }
            .profile-name { font-size: 1.5rem; }
            .profile-position { font-size: 1rem; }
            .profile-meta { justify-content: center; }
            .info-grid { grid-template-columns: 1fr; }
            .print-btn { position: relative; top: 0; right: 0; margin-top: 15px; }
            .search-input-group { flex-direction: column; }
        }

        /* Custom scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; }
        ::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }
    </style>
</head>
<body>
<div class="app-container">
    <!-- Sidebar -->
    <aside class="sidebar">
        <div class="sidebar-header">
            <div class="company-logo">
                <i class="fas fa-building" style="color: var(--primary-color); font-size: 1.8rem;"></i>
            </div>
            <div class="company-name">Distribuidora Riga0803 C.A.</div>
            <div class="system-name">Sistema de Talento Humano</div>
        </div>

        <div class="user-info">
            <div class="user-avatar">
                <i class="fas fa-user-circle"></i>
            </div>
            <div class="user-details">
                <h4><?php echo $_SESSION['usuario']; ?></h4>
                <p><?php echo ucfirst($_SESSION['rol']); ?></p>
            </div>
        </div>

        <nav class="sidebar-menu">
            <div class="menu-section">
                <div class="menu-title">Principal</div>
                <a href="index.php" class="menu-item">
                    <i class="fas fa-users"></i>
                    <span>Personal</span>
                </a>
                <a href="ficha.php" class="menu-item active">
                    <i class="fas fa-id-card"></i>
                    <span>Fichas</span>
                </a>
            </div>

            <div class="menu-section">
                <div class="menu-title">Módulos</div>
                <a href="turnos.php" class="menu-item">
                    <i class="fas fa-clock"></i>
                    <span>Turnos</span>
                </a>
                <a href="cargos.php" class="menu-item">
                    <i class="fas fa-briefcase"></i>
                    <span>Cargos</span>
                </a>
                <a href="carga_familiar.php" class="menu-item">
                    <i class="fas fa-family"></i>
                    <span>Carga Familiar</span>
                </a>
            </div>

            <div class="menu-section">
                <div class="menu-title">Reportes</div>
                <a href="include/reportico/index.php" class="menu-item">
                    <i class="fas fa-chart-bar"></i>
                    <span>Reportes</span>
                </a>
            </div>

            <div class="menu-section logout-item">
                <a href="logout.php" class="menu-item">
                    <i class="fas fa-sign-out-alt"></i>
                    <span>Cerrar Sesión</span>
                </a>
            </div>
        </nav>
    </aside>

    <!-- Main Content -->
    <main class="main-content">
        <!-- Top Navbar -->
        <header class="top-navbar">
            <div class="page-title">
                <h1>Ficha del Personal</h1>
                <p>Consulta de información completa del empleado</p>
            </div>
        </header>

        <!-- Content Area -->
        <div class="content-wrapper">
            <!-- Search Card -->
            <div class="search-card">
                <h2><i class="fas fa-search"></i> Buscar Empleado por Cédula</h2>
                <form action="" method="post" class="search-form">
                    <div class="search-input-group">
                        <input type="text" name="cedula" id="cedula" placeholder="Ingrese el número de cédula" required
                               value="<?php echo isset($_POST['cedula']) ? htmlspecialchars($_POST['cedula']) : (isset($_GET['cedula']) ? htmlspecialchars($_GET['cedula']) : ''); ?>">
                        <button type="submit" class="btn-search">
                            <i class="fas fa-search"></i> Buscar
                        </button>
                    </div>
                    <?php if (isset($error_message)): ?>
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="fas fa-exclamation-circle"></i> <?php echo $error_message; ?>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    <?php endif; ?>

                    <?php
                        // Mensajes de documentos (documentos_accion.php)
                        $ok = $_GET['ok'] ?? '';
                        $err = $_GET['err'] ?? '';
                        if ($ok === 'doc') {
                            echo '<div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <i class="fas fa-check-circle"></i> Documento cargado correctamente.
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                  </div>';
                        } elseif ($ok === 'del') {
                            echo '<div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <i class="fas fa-check-circle"></i> Documento eliminado correctamente.
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                  </div>';
                        }

                        if ($err !== '') {
                            $msg = 'Ocurrió un error procesando el documento.';
                            if ($err === 'persona') $msg = 'Error: persona inválida.';
                            elseif ($err === 'tipo') $msg = 'Error: tipo de documento inválido.';
                            elseif ($err === 'archivo') $msg = 'Error: debe seleccionar un archivo válido.';
                            elseif ($err === 'tamano') $msg = 'Error: el archivo excede el tamaño máximo permitido.';
                            elseif ($err === 'ext') $msg = 'Error: formato no permitido (solo PDF/JPG/PNG).';
                            elseif ($err === 'move') $msg = 'Error: no se pudo guardar el archivo en el servidor.';
                            elseif ($err === 'doc') $msg = 'Error: documento inválido.';
                            echo '<div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <i class="fas fa-exclamation-circle"></i> ' . htmlspecialchars($msg) . '
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                  </div>';
                        }
                    ?>

                    <a href="index.php" class="btn-return">
                        <i class="fas fa-arrow-left"></i> Volver al Dashboard
                    </a>
                </form>
            </div>

            <?php if ($persona): ?>
                <!-- Employee Profile -->
                <div class="profile-container">
                    <!-- Profile Header -->
                    <div class="profile-header">
                        <div class="profile-header-content">
                            <div class="profile-photo">
                                <?php if (!empty($persona["foto"])): ?>
                                    <img src="<?php echo htmlspecialchars($persona["foto"]); ?>" alt="Foto de <?php echo htmlspecialchars($persona['nombre']); ?>">
                                <?php else: ?>
                                    <div class="profile-photo-placeholder">
                                        <i class="fas fa-user"></i>
                                    </div>
                                <?php endif; ?>
                            </div>
                            <div class="profile-info">
                                <h1 class="profile-name"><?php echo htmlspecialchars($persona["nombre"]) . " " . htmlspecialchars($persona["apellido"]); ?></h1>
                                <div class="profile-position"><?php echo htmlspecialchars($persona["cargo"] ?? "Sin cargo asignado"); ?></div>
                                <div class="profile-meta">
                                    <div class="meta-item">
                                        <i class="fas fa-id-card"></i>
                                        <span>Cédula: <?php echo htmlspecialchars($persona["cedula"]); ?></span>
                                    </div>
                                    <div class="meta-item">
                                        <i class="fas fa-briefcase"></i>
                                        <span>Turno: <?php echo htmlspecialchars($persona["nombre_turno"] ?? "No asignado"); ?></span>
                                    </div>
                                    <div class="meta-item">
                                        <i class="fas fa-calendar-alt"></i>
                                        <span>Ingreso: <?php echo fmt_date($persona["fecha_ingreso"] ?? null); ?></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button onclick="window.print();" class="print-btn">
                            <i class="fas fa-print"></i> Imprimir Ficha
                        </button>
                    </div>

                    <!-- Personal Information -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-user"></i> Información Personal</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Fecha de Nacimiento</span>
                                <span class="info-value"><?php echo fmt_date($persona["fecha_nacimiento"] ?? null); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Edad</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["edad"] ?? "N/A"); ?> años</span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Sexo</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["sexo"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Estado Civil</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["estado_civil"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Nacionalidad</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["nacionalidad"] ?? "N/A"); ?></span>
                            </div>
                        </div>
                    </div>

                    <!-- Contact Information -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-address-book"></i> Información de Contacto</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Dirección</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["direccion"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Teléfono</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["telefono"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Teléfono Celular</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["telefono_celular"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Correo Electrónico</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["correo_electronico"] ?? "N/A"); ?></span>
                            </div>
                        </div>
                    </div>

                    <!-- NEW: Emergency / Condition -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-first-aid"></i> Emergencia y Condición</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Teléfono de Emergencia</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["telefono_emergencia"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Diestro / Zurdo</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["diestro_zurdo"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Discapacidad</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["discapacidad"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Detalle Discapacidad</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["discapacidad_detalle"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Certificado Discapacidad</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["certificado_discapacidad"] ?? "N/A"); ?></span>
                            </div>
                        </div>
                    </div>

                    <!-- Address Details -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-home"></i> Detalles de Dirección</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Estado</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["estado"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Ciudad</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["ciudad"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Municipio</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["municipio"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Código Postal</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["codigo_postal"] ?? "N/A"); ?></span>
                            </div>
                        </div>
                    </div>

                    <!-- Bank Information -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-university"></i> Información Bancaria</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Tiene Cuenta Bancaria</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["tiene_cuenta_bancaria"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Banco</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["banco"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Número de Cuenta</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["numero_cuenta"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Tipo de Cuenta</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["tipo_cuenta"] ?? "N/A"); ?></span>
                            </div>
                        </div>
                    </div>

                    <!-- NEW: Work Information -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-briefcase"></i> Información Laboral</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Estatus Laboral</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["estatus_laboral"] ?? "N/A"); ?></span>
                            </div>

                            <div class="info-item">
                                <span class="info-label">Tipo de Contrato</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["tipo_contrato"] ?? "N/A"); ?></span>
                            </div>

                            <div class="info-item">
                                <span class="info-label">Fecha de Ingreso</span>
                                <span class="info-value"><?php echo fmt_date($persona["fecha_ingreso"] ?? null); ?></span>
                            </div>

                            <div class="info-item">
                                <span class="info-label">Fecha de Egreso</span>
                                <span class="info-value"><?php echo fmt_date($persona["fecha_egreso"] ?? null); ?></span>
                            </div>

                            <div class="info-item">
                                <span class="info-label">Cargo</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["cargo"] ?? "N/A"); ?></span>
                            </div>

                            <div class="info-item">
                                <span class="info-label">Departamento</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["departamento"] ?? "N/A"); ?></span>
                            </div>

                            <div class="info-item">
                                <span class="info-label">Área</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["area"] ?? "N/A"); ?></span>
                            </div>

                            <div class="info-item">
                                <span class="info-label">Salario Base</span>
                                <span class="info-value">
                                    <?php
                                      $salarioInfo = nomina_get_effective_salary_info($persona);
                                      $salFmt = number_format((float)$salarioInfo['amount'], 2, ',', '.');
                                      $prefijoSal = ($salarioInfo['currency'] === 'USD') ? 'USD ' : 'VES ';
                                      $origenSal = ($salarioInfo['source'] === 'PERSONA') ? 'definido en la ficha del trabajador' : 'heredado desde el cargo';
                                      echo ($salarioInfo['amount'] > 0 ? $prefijoSal . $salFmt : 'N/A');
                                      if ($salarioInfo['amount'] > 0) {
                                          echo '<br><small style="color:#666;">' . h($origenSal) . ($salarioInfo['currency'] === 'USD' ? '. Se indexa a Bs al calcular la nómina.' : '. Se maneja como VES fijo.') . '</small>';
                                      }
                                    ?>
                                </span>
                            </div>
                        </div>
                    </div>

                    <!-- Education and Skills -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-graduation-cap"></i> Educación y Habilidades</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Nivel de Educación</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["nivel_educacion"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Profesión</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["profesion"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Idioma Extranjero</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["idioma_extranjero"] ?? "N/A"); ?></span>
                            </div>
                        </div>
                    </div>

                    <!-- Additional Information -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-info-circle"></i> Información Adicional</h3>
                        <div class="info-grid">
                            <div class="info-item">
                                <span class="info-label">Número RIF</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["numero_rif"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Maneja Vehículo</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["maneja"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Talla Camisa</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["talla_camisa"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Talla Pantalón</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["talla_pantalon"] ?? "N/A"); ?></span>
                            </div>
                            <div class="info-item">
                                <span class="info-label">Número de Calzado</span>
                                <span class="info-value"><?php echo htmlspecialchars($persona["numero_calzado"] ?? "N/A"); ?></span>
                            </div>
                        </div>
                    </div>

                    <!-- Family Information -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-users"></i> Carga Familiar</h3>
                        <?php if (!empty($carga_familiar)): ?>
                            <div class="family-table-container">
                                <table class="family-table">
                                    <thead>
                                        <tr>
                                            <th>Nombre</th>
                                            <th>Apellido</th>
                                            <th>Cédula</th>
                                            <th>Edad</th>
                                            <th>Parentesco</th>
                                            <th>Fecha Nacimiento</th>
                                            <th>Sexo</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <?php foreach ($carga_familiar as $carga): ?>
                                        <tr>
                                            <td><?php echo htmlspecialchars($carga["nombre"]); ?></td>
                                            <td><?php echo htmlspecialchars($carga["apellido"]); ?></td>
                                            <td><?php echo htmlspecialchars($carga["cedula"]); ?></td>
                                            <td><?php echo htmlspecialchars($carga["edad"]); ?></td>
                                            <td><span class="badge badge-primary"><?php echo htmlspecialchars($carga["parentesco"]); ?></span></td>
                                            <td><?php echo fmt_date($carga["fecha_nacimiento"] ?? null); ?></td>
                                            <td><?php echo htmlspecialchars($carga["sexo"]); ?></td>
                                        </tr>
                                    <?php endforeach; ?>
                                    </tbody>
                                </table>
                            </div>
                        <?php else: ?>
                            <div class="no-data">
                                <i class="fas fa-user-friends"></i>
                                <p>No se encontraron registros de carga familiar.</p>
                            </div>
                        <?php endif; ?>
                    </div>

                    <!-- Documents -->
                    <div class="profile-section">
                        <h3 class="section-title"><i class="fas fa-folder-open"></i> Documentos</h3>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="card mb-3" style="border:1px solid var(--border-color); border-radius:12px;">
                                    <div class="card-body">
                                        <h5 class="card-title" style="color: var(--primary-color); font-weight:600;">
                                            <i class="fas fa-upload" style="color: var(--accent-color);"></i> Cargar documento
                                        </h5>

                                        <form action="documentos_accion.php" method="post" enctype="multipart/form-data">
                                            <input type="hidden" name="accion" value="subir">
                                            <input type="hidden" name="persona_id" value="<?php echo (int)$persona['id']; ?>">
                                            <input type="hidden" name="cedula_busqueda" value="<?php echo htmlspecialchars($cedula_busqueda_for_docs); ?>">

                                            <div class="form-group">
                                                <label for="tipo_doc">Tipo</label>
                                                <select name="tipo" id="tipo_doc" class="form-control" required>
                                                    <option value="">Seleccione...</option>
                                                    <option value="CEDULA">Cédula</option>
                                                    <option value="RIF">RIF</option>
                                                    <option value="IVSS">IVSS</option>
                                                    <option value="FAOV">FAOV</option>
                                                    <option value="CONSTANCIA_TRABAJO_ANTERIOR">Constancia trabajo anterior</option>
                                                    <option value="CAPACITACION">Capacitación</option>
                                                    <option value="OTRO">Otro</option>
                                                </select>
                                            </div>

                                            <div class="form-group">
                                                <label for="desc_doc">Descripción (opcional)</label>
                                                <input type="text" name="descripcion" id="desc_doc" class="form-control" maxlength="255" placeholder="Ej: Constancia IVSS actualizada">
                                            </div>

                                            <div class="form-group">
                                                <label for="archivo_doc">Archivo (PDF/JPG/PNG)</label>
                                                <input type="file" name="archivo" id="archivo_doc" class="form-control" accept=".pdf,.jpg,.jpeg,.png" required>
                                                <small class="form-text text-muted">Tamaño máximo recomendado: 8MB.</small>
                                            </div>

                                            <button type="submit" class="btn btn-primary" style="background: var(--primary-color); border:none;">
                                                <i class="fas fa-save"></i> Guardar
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="card mb-3" style="border:1px solid var(--border-color); border-radius:12px;">
                                    <div class="card-body">
                                        <h5 class="card-title" style="color: var(--primary-color); font-weight:600;">
                                            <i class="fas fa-list" style="color: var(--accent-color);"></i> Documentos cargados
                                        </h5>

                                        <?php if (!empty($documentos)): ?>
                                            <div class="family-table-container">
                                                <table class="family-table">
                                                    <thead>
                                                        <tr>
                                                            <th>Tipo</th>
                                                            <th>Descripción</th>
                                                            <th>Fecha</th>
                                                            <th>Archivo</th>
                                                            <th style="width:120px;">Acciones</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    <?php foreach ($documentos as $doc): ?>
                                                        <tr>
                                                            <td>
                                                                <span class="badge badge-info">
                                                                    <?php echo htmlspecialchars(doc_label($doc['tipo'])); ?>
                                                                </span>
                                                            </td>
                                                            <td><?php echo htmlspecialchars($doc['descripcion'] ?? ''); ?></td>
                                                            <td><?php echo fmt_date($doc['fecha_carga'] ?? null); ?></td>
                                                            <td>
                                                                <?php if (!empty($doc['archivo'])): ?>
                                                                    <a href="<?php echo htmlspecialchars($doc['archivo']); ?>" target="_blank" rel="noopener">
                                                                        <i class="fas <?php echo is_pdf($doc['archivo']) ? 'fa-file-pdf' : 'fa-file-image'; ?>"></i>
                                                                        Ver
                                                                    </a>
                                                                <?php else: ?>
                                                                    N/A
                                                                <?php endif; ?>
                                                            </td>
                                                            <td>
                                                                <form action="documentos_accion.php" method="post" onsubmit="return confirm('¿Eliminar este documento?');" style="display:inline;">
                                                                    <input type="hidden" name="accion" value="eliminar">
                                                                    <input type="hidden" name="persona_id" value="<?php echo (int)$persona['id']; ?>">
                                                                    <input type="hidden" name="doc_id" value="<?php echo (int)$doc['id']; ?>">
                                                                    <input type="hidden" name="cedula_busqueda" value="<?php echo htmlspecialchars($cedula_busqueda_for_docs); ?>">
                                                                    <button type="submit" class="btn btn-sm btn-danger">
                                                                        <i class="fas fa-trash"></i>
                                                                    </button>
                                                                </form>
                                                            </td>
                                                        </tr>
                                                    <?php endforeach; ?>
                                                    </tbody>
                                                </table>
                                            </div>
                                        <?php else: ?>
                                            <div class="no-data" style="padding:25px;">
                                                <i class="fas fa-folder-open"></i>
                                                <p>No hay documentos cargados.</p>
                                            </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            <?php elseif ($search_performed): ?>
                <div class="no-data">
                    <i class="fas fa-search"></i>
                    <h3>No se encontraron resultados</h3>
                    <p>Verifique el número de cédula e intente nuevamente.</p>
                </div>
            <?php endif; ?>
        </div>
    </main>
</div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('cedula')?.focus();

    document.body.style.opacity = '0';
    setTimeout(() => {
        document.body.style.transition = 'opacity 0.3s';
        document.body.style.opacity = '1';
    }, 50);

    const searchForm = document.querySelector('.search-form');
    if (searchForm) {
        searchForm.addEventListener('submit', function(e) {
            const cedulaInput = document.getElementById('cedula');
            if (!cedulaInput.value.trim()) {
                e.preventDefault();
                cedulaInput.focus();
                cedulaInput.style.borderColor = '#dc3545';
                setTimeout(() => { cedulaInput.style.borderColor = ''; }, 2000);
            }
        });
    }
});
</script>
</body>
</html>
