<?php 
    session_start();
    error_reporting(E_ALL & ~E_NOTICE); 
    extract($_REQUEST, EXTR_PREFIX_ALL, "P");
    include_once "utils_database.php";
    include_once "utils.php";
    require_once "session_check.php";
    $vMaxNroPalabras = 300; 
    $vMaxNroPalabrasTitulo = 30; 
    
    $vAreasUsuario = getDatUser($_SESSION['usr'], 9);
    $vTipo = getDatUser($_SESSION['usr'], 2);
    $vIdUsr = getDatUser($_SESSION['usr'], 1);
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Panamtrauma 2025 - Trabajos Evaluados">
    <meta name="author" content="Contactos SAS">
    <title>Panamtrauma 2025</title>
    
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #34846c;
            --primary-dark: #2a6a56;
            --secondary: #377970;
            --light: #f8f9fa;
            --dark: #212529;
            --success: #DDFFDD;
            --warning: #FFF3CD;
            --danger: #FFB9B9;
            --info: #E6E6E6;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #f5f5f5;
        }
        
        .navbar {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .navbar-brand img {
            max-height: 50px;
        }
        
        .page-title {
            color: var(--primary);
            font-weight: 600;
            margin-bottom: 1.5rem;
            padding-bottom: 0.75rem;
            position: relative;
        }
        
        .page-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: var(--primary);
        }
        
        .area-card {
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 20px;
            overflow: hidden;
        }
        
        .area-header {
            background-color: var(--primary);
            color: white;
            padding: 12px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .area-toggle {
            background: transparent;
            border: none;
            color: white;
            padding: 0 5px;
            cursor: pointer;
        }
        
        .area-content {
            padding: 0;
        }
        
        .table {
            margin-bottom: 0;
        }
        
        .table thead th {
            background-color: var(--primary);
            color: white;
            font-weight: 500;
            border: none;
            padding: 12px 10px;
            text-align: center;
        }
        
        .table tbody tr:nth-child(even) {
            background-color: rgba(0,0,0,0.02);
        }
        
        .evaluator-card {
            background-color: var(--light);
            border-radius: 6px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            margin-bottom: 0.5rem;
        }
        
        .evaluator-name {
            font-size: 0.85rem;
            padding: 0.5rem;
            text-align: center;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .score {
            font-weight: 500;
            text-align: center;
            padding: 0.4rem;
            border-radius: 0 0 6px 6px;
        }
        
        .bg-success-light {
            background-color: var(--success) !important;
            color: #2a6a56 !important;
            font-weight: bold;
        }
        
        .bg-danger-light {
            background-color: var(--danger) !important;
            color: #842029 !important;
            font-weight: bold;
        }
        
        .footer {
            background-color: var(--dark);
            color: white;
            padding: 30px 0 20px;
            margin-top: 50px;
        }
        
        .contact-info h4 {
            color: var(--light);
            margin-bottom: 1.2rem;
            font-weight: 600;
            font-size: 1.1rem;
        }
        
        .contact-item {
            display: flex;
            margin-bottom: 0.8rem;
        }
        
        .contact-icon {
            color: var(--primary);
            font-size: 1rem;
            margin-right: 0.8rem;
            min-width: 1.2rem;
        }
        
        .social-links a {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: rgba(255,255,255,0.1);
            color: white;
            margin-right: 0.5rem;
            transition: all 0.3s;
        }
        
        .social-links a:hover {
            background-color: var(--primary);
            transform: translateY(-3px);
        }
        
        .copyright {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 1.2rem;
            margin-top: 1.5rem;
        }
        
        .btn-outline-primary {
            color: var(--primary);
            border-color: var(--primary);
        }
        
        .btn-outline-primary:hover {
            background-color: var(--primary);
            color: white;
        }
        
        .badge {
            font-weight: 500;
            padding: 0.4em 0.65em;
        }
        
        @media (max-width: 768px) {
            .container {
                padding-left: 15px;
                padding-right: 15px;
            }
            
            .table-responsive {
                border-radius: 8px;
                overflow-x: auto;
            }
        }
    </style>
    <script>
        function toggleAreaVisibility(areaId) {
            var area = document.getElementById(areaId);
            var icon = document.getElementById('icon_' + areaId);
            
            if (area.style.display === "none" || area.style.display === "") {
                area.style.display = "block";
                if (icon) {
                    icon.classList.remove('fa-chevron-down');
                    icon.classList.add('fa-chevron-up');
                }
            } else {
                area.style.display = "none";
                if (icon) {
                    icon.classList.remove('fa-chevron-up');
                    icon.classList.add('fa-chevron-down');
                }
            }
        }
    </script>
</head>
<body>
    <!-- Header -->
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container">
            <a class="navbar-brand" href="index.html">
                <img src="..\\img/logo.png" alt="Panamtrauma 2025" class="img-fluid">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="../Administrador/login.php">Cerrar Sesión</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Main Content -->
    <div class="container my-5">
        <div class="row">
            <div class="col-12">
                <h1 class="page-title">Listado de Trabajos Evaluados</h1>
                <p class="text-muted mb-4">Ordenados por calificación promedio</p>
            </div>
        </div>
        
        <div class="row">
            <?php            
            $vAreas = GetFile("tarea", "", "id");
            while ($vArea = mysqli_fetch_assoc($vAreas)) {
                $vDiv_Area = "Area_".$vArea['codigo']; 
            ?>
            <div class="col-12">
                <div class="area-card">
                    <div class="area-header">
                        <h5 class="m-0">
                            <i class="fas fa-folder me-2"></i>
                            (<?php echo $vArea['codigo']; ?>) <?php echo $vArea['descripcion']; ?>
                        </h5>
                        <div>
                            <button type="button" class="area-toggle" onclick="toggleAreaVisibility('<?php echo $vDiv_Area; ?>')">
                                <i class="fas fa-plus-circle me-1"></i>
                            </button>
                            <button type="button" class="area-toggle" onclick="toggleAreaVisibility('<?php echo $vDiv_Area; ?>')">
                                <i class="fas fa-minus-circle"></i>
                            </button>
                            <i class="fas fa-chevron-down ms-2" id="icon_<?php echo $vDiv_Area; ?>"></i>
                        </div>
                    </div>
                    
                    <div class="area-content" id="<?php echo $vDiv_Area; ?>" style="display: <?php echo ($vArea['codigo']==$vAreaSeleccionada ? "block" : "none"); ?>;">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th width="7%">Cód.</th>
                                        <th width="35%">Título</th>
                                        <th width="13%">Tipo</th>
                                        <th width="12%">Ev. 1</th>
                                        <th width="12%">Ev. 2</th>
                                        <th width="12%">Ev. 3</th>
                                        <th width="9%">Acción</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <?php 
                                $vWhere = "codigo like '".$vArea['codigo']."%' and calificacion_promedio>0";
                                $vTrabajos = GetFile("ttrabajo", $vWhere, "calificacion_promedio DESC, id");
                                while ($vTrabajo = mysqli_fetch_assoc($vTrabajos)) {
                                    $vFondo1 = ($vTrabajo['cod_tipo_presentacion_aprobado']==NULL ? "bg-danger-light" : "bg-success-light");
                                ?>
                                    <tr>
                                        <td class="text-center"><?php echo $vTrabajo['codigo']; ?></td>
                                        <td>
                                        <?php if($vTrabajo['cod_tipo_presentacion_propuesto']==='T') { ?>
                                            <a href="../trabajos/<?php echo $vTrabajo['codigo'].".".extension($vTrabajo['codigo']); ?>" target="_blank" class="text-decoration-none">
                                                <?php echo $vTrabajo['titulo']; ?>
                                            </a>
                                        <?php } else { 
                                            echo $vTrabajo['titulo'];
                                        } ?>
                                        </td>
                                        <td class="text-center">
                                            <?php 
                                            $Dato = GetDato("ttipo_presentacion", "codigo", $vTrabajo['cod_tipo_presentacion_propuesto'], "descripcion_esp");
                                            echo $Dato;
                                            ?>
                                        </td>
                                        <td>
                                            <div class="evaluator-card">
                                                <div class="evaluator-name">
                                                    <?php echo GetDato("tusuario", "id", $vTrabajo['evaluador1'], "nombre")." ".GetDato("tusuario", "id", $vTrabajo['evaluador1'], "apellidos"); ?>
                                                </div>
                                                <div class="score bg-success-light">
                                                    <?php
                                                    $CalTotal1 = $vTrabajo['calificacion1_1']+$vTrabajo['calificacion1_2']+$vTrabajo['calificacion1_3']+$vTrabajo['calificacion1_4']+$vTrabajo['calificacion1_5']+$vTrabajo['calificacion1_6'];
                                                    echo $CalTotal1." / ".$vTrabajo['cod_tipo_presentacion_recomendado1'];
                                                    ?>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="evaluator-card">
                                                <div class="evaluator-name">
                                                    <?php echo GetDato("tusuario", "id", $vTrabajo['evaluador2'], "nombre")." ".GetDato("tusuario", "id", $vTrabajo['evaluador2'], "apellidos"); ?>
                                                </div>
                                                <div class="score bg-success-light">
                                                    <?php
                                                    $CalTotal2 = $vTrabajo['calificacion2_1']+$vTrabajo['calificacion2_2']+$vTrabajo['calificacion2_3']+$vTrabajo['calificacion2_4']+$vTrabajo['calificacion2_5']+$vTrabajo['calificacion2_6'];
                                                    echo $CalTotal2." / ".$vTrabajo['cod_tipo_presentacion_recomendado2'];
                                                    ?>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="evaluator-card">
                                                <div class="evaluator-name">
                                                    <?php echo GetDato("tusuario", "id", $vTrabajo['evaluador3'], "nombre")." ".GetDato("tusuario", "id", $vTrabajo['evaluador3'], "apellidos"); ?>
                                                </div>
                                                <div class="score bg-success-light">
                                                    <?php
                                                    $CalTotal3 = $vTrabajo['calificacion3_1']+$vTrabajo['calificacion3_2']+$vTrabajo['calificacion3_3']+$vTrabajo['calificacion3_4']+$vTrabajo['calificacion3_5']+$vTrabajo['calificacion3_6'];
                                                    echo $CalTotal3." / ".$vTrabajo['cod_tipo_presentacion_recomendado3'];
                                                    ?>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center">
                                            <a href="trabajo.php?opc=<?php echo $vTipo.$vTrabajo['codigo']."&m=".md5($vTrabajo['codigo'])."&U=".$vIdUsr; ?>" target="_blank" class="btn btn-sm btn-outline-primary mb-2">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            
                                            <?php if ($vTrabajo['cod_tipo_presentacion_aprobado']!=NULL){ ?>
                                            <a id="check_<?php echo str_replace("-", "", $vTrabajo['codigo']); ?>" href='informe.php?opc=<?php echo transfor("evaluados"); ?>&A=<?php echo $vArea['codigo']; ?>&T=<?php echo str_replace("-", "", $vTrabajo['codigo']); ?>' class="btn btn-sm btn-outline-success mb-2">
                                                <i class="fas fa-check-circle"></i>
                                            </a>
                                            <?php } ?>
                                            
                                            <div class="badge <?php echo $vFondo1; ?> d-block fw-bold" style="font-size: 0.9rem;">
                                                <?php echo $vTrabajo['calificacion_promedio']. " / ".$vTrabajo['cod_tipo_presentacion_aprobado']; ?>
                                            </div>
                                        </td>
                                    </tr>
                                <?php } ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <?php } ?>
        </div>
    </div>
    
    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 contact-info">
                    <h4>Información de Contacto</h4>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="far fa-calendar-alt"></i>
                        </div>
                        <div>
                            <span>Lunes - Viernes:</span> 9:30 AM a 6:30 PM
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div>
                            <span>Dirección:</span> 1200 East Broad Street Box 980454 Richmond VA
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-phone-alt"></i>
                        </div>
                        <div>
                            <span>Teléfono:</span> 350-5435586
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="far fa-envelope"></i>
                        </div>
                        <div>
                            <span>Email:</span> sistemas@contactos.com.co
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="row">
                        <div class="col-md-6">
                            <h4>Acerca de Panamtrauma</h4>
                            <p>
                                Panamtrauma es un congreso internacional dedicado a la actualización y avances en el 
                                campo del trauma. Reúne a profesionales para compartir conocimientos y experiencias.
                            </p>
                        </div>
                        <div class="col-md-6">
                            <h4>Síguenos</h4>
                            <div class="social-links">
                                <a href="https://www.facebook.com/contactossas/">
                                    <i class="fab fa-facebook-f"></i>
                                </a>
                                <a href="https://twitter.com/ContactosSAS">
                                    <i class="fab fa-twitter"></i>
                                </a>
                                <a href="skype:contactos.sistemas?call">
                                    <i class="fab fa-skype"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row copyright">
                <div class="col-md-6">
                    <p class="mb-0">&copy; <?php echo date('Y'); ?> Contactos SAS - Todos los derechos reservados</p>
                </div>
                <div class="col-md-6 text-end">
                    <div class="social-links">
                        <a href="https://www.facebook.com/contactossas/"><i class="fab fa-facebook-f"></i></a>
                        <a href="https://twitter.com/ContactosSAS"><i class="fab fa-twitter"></i></a>
                        <a href="skype:contactos.sistemas?call"><i class="fab fa-skype"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <?php
    if ($vTrabajoSeleccionado!=""){
        $vCheck = "check_".$vTrabajoSeleccionado;
        echo "<script language='javascript'>".$vCheck.".focus();</script>";
    }
    ?>

    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>