<?php session_start();
include_once "utils_database.php";
include_once "utils.php";
	extract($_REQUEST, EXTR_PREFIX_ALL, "P");
		extract($_REQUEST, EXTR_PREFIX_ALL, "G");
		error_reporting(E_ALL ^ E_NOTICE);
$vTipo = substr($G_opc,0,1);
$vCodTrabajo = substr($G_opc,1);	
$vCodTrabajoMD5 = md5($vCodTrabajo);
$vIdUsr = $G_U;
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sistema de Gestión de Abstracts | PANAMTRAUMA</title>
    
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Font Awesome Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <style>
        :root {
        --primary-lightest: #eff6ff;
        --secondary: #377970;
        --primary: #34846c;
        --primary-light: #1A4236;
        --primary-dark: #212529;
            --success: #10b981;
            --info: #0ea5e9;
            --warning: #f59e0b;
            --danger: #ef4444;
            --gray-50: #f9fafb;
            --gray-100: #f3f4f6;
            --gray-200: #e5e7eb;
            --gray-300: #d1d5db;
            --gray-400: #9ca3af;
            --gray-500: #6b7280;
            --gray-600: #4b5563;
            --gray-700: #374151;
            --gray-800: #1f2937;
            --gray-900: #111827;
            --radius-sm: 0.25rem;
            --radius: 0.5rem;
            --radius-md: 0.75rem;
            --radius-lg: 1rem;
            --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--gray-50);
            color: var(--gray-800);
        }
        
        /* Header & Navigation */
        .navbar {
            padding: 1rem;
            background-color: white;
            box-shadow: var(--shadow);
        }
        
        .navbar-brand {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-weight: 700;
        }
        
        .brand-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            color: white;
            border-radius: var(--radius);
            font-weight: 700;
            box-shadow: var(--shadow);
        }
        
        .user-dropdown {
            display: flex;
            align-items: center;
            padding: 0.5rem 1rem;
            background-color: var(--gray-100);
            border-radius: var(--radius);
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .user-dropdown:hover {
            background-color: var(--gray-200);
        }
        
        .user-avatar {
            width: 36px;
            height: 36px;
            background-color: var(--primary-light);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin-right: 0.75rem;
        }
        
        .btn-logout {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--gray-600);
            background-color: var(--gray-100);
            border: none;
            border-radius: var(--radius);
            padding: 0.625rem 1.25rem;
            font-weight: 500;
            transition: all 0.2s ease;
            text-decoration: none;
        }
        
        .btn-logout:hover {
            background-color: var(--gray-200);
            color: var(--gray-800);
        }
        
        /* Page Header */
        .page-header {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            margin-bottom: 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: var(--shadow-md);
        }
        
        .page-title {
            margin-bottom: 0.5rem;
            font-weight: 700;
        }
        
        .page-subtitle {
            opacity: 0.8;
            font-weight: 400;
        }
        
        .abstract-code {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 1rem 1.5rem;
            background-color: rgba(255, 255, 255, 0.15);
            border-radius: var(--radius);
            font-weight: 700;
            font-size: 1.125rem;
            backdrop-filter: blur(8px);
            box-shadow: var(--shadow);
        }
        
        /* Cards */
        .card {
            border: none;
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            margin-bottom: 1.5rem;
            overflow: hidden;
        }
        
        .card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-md);
        }
        
        .card-header {
            background-color: white;
            border-bottom: 1px solid var(--gray-200);
            padding: 1.25rem 1.5rem;
        }
        
        .card-title {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin: 0;
            font-weight: 600;
            color: var(--primary);
        }
        
        .card-body {
            padding: 1.5rem;
        }
        
        /* Details Display */
        .detail-section {
            margin-bottom: 2rem;
        }
        
        .section-title {
            display: flex;
            align-items: center;
            gap: 0.625rem;
            color: var(--primary);
            font-weight: 600;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--primary-lightest);
        }
        
        .detail-label {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--gray-500);
            font-weight: 500;
            margin-bottom: 0.375rem;
        }
        
        .detail-value {
            color: var(--gray-800);
            margin-bottom: 1.25rem;
        }
        
        .tag {
            display: inline-flex;
            align-items: center;
            gap: 0.375rem;
            background-color: var(--primary-lightest);
            color: var(--primary);
            font-size: 0.875rem;
            padding: 0.5rem 0.875rem;
            border-radius: var(--radius);
            font-weight: 500;
        }
        
        .authors-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .author-item {
            display: flex;
            align-items: center;
            padding: 0.625rem 0;
            border-bottom: 1px solid var(--gray-200);
        }
        
        .author-item:last-child {
            border-bottom: none;
        }
        
        .author-icon {
            color: var(--primary);
            margin-right: 0.75rem;
            font-size: 1.125rem;
        }
        
        .author-name {
            font-weight: 500;
        }
        
        .primary-badge {
            background-color: var(--primary-lightest);
            color: var(--primary);
            font-size: 0.75rem;
            padding: 0.25rem 0.5rem;
            border-radius: var(--radius);
            margin-left: 0.5rem;
        }
        
        .file-link {
            display: inline-flex;
            align-items: center;
            gap: 0.625rem;
            background-color: var(--primary-lightest);
            color: var(--primary);
            padding: 0.75rem 1.25rem;
            border-radius: var(--radius);
            font-weight: 500;
            text-decoration: none;
            transition: all 0.2s ease;
        }
        
        .file-link:hover {
            background-color: var(--primary-light);
            color: white;
        }
        
        /* Evaluator Cards */
        .evaluator-header {
            display: flex;
            align-items: center;
            padding: 1.5rem;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            color: white;
        }
        
        .evaluator-avatar {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            margin-right: 1rem;
            font-size: 1.5rem;
        }
        
        .evaluator-info {
            flex: 1;
        }
        
        .evaluator-name {
            font-weight: 600;
            margin: 0;
        }
        
        .evaluator-role {
            opacity: 0.8;
            font-size: 0.875rem;
        }
        
        .evaluation-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 1.5rem;
            background-color: var(--primary-lightest);
            border-bottom: 1px solid var(--gray-200);
        }
        
        .meta-item {
            display: flex;
            align-items: center;
            gap: 0.625rem;
        }
        
        .meta-icon {
            color: var(--primary);
        }
        
        .meta-label {
            color: var(--gray-600);
            font-weight: 500;
        }
        
        .meta-value {
            color: var(--gray-900);
            font-weight: 600;
        }
        
        /* Criteria Tables */
        .criteria-header {
            display: flex;
            padding: 1rem 1.5rem;
            background-color: var(--gray-100);
            border-bottom: 1px solid var(--gray-200);
            font-weight: 600;
        }
        
        .criteria-label {
            flex: 1;
        }
        
        .criteria-value {
            width: 100px;
            text-align: center;
        }
        
        .criteria-category {
            display: flex;
            border-bottom: 1px solid var(--gray-200);
        }
        
        .category-label {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 130px;
            padding: 1.25rem 1rem;
            background-color: var(--primary-lightest);
            color: var(--primary);
            font-weight: 600;
            text-align: center;
            border-right: 1px solid var(--gray-200);
        }
        
        .category-icon {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
            color: var(--primary);
        }
        
        .criteria-items {
            flex: 1;
        }
        
        .criteria-item {
            display: flex;
            align-items: center;
            padding: 1rem 1.5rem;
            border-bottom: 1px solid var(--gray-200);
        }
        
        .criteria-item:last-child {
            border-bottom: none;
        }
        
        .item-name {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        
        .item-label {
            font-weight: 500;
        }
        
        .item-range {
            font-size: 0.75rem;
            color: var(--gray-500);
            margin-top: 0.25rem;
        }
        
        .score-badge {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 48px;
            height: 48px;
            border-radius: var(--radius);
            background-color: var(--primary-lightest);
            color: var(--primary-dark);
            font-weight: 700;
            font-size: 1.125rem;
        }
        
        .final-score {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.25rem 1.5rem;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            color: white;
        }
        
        .score-label {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-weight: 600;
            font-size: 1.125rem;
        }
        
        .score-icon {
            font-size: 1.5rem;
        }
        
        .score-value {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: var(--radius);
            font-size: 1.75rem;
            font-weight: 700;
            backdrop-filter: blur(4px);
        }
        
        .presentation-type {
            padding: 1.25rem;
            text-align: center;
            background-color: var(--gray-100);
            border-top: 1px solid var(--gray-200);
        }
        
        .type-label {
            color: var(--gray-600);
            margin-bottom: 0.5rem;
            font-weight: 500;
        }
        
        .type-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background-color: var(--primary);
            color: white;
            padding: 0.625rem 1.25rem;
            border-radius: var(--radius);
            font-weight: 500;
        }
        
        /* Evaluation Form */
        .form-section {
            margin-bottom: 2rem;
        }
        
        .form-section-title {
            display: flex;
            align-items: center;
            gap: 0.625rem;
            font-size: 1.125rem;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 1.25rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--primary-lightest);
        }
        
        .form-group {
            margin-bottom: 1.5rem;
        }
        
        .form-label {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-weight: 500;
            color: var(--gray-700);
            margin-bottom: 0.625rem;
        }
        
        .form-select, .form-control {
            padding: 0.75rem;
            border: 1px solid var(--gray-300);
            border-radius: var(--radius);
            transition: all 0.2s ease;
        }
        
        .form-select:focus, .form-control:focus {
            border-color: var(--primary-light);
            box-shadow: 0 0 0 0.125rem rgba(59, 130, 246, 0.2);
        }
        
        .form-total-score {
            background-color: var(--primary-lightest);
            padding: 1.25rem;
            border-radius: var(--radius);
            margin-top: 2rem;
        }
        
        .total-score-label {
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.625rem;
        }
        
        .total-score-input {
            font-weight: 700;
            font-size: 1.25rem;
            padding: 0.875rem;
            border: 1px solid var(--primary-light);
            background-color: white;
            color: var(--primary);
            box-shadow: var(--shadow-sm);
        }
        
        .radio-group {
            display: flex;
            gap: 1.5rem;
            margin-top: 0.75rem;
        }
        
        .radio-option {
            display: flex;
            align-items: center;
            gap: 0.625rem;
            padding: 0.75rem 1.25rem;
            border-radius: var(--radius);
            border: 1px solid var(--gray-300);
            transition: all 0.2s ease;
            cursor: pointer;
        }
        
        .radio-option:hover {
            background-color: var(--gray-100);
            border-color: var(--gray-400);
        }
        
        .radio-option input[type="radio"] {
            accent-color: var(--primary);
        }
        
        .form-footer {
            margin-top: 2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .btn-submit {
            display: inline-flex;
            align-items: center;
            gap: 0.625rem;
            background-color: var(--primary);
            color: white;
            font-weight: 500;
            padding: 0.875rem 2rem;
            border-radius: var(--radius);
            border: none;
            transition: all 0.2s ease;
            cursor: pointer;
        }
        
        .btn-submit:hover {
            background-color: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: var(--shadow);
        }
        
        .btn-submit:disabled {
            background-color: var(--gray-400);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }
        
        .form-notice {
            margin-top: 0.75rem;
            color: var(--gray-600);
            font-size: 0.875rem;
        }
        
        /* Success Card */
        .success-card {
            max-width: 600px;
            margin: 3rem auto;
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-lg);
        }
        
        .success-header {
            padding: 2.5rem 1.5rem;
            background: linear-gradient(135deg, var(--success), var(--primary-light));
            color: white;
            text-align: center;
        }
        
        .success-icon {
            font-size: 4rem;
            margin-bottom: 1.5rem;
        }
        
        .success-title {
            font-size: 1.75rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }
        
        .success-body {
            padding: 2.5rem;
            background-color: white;
        }
        
        .success-detail {
            margin-bottom: 1.5rem;
        }
        
        .success-label {
            display: block;
            color: var(--gray-500);
            font-weight: 500;
            margin-bottom: 0.375rem;
        }
        
        .success-value {
            font-weight: 500;
            color: var(--gray-800);
        }
        
        .success-highlight {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary);
        }
        
        .success-footer {
            display: flex;
            justify-content: center;
            margin-top: 2rem;
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .page-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 1.5rem;
            }
            
            .abstract-code {
                align-self: flex-start;
            }
            
            .criteria-category {
                flex-direction: column;
            }
            
            .category-label {
                width: 100%;
                border-right: none;
                border-bottom: 1px solid var(--gray-200);
                flex-direction: row;
                justify-content: flex-start;
                padding: 1rem 1.5rem;
                gap: 0.75rem;
            }
            
            .category-icon {
                margin-bottom: 0;
            }
            
            .evaluation-meta {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.75rem;
            }
            
            .radio-group {
                flex-direction: column;
                gap: 0.75rem;
            }
            
            .final-score {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
            
            .score-value {
                margin: 0 auto;
            }
        }
        
             .section-title i {
            margin-right: 10px;
            
        }

        /* Justificar el texto de los párrafos */
        .detail-section p {
            text-align: justify;
            line-height: 1.6;
            margin-bottom: 0;
            font-size: 1rem;
            color: #333;
        }
        
               /* Nuevos estilos para botones de reseteo */
        .reset-evaluation-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin-top: 1rem;
            padding: 0.6rem 1.25rem;
            background-color: #f8f9fa;
            color: #dc3545;
            border: 1px solid #dc3545;
            border-radius: var(--radius);
            font-weight: 500;
            font-size: 0.9rem;
            cursor: pointer;
            transition: all 0.2s ease;
            width: 100%;
        }

        .reset-evaluation-btn:hover {
            background-color: #dc3545;
            color: white;
        }

        /* Estilo para el modal de confirmación */
        .modal-confirmation {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1050;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }

        .modal-confirmation.show {
            opacity: 1;
            visibility: visible;
        }

        .modal-content {
            width: 90%;
            max-width: 500px;
            background-color: white;
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-lg);
            transform: scale(0.9);
            transition: transform 0.3s;
        }

        .modal-confirmation.show .modal-content {
            transform: scale(1);
        }

        .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.25rem 1.5rem;
            background-color: #f8f9fa;
            border-bottom: 1px solid #dee2e6;
        }

        .modal-title {
            font-weight: 600;
            font-size: 1.25rem;
            margin: 0;
            color: #dc3545;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .modal-body {
            padding: 1.5rem;
        }

        .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            padding: 1.25rem 1.5rem;
            background-color: #f8f9fa;
            border-top: 1px solid #dee2e6;
        }

        .btn-secondary {
            padding: 0.5rem 1rem;
            background-color: #6c757d;
            color: white;
            border: none;
            border-radius: var(--radius);
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .btn-secondary:hover {
            background-color: #5a6268;
        }

        .btn-danger {
            padding: 0.5rem 1rem;
            background-color: #dc3545;
            color: white;
            border: none;
            border-radius: var(--radius);
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .btn-danger:hover {
            background-color: #c82333;
        }

        .reset-form {
            display: inline;
        }
        
        .alert {
            margin-bottom: 1rem;
        }
        
    </style>
    <script>
        function cerrar() {
            window.close();
        }
        
        function suma() {
            let cal1 = parseInt(document.getElementById("calificacion1")?.value || 0);
            let cal2 = parseInt(document.getElementById("calificacion2")?.value || 0);
            let cal3 = parseInt(document.getElementById("calificacion3")?.value || 0);
            let cal4 = parseInt(document.getElementById("calificacion4")?.value || 0);
            let cal5 = parseInt(document.getElementById("calificacion5")?.value || 0);
            let cal6 = parseInt(document.getElementById("calificacion6")?.value || 0);
            
            let total = cal1 + cal2 + cal3 + cal4 + cal5 + cal6;
            
            if(document.getElementById("calificaciontotal")) {
                document.getElementById("calificaciontotal").value = total;
            }
        }
    </script>
     <script>
        function cerrar() {
            window.close();
        }
        
        function suma() {
            let cal1 = parseInt(document.getElementById("calificacion1")?.value || 0);
            let cal2 = parseInt(document.getElementById("calificacion2")?.value || 0);
            let cal3 = parseInt(document.getElementById("calificacion3")?.value || 0);
            let cal4 = parseInt(document.getElementById("calificacion4")?.value || 0);
            let cal5 = parseInt(document.getElementById("calificacion5")?.value || 0);
            let cal6 = parseInt(document.getElementById("calificacion6")?.value || 0);
            
            let total = cal1 + cal2 + cal3 + cal4 + cal5 + cal6;
            
            if(document.getElementById("calificaciontotal")) {
                document.getElementById("calificaciontotal").value = total;
            }
        }
        
        // Funciones para el modal de confirmación de reseteo
        
            function confirmReset(evaluatorNum) {
                if (confirm('¿Está seguro que desea resetear la calificación del Evaluador ' + evaluatorNum + '? Esta acción no se puede deshacer.')) {
                    // Obtener el formulario
                    const formId = 'resetForm' + evaluatorNum;
                    const form = document.getElementById(formId);
                    
                    // Enviar el formulario directamente (el target="_blank" ya está configurado en el HTML)
                    form.submit();
                }
            }

        
        function closeModal() {
            const modal = document.getElementById('confirmModal');
            modal.classList.remove('show');
            currentForm = null;
        }
        
        function submitReset() {
            if (currentForm) {
                document.getElementById(currentForm).submit();
            }
            closeModal();
        }
    </script>
</head>
<body>
    
     <!-- Mensajes de notificación para reseteo -->
    <?php if (isset($_GET['success']) && $_GET['success'] === 'reset'): ?>
    <div class="alert alert-success alert-dismissible fade show" role="alert">
      <i class="fas fa-check-circle me-2"></i>
      La calificación del evaluador ha sido reseteada correctamente.
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    <?php endif; ?>

    <?php if (isset($_GET['error'])): ?>
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
      <i class="fas fa-exclamation-circle me-2"></i>
      <?php
        $errorMsg = 'Ocurrió un error al procesar la solicitud.';
        if ($_GET['error'] === 'unauthorized') {
            $errorMsg = 'No tiene permisos para realizar esta acción.';
        } elseif ($_GET['error'] === 'invalid_evaluator') {
            $errorMsg = 'El evaluador seleccionado no es válido.';
        } elseif ($_GET['error'] === 'not_found') {
            $errorMsg = 'No se encontró el trabajo especificado.';
        } elseif ($_GET['error'] === 'db_error') {
            $errorMsg = 'Error de base de datos al resetear la evaluación.';
        }
        echo $errorMsg;
      ?>
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    <?php endif; ?>
 <!-- Navigation Bar -->
<style>
    .user-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f0f0f0;
    }
    
    .user-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
</style>

<!-- Navigation Bar -->
<style>
    .user-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f0f0f0;
    }
    
    .user-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
</style>

<nav class="navbar navbar-expand-lg navbar-light sticky-top">
    <div class="container">
        <a class="navbar-brand" href="#">
            <div class="brand-logo">PT</div>
            <span>PANAMTRAUMA</span>
        </a>
        
        <div class="d-flex align-items-center">
            <div class="user-dropdown me-3">
                <div class="user-avatar">
                    <?php 
                    $username = getDatUser($_SESSION['usr'], 5); // Assuming this returns the user's name
                    $avatarFilename = getDatUser($_SESSION['usr'], 10); // This might need adjustment
                    
                    // Use avatar from database with specified path, fallback to UI Avatars
                    $avatarUrl = !empty($avatarFilename) 
                        ? "dist/pages/evaluadores/acciones_evaluador/fotos_empleados/" . htmlspecialchars($avatarFilename) 
                        : "https://ui-avatars.com/api/?name=" . urlencode($username) . "&background=2c3e50&color=ffffff&size=60&rounded=true";
                    
                    echo "<img src='" . $avatarUrl . "' alt='Foto de perfil'>";
                    ?>
                </div>
                <div class="d-none d-sm-block">
                    <div class="fw-medium text-dark"><?php echo getDatUser($_SESSION['usr'], 5)." ".getDatUser($_SESSION['usr'], 6); ?></div>
                    <div class="small text-muted">Evaluador</div>
                </div>
            </div>
            <a href="../Administrador" class="btn-logout" onClick="window.close()">
                <i class="fas fa-sign-out-alt"></i>
                <span class="d-none d-sm-inline">Cerrar Sesión</span>
            </a>
        </div>
    </div>
</nav>
    <!-- Main Content -->
    <div class="container py-4">
        <?php if ($vCodTrabajoMD5===$G_m){ ?>
        <!-- Page Header -->
        <div class="page-header">
            <div>
                <h1 class="page-title fs-3">Sistema de Gestión de Abstracts</h1>
                <p class="page-subtitle mb-0">Plataforma de revisión y evaluación académica</p>
            </div>
            <div class="abstract-code">
                <i class="fas fa-fingerprint"></i>
                <span><?php echo $vCodTrabajo; ?></span>
            </div>
        </div>
        
        <!-- Abstract Details -->
        <div class="card mb-4">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-file-alt"></i>
                    Información del Abstract
                </h2>
            </div>
            <div class="card-body">
                <div class="row gy-4">
                    <div class="col-lg-5">
                        <div class="detail-section">
                            <?php if ($vTipo!='E'){ ?>
                            <div class="detail-label">
                                <i class="far fa-calendar-alt text-secondary"></i>
                                Fecha de Registro
                            </div>
                            <div class="detail-value"><?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "fecha"); ?></div>
                            <?php } ?>
                            
                            <div class="detail-label">
                            <i class="fas fa-heading text-secondary"></i>
                            Título
                        </div>
                        <div class="detail-value"><?php echo strtoupper(GetDato("ttrabajo", "codigo", $vCodTrabajo, "titulo")); ?></div>
                            
                            <div class="detail-label">
                                <i class="fas fa-eye text-secondary"></i>
                                Tipo de Presentación
                            </div>
                            <div class="detail-value">
                                <span class="tag">
                                    <i class="fas fa-presentation"></i>
                                    <?php echo GetDato("ttipo_presentacion", "codigo", GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_propuesto"), "descripcion_esp"); ?>
                                </span>
                            </div>
                            
                            <div class="detail-label">
                                <i class="fas fa-trophy text-secondary"></i>
                                Tipo de Competición
                            </div>
                            <div class="detail-value">
                                <span class="tag">
                                    <i class="fas fa-medal"></i>
                                    <?php echo GetDato("ttipo_competicion", "codigo", GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_competicion_propuesto"), "descripcion_esp"); ?>
                                </span>
                            </div>
                            
                            <?php if ($vTipo!='E'){ ?>
                            <div class="detail-label">
                                <i class="fas fa-users text-secondary"></i>
                                Autores
                            </div>
                            
                            
                        <ul class="authors-list detail-value">
<?php
    for ($i=1; $i<=10; $i++) {
        $author = ucwords(strtolower(GetDato("ttrabajo", "codigo", $vCodTrabajo, "autor".$i)));
        $lastName = ucwords(strtolower(GetDato("ttrabajo", "codigo", $vCodTrabajo, "apellido_autor".$i)));
        $titulo = ucwords(strtolower(GetDato("ttrabajo", "codigo", $vCodTrabajo, "titulo_autor".$i)));
        
        if (!empty($author)) {
            if ($i === 1) {
                echo "<li class='author-item'>";
                echo "<i class='fas fa-user-circle author-icon'></i>";
                echo "<span class='author-name'>";
                if (!empty($titulo)) {
                    echo "$titulo ";
                }
                echo "$author $lastName";
                echo "<span class='primary-badge'><i class='fas fa-star'></i> Principal</span>";
                echo "</span>";
                echo "</li>";
            } else {
                echo "<li class='author-item'>";
                echo "<i class='far fa-user author-icon'></i>";
                echo "<span>";
                if (!empty($titulo)) {
                    echo "$titulo ";
                }
                echo "$author $lastName</span>";
                echo "</li>";
            }
        }
    }
    ?>
</ul>
                            
                            <div class="detail-label">
                                <i class="fas fa-id-card text-secondary"></i>
                                Contacto
                            </div>
                            <div class="detail-value">
                                <?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "nombre_corresponsal"); echo " "; echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "apellido_corresponsal"); ?>
                            </div>
                            
                            <div class="detail-label">
                                <i class="fas fa-university text-secondary"></i>
                                Institución
                            </div>
                            <div class="detail-value">
                                <?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "inst_autor1"); ?>
                            </div>
                            
                            <div class="detail-label">
                                <i class="fas fa-envelope text-secondary"></i>
                                Email
                            </div>
                            <div class="detail-value">
                                <?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "email"); ?>
                            </div>
                            
                            <div class="detail-label">
                                <i class="fas fa-map-marker-alt text-secondary"></i>
                                Ubicación
                            </div>
                            <div class="detail-value">
                                <?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "ciudad"); ?>, 
                                <?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "pais"); ?>
                            </div>
                            <?php } ?>
                            
                            <div class="detail-label">
                                <i class="fas fa-tag text-secondary"></i>
                                Área Temática
                            </div>
                            <div class="detail-value">
                                <span class="tag">
                                    <i class="fas fa-notes-medical"></i>
                                    <?php 
                                        $vArea = GetDato("ttrabajo", "codigo", $vCodTrabajo, "area_tematica");
                                        echo "(".$vArea.") ".GetDato("tarea", "codigo", $vArea, "descripcion"); 
                                    ?>
                                </span>
                            </div>
                            
                            <div class="detail-label">
                                <i class="fas fa-paperclip text-secondary"></i>
                                Archivo Suplementario
                            </div>
                            <div class="detail-value">
                                <?php $file = GetDato("ttrabajo", "codigo", $vCodTrabajo, "archivo"); ?>
                                <?php if (!empty($file)) { ?>
                                    <a href="<?php echo $file; ?>" class="file-link">
                                        <i class="fas fa-file-download"></i> Descargar Archivo
                                    </a>
                                <?php } else { ?>
                                    <span class="text-muted">No hay archivo disponible</span>
                                <?php } ?>
                            </div>
                            
                            <?php
/**
 * Componente de indicador de estado de evaluación
 * 
 * Este indicador muestra visualmente el progreso de evaluación de un resumen
 * basado en cuántos evaluadores han completado su evaluación.
 * 
 * @param array $fechas Array con las fechas de evaluación (null si no está evaluado)
 * @return string HTML del indicador
 */
function mostrarIndicadorEvaluacion($fechas) {
    // Contar evaluaciones completadas (fechas no nulas)
    $evaluacionesCompletadas = 0;
    foreach ($fechas as $fecha) {
        if (!is_null($fecha) && $fecha != '') {
            $evaluacionesCompletadas++;
        }
    }
    
    // Total de evaluadores
    $totalEvaluadores = count($fechas);
    
    // Calcular porcentaje
    $porcentaje = ($evaluacionesCompletadas / $totalEvaluadores) * 100;
    
    // Determinar estado según el porcentaje
    if ($porcentaje == 0) {
        $estado = 'pendiente';
        $icono = 'fa-circle-xmark';
        $texto = 'Sin evaluación';
        $color = 'danger';
        $bgColor = 'bg-danger-subtle';
        $progress = 'bg-danger';
    } elseif ($porcentaje < 100) {
        $estado = 'parcial';
        $icono = 'fa-circle-half-stroke';
        $texto = 'Parcialmente evaluado';
        $color = 'warning';
        $bgColor = 'bg-warning-subtle';
        $progress = 'bg-warning';
    } else {
        $estado = 'completo';
        $icono = 'fa-circle-check';
        $texto = 'Completamente evaluado';
        $color = 'success';
        $bgColor = 'bg-success-subtle';
        $progress = 'bg-success';
    }
    
    // Construir el HTML del indicador
    $html = '<div class="indicador-evaluacion">';
    
    // Badge principal con icono y texto
    $html .= '<div class="estado-badge ' . $bgColor . ' text-' . $color . ' border-' . $color . '">';
    $html .= '<i class="fas ' . $icono . ' me-2"></i>';
    $html .= '<span>' . $texto . '</span>';
    $html .= '<span class="ms-2 badge bg-' . $color . ' rounded-pill">' . $evaluacionesCompletadas . '/' . $totalEvaluadores . '</span>';
    $html .= '</div>';
    
    // Barra de progreso
    $html .= '<div class="progress mt-2" style="height: 5px;">';
    $html .= '<div class="progress-bar ' . $progress . '" role="progressbar" style="width: ' . $porcentaje . '%;" ';
    $html .= 'aria-valuenow="' . $porcentaje . '" aria-valuemin="0" aria-valuemax="100"></div>';
    $html .= '</div>';
    
    // Detalles de las evaluaciones
    $html .= '<div class="detalle-evaluadores mt-2">';
    $i = 1;
    foreach ($fechas as $fecha) {
        $estadoEvaluador = (!is_null($fecha) && $fecha != '') ? 'evaluado' : 'pendiente';
        $iconoEvaluador = (!is_null($fecha) && $fecha != '') ? 'fa-check' : 'fa-clock';
        $colorEvaluador = (!is_null($fecha) && $fecha != '') ? 'success' : 'secondary';
        
        $html .= '<span class="badge rounded-pill bg-' . $colorEvaluador . '-subtle text-' . $colorEvaluador . ' me-1" ';
        $html .= 'data-bs-toggle="tooltip" data-bs-placement="top" ';
        
        if (!is_null($fecha) && $fecha != '') {
            $fechaFormateada = date('d/m/Y', strtotime($fecha));
            $html .= 'title="Evaluado el ' . $fechaFormateada . '">';
        } else {
            $html .= 'title="Pendiente de evaluación">';
        }
        
        $html .= '<i class="fas ' . $iconoEvaluador . ' me-1"></i>Evaluador ' . $i . '</span>';
        $i++;
    }
    $html .= '</div>';
    
    $html .= '</div>';
    
    return $html;
}
?>

<!-- Implementación con datos de la tabla ttrabajo usando GetDato() -->
<?php
// Obtener el ID del trabajo usando GetDato y el código del trabajo
$idTrabajo = GetDato("ttrabajo", "codigo", $vCodTrabajo, "id");

// Si se obtuvo el ID, buscar las fechas de calificación
if ($idTrabajo) {
    // Obtener las fechas de calificación usando GetDato
    $calificacion1_fecha = GetDato("ttrabajo", "id", $idTrabajo, "calificacion1_fecha");
    $calificacion2_fecha = GetDato("ttrabajo", "id", $idTrabajo, "calificacion2_fecha");
    $calificacion3_fecha = GetDato("ttrabajo", "id", $idTrabajo, "calificacion3_fecha");
    
    // Crear el array de fechas
    $fechasEvaluacion = [$calificacion1_fecha, $calificacion2_fecha, $calificacion3_fecha];
    
    // Mostrar el indicador
    echo mostrarIndicadorEvaluacion($fechasEvaluacion);
} else {
    echo '<div class="alert alert-warning">No se encontró información del trabajo con código: ' . htmlspecialchars($vCodTrabajo) . '</div>';
}
?>

<style>
    .indicador-evaluacion {
        margin-bottom: 0.5rem;
    }
    
    .estado-badge {
        display: inline-flex;
        align-items: center;
        padding: 0.5rem 1rem;
        border-radius: 0.375rem;
        border-left: 4px solid;
        font-weight: 500;
    }
    
    .bg-success-subtle {
        background-color: rgba(25, 135, 84, 0.1);
    }
    
    .bg-warning-subtle {
        background-color: rgba(255, 193, 7, 0.1);
    }
    
    .bg-danger-subtle {
        background-color: rgba(220, 53, 69, 0.1);
    }
    
    .bg-secondary-subtle {
        background-color: rgba(108, 117, 125, 0.1);
    }
    
    .detalle-evaluadores {
        font-size: 0.85rem;
    }
</style>

<script>
// Inicializar tooltips de Bootstrap cuando el documento esté cargado
document.addEventListener('DOMContentLoaded', function() {
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
    });
});
</script>
                        </div>
                    </div>
                    
                    <div class="col-lg-7">
                        <div class="detail-section">
                            <h3 class="section-title">
                                <i class="fas fa-lightbulb"></i>
                                Introducción y Objetivos
                            </h3>
                            <p><?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "introduccion"); ?></p>
                        </div>
                        
                        <div class="detail-section">
                            <h3 class="section-title">
                                <i class="fas fa-vial"></i>
                                Materiales y Método
                            </h3>
                            <p><?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "materiales"); ?></p>
                        </div>
                        
                        <div class="detail-section">
                            <h3 class="section-title">
                                <i class="fas fa-chart-bar"></i>
                                Resultados
                            </h3>
                            <p><?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "resultados"); ?></p>
                        </div>
                        
                        <div class="detail-section">
                            <h3 class="section-title">
                                <i class="fas fa-flag-checkered"></i>
                                Conclusiones
                            </h3>
                            <p><?php echo GetDato("ttrabajo", "codigo", $vCodTrabajo, "conclusiones"); ?></p>
                        </div>
                        
                        
                    </div>
                </div>
            </div>
        </div>
        
        <?php 
        function calculateTotalScore($c1, $c2, $c3, $c4, $c5, $c6) {
            return $c1 + $c2 + $c3 + $c4 + $c5 + $c6;
        }
        
        if ($vTipo!='E') { 
            // Evaluator 1
            $vEvaluador1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "evaluador1");
            $vCalificacion_fecha1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_fecha");
            $vCalificacion1_1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_1");
            $vCalificacion1_2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_2");
            $vCalificacion1_3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_3");
            $vCalificacion1_4 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_4");
            $vCalificacion1_5 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_5");
            $vCalificacion1_6 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_6");
            $vCod_tipo_presentacion_recomendado1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_recomendado1");
            $totalScore1 = calculateTotalScore($vCalificacion1_1, $vCalificacion1_2, $vCalificacion1_3, $vCalificacion1_4, $vCalificacion1_5, $vCalificacion1_6);
            
            // Evaluator 2
            $vEvaluador2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "evaluador2");
            $vCalificacion_fecha2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_fecha");
            $vCalificacion2_1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_1");
            $vCalificacion2_2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_2");
            $vCalificacion2_3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_3");
            $vCalificacion2_4 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_4");
            $vCalificacion2_5 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_5");
            $vCalificacion2_6 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_6");
            $vCod_tipo_presentacion_recomendado2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_recomendado2");
            $totalScore2 = calculateTotalScore($vCalificacion2_1, $vCalificacion2_2, $vCalificacion2_3, $vCalificacion2_4, $vCalificacion2_5, $vCalificacion2_6);
            
            // Evaluator 3
            $vEvaluador3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "evaluador3");
            $vCalificacion_fecha3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_fecha");
            $vCalificacion3_1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_1");
            $vCalificacion3_2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_2");
            $vCalificacion3_3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_3");
            $vCalificacion3_4 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_4");
            $vCalificacion3_5 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_5");
            $vCalificacion3_6 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_6");
            $vCod_tipo_presentacion_recomendado3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_recomendado3");
            $totalScore3 = calculateTotalScore($vCalificacion3_1, $vCalificacion3_2, $vCalificacion3_3, $vCalificacion3_4, $vCalificacion3_5, $vCalificacion3_6);
        ?>
        
        <!-- Evaluations Section -->
        <h2 class="mb-4 fw-bold text-secondary">
            <i class="fas fa-clipboard-check me-2"></i>
            Evaluaciones
        </h2>
        
     <!-- Evaluator 1 Card -->
<div class="card mb-4">
    <div class="evaluator-header">
        <div class="evaluator-avatar">
            <?php 
            $evaluator1_name = GetDato("tusuario", "id", $vEvaluador1, "nombre");
            $evaluator1_avatar = GetDato("tusuario", "id", $vEvaluador1, "avatar");
            
            // Use avatar from database with specified path, fallback to UI Avatars
            $avatarUrl = !empty($evaluator1_avatar) 
                ? "dist/pages/evaluadores/acciones_evaluador/fotos_empleados/" . htmlspecialchars($evaluator1_avatar) 
                : "https://ui-avatars.com/api/?name=" . urlencode($evaluator1_name) . "&background=34846c&color=ffffff&size=60&rounded=true";
            
            echo "<img src='" . $avatarUrl . "' alt='Foto de evaluador' style='width: 100%; height: 100%; object-fit: cover; border-radius: 50%;'>";
            ?>
        </div>
        <div class="evaluator-info">
            <h3 class="evaluator-name">
                <?php echo $evaluator1_name; ?>
            </h3>
            <div class="evaluator-role">Evaluador #1</div>
        </div>
    </div>

    <div class="evaluation-meta">
        <div class="meta-item">
            <i class="fas fa-calendar-check meta-icon"></i>
            <span class="meta-label">Fecha de Evaluación:</span>
            <span class="meta-value"><?php echo $vCalificacion_fecha1; ?></span>
        </div>
    </div>
    
    <!-- Rest of the evaluator 1 card code remains the same -->
    <div class="criteria-header">
        <div class="criteria-label">CRITERIA</div>
        <div class="criteria-value">SCORE</div>
    </div>
    
    <!-- Quality Section -->
    <div class="criteria-category">
        <div class="category-label">
            <i class="fas fa-check-circle category-icon"></i>
            CALIDAD<br>(60%)
        </div>
        <div class="criteria-items">
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Objetivos Claros</span>
                    <span class="item-range">(0-10)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion1_1; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Metodología Apropiada</span>
                    <span class="item-range">(0-30)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion1_2; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Descripción Clara de Resultados</span>
                    <span class="item-range">(0-20)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion1_3; ?></div>
            </div>
        </div>
    </div>
    
    <!-- Relevance Section -->
    <div class="criteria-category">
        <div class="category-label">
            <i class="fas fa-star category-icon"></i>
            RELEVANCIA<br>(40%)
        </div>
        <div class="criteria-items">
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Innovación</span>
                    <span class="item-range">(0-10)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion1_4; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Aplicabilidad</span>
                    <span class="item-range">(0-10)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion1_5; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Relevancia — Utilidad</span>
                    <span class="item-range">(0-20)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion1_6; ?></div>
            </div>
        </div>
    </div>
    
    <!-- Final Score -->
    <div class="final-score">
        <div class="score-label">
            <i class="fas fa-chart-line score-icon"></i>
            PUNTUACIÓN FINAL
        </div>
        <div class="score-value"><?php echo $totalScore1; ?></div>
    </div>
    
    <div class="presentation-type">
        <div class="type-label">Tipo de presentación sugerido</div>
        <div class="type-badge">
            <i class="fas fa-<?php echo ($vCod_tipo_presentacion_recomendado1 == "O" ? "microphone-alt" : "image"); ?>"></i>
            <?php echo ($vCod_tipo_presentacion_recomendado1 == "O" ? "Presentación Oral" : "E-pósters"); ?>
        </div>
    </div>
        <!-- Botón de reseteo para Evaluador 1 -->

        <div class="presentation-type">
            <form action="reset_evaluation.php" method="post" class="reset-form" id="resetForm1">
                <input type="hidden" name="trabajo_codigo" value="<?php echo $vCodTrabajo; ?>">
                <input type="hidden" name="evaluador_num" value="1">
                <button type="button" class="reset-evaluation-btn" onclick="confirmReset(1)">
                    <i class="fas fa-trash-alt"></i>
                    Resetear calificación del Evaluador 1
                </button>
            </form>
        </div>
   
   </div>

<!-- Evaluator 2 Card -->
<div class="card mb-4">
    <div class="evaluator-header">
        <div class="evaluator-avatar">
            <?php 
            $evaluator2_name = GetDato("tusuario", "id", $vEvaluador2, "nombre");
            $evaluator2_avatar = GetDato("tusuario", "id", $vEvaluador2, "avatar");
            
            // Use avatar from database with specified path, fallback to UI Avatars
            $avatarUrl = !empty($evaluator2_avatar) 
                ? "dist/pages/evaluadores/acciones_evaluador/fotos_empleados/" . htmlspecialchars($evaluator2_avatar) 
                : "https://ui-avatars.com/api/?name=" . urlencode($evaluator2_name) . "&background=34846c&color=ffffff&size=60&rounded=true";
            
            echo "<img src='" . $avatarUrl . "' alt='Foto de evaluador' style='width: 100%; height: 100%; object-fit: cover; border-radius: 50%;'>";
            ?>
        </div>
        <div class="evaluator-info">
            <h3 class="evaluator-name">
                <?php echo $evaluator2_name; ?>
            </h3>
            <div class="evaluator-role">Evaluador #2</div>
        </div>
    </div>
    
    <div class="evaluation-meta">
        <div class="meta-item">
            <i class="fas fa-calendar-check meta-icon"></i>
            <span class="meta-label">Fecha de Evaluación:</span>
            <span class="meta-value"><?php echo $vCalificacion_fecha2; ?></span>
        </div>
    </div>
    
    <!-- Rest of the evaluator 2 card code remains the same -->
    <div class="criteria-header">
        <div class="criteria-label">CRITERIA</div>
        <div class="criteria-value">SCORE</div>
    </div>
    
    <!-- Quality Section -->
    <div class="criteria-category">
        <div class="category-label">
            <i class="fas fa-check-circle category-icon"></i>
            CALIDAD<br>(60%)
        </div>
        <div class="criteria-items">
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Objetivos Claros</span>
                    <span class="item-range">(0-10)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion2_1; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Metodología Apropiada</span>
                    <span class="item-range">(0-30)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion2_2; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Descripción Clara de Resultados</span>
                    <span class="item-range">(0-20)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion2_3; ?></div>
            </div>
        </div>
    </div>
    
    <!-- Relevance Section -->
    <div class="criteria-category">
        <div class="category-label">
            <i class="fas fa-star category-icon"></i>
            RELEVANCIA<br>(40%)
        </div>
        <div class="criteria-items">
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Innovación</span>
                    <span class="item-range">(0-10)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion2_4; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Aplicabilidad</span>
                    <span class="item-range">(0-10)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion2_5; ?></div>
            </div>
            
            <div class="criteria-item">
                <div class="item-name">
                    <span class="item-label">Relevancia — Utilidad</span>
                    <span class="item-range">(0-20)</span>
                </div>
                <div class="score-badge"><?php echo $vCalificacion2_6; ?></div>
            </div>
        </div>
    </div>
    
    <!-- Final Score -->
    <div class="final-score">
        <div class="score-label">
            <i class="fas fa-chart-line score-icon"></i>
            PUNTUACIÓN FINAL
        </div>
        <div class="score-value"><?php echo $totalScore2; ?></div>
    </div>
    
    <div class="presentation-type">
        <div class="type-label">Tipo de presentación sugerido</div>
        <div class="type-badge">
            <i class="fas fa-<?php echo ($vCod_tipo_presentacion_recomendado2 == "O" ? "microphone-alt" : "image"); ?>"></i>
            <?php echo ($vCod_tipo_presentacion_recomendado2 == "O" ? "Presentación Oral" : "E-pósters"); ?>
        </div>
    </div>
    
            <!-- Botón de reseteo para Evaluador 2 -->

        <div class="presentation-type">
            <form action="reset_evaluation.php" method="post" class="reset-form" id="resetForm2">
                <input type="hidden" name="trabajo_codigo" value="<?php echo $vCodTrabajo; ?>">
                <input type="hidden" name="evaluador_num" value="2">
                <button type="button" class="reset-evaluation-btn" onclick="confirmReset(2)">
                    <i class="fas fa-trash-alt"></i>
                    Resetear calificación del Evaluador 2
                </button>
            </form>
        </div>
</div>

<!-- Evaluator 3 Form -->
<form action="trabajo.php" method="post" name="formulario" id="formulario" enctype="multipart/form-data">
    <div class="card mb-4">
        <div class="evaluator-header">
            <div class="evaluator-avatar">
                <?php 
                $evaluator3_name = GetDato("tusuario", "id", $vEvaluador3, "nombre");
                $evaluator3_avatar = GetDato("tusuario", "id", $vEvaluador3, "avatar");
                
                // Use avatar from database with specified path, fallback to UI Avatars
                $avatarUrl = !empty($evaluator3_avatar) 
                    ? "dist/pages/evaluadores/acciones_evaluador/fotos_empleados/" . htmlspecialchars($evaluator3_avatar) 
                    : "https://ui-avatars.com/api/?name=" . urlencode($evaluator3_name) . "&background=34846c&color=ffffff&size=60&rounded=true";
                
                echo "<img src='" . $avatarUrl . "' alt='Foto de evaluador' style='width: 100%; height: 100%; object-fit: cover; border-radius: 50%;'>";
                ?>
            </div>
            <div class="evaluator-info">
                <h3 class="evaluator-name">
                    <?php echo $evaluator3_name; ?>
                </h3>
                <div class="evaluator-role">Evaluador #3</div>
            </div>
        </div>
        
        <div class="evaluation-meta">
            <div class="meta-item">
                <i class="fas fa-calendar-check meta-icon"></i>
                <span class="meta-label">Fecha de Evaluación:</span>
                <span class="meta-value"><?php echo $vCalificacion_fecha3; ?></span>
            </div>
        </div>
        
        <!-- Rest of the evaluator 3 card code remains the same -->
        <div class="criteria-header">
            <div class="criteria-label">CRITERIA</div>
            <div class="criteria-value">SCORE</div>
        </div>
        
        <!-- Quality Section -->
        <div class="criteria-category">
            <div class="category-label">
                <i class="fas fa-check-circle category-icon"></i>
                CALIDAD<br>(60%)
            </div>
            <div class="criteria-items">
                <div class="criteria-item">
                    <div class="item-name">
                        <span class="item-label">Objetivos Claros</span>
                        <span class="item-range">(0-10)</span>
                    </div>
                    <div class="score-badge"><?php echo $vCalificacion3_1; ?></div>
                </div>
                
                <div class="criteria-item">
                    <div class="item-name">
                        <span class="item-label">Metodología Apropiada</span>
                        <span class="item-range">(0-30)</span>
                    </div>
                    <div class="score-badge"><?php echo $vCalificacion3_2; ?></div>
                </div>
                
                <div class="criteria-item">
                    <div class="item-name">
                        <span class="item-label">Descripción Clara de Resultados</span>
                        <span class="item-range">(0-20)</span>
                    </div>
                    <div class="score-badge"><?php echo $vCalificacion3_3; ?></div>
                </div>
            </div>
        </div>
        
        <!-- Relevance Section -->
        <div class="criteria-category">
            <div class="category-label">
                <i class="fas fa-star category-icon"></i>
                RELEVANCIA<br>(40%)
            </div>
            <div class="criteria-items">
                <div class="criteria-item">
                    <div class="item-name">
                        <span class="item-label">Innovación</span>
                        <span class="item-range">(0-10)</span>
                    </div>
                    <div class="score-badge"><?php echo $vCalificacion3_4; ?></div>
                </div>
                
                <div class="criteria-item">
                    <div class="item-name">
                        <span class="item-label">Aplicabilidad</span>
                        <span class="item-range">(0-10)</span>
                    </div>
                    <div class="score-badge"><?php echo $vCalificacion3_5; ?></div>
                </div>
                
                <div class="criteria-item">
                    <div class="item-name">
                        <span class="item-label">Relevancia — Utilidad</span>
                        <span class="item-range">(0-20)</span>
                    </div>
                    <div class="score-badge"><?php echo $vCalificacion3_6; ?></div>
                </div>
            </div>
        </div>
        
        <!-- Final Score -->
        <div class="final-score">
            <div class="score-label">
                <i class="fas fa-chart-line score-icon"></i>
                PUNTUACIÓN FINAL
            </div>
            <div class="score-value"><?php echo $totalScore3; ?></div>
        </div>
        
        <div class="presentation-type">
            <div class="type-label">Tipo de presentación sugerido</div>
            <div class="type-badge">
                <i class="fas fa-<?php echo ($vCod_tipo_presentacion_recomendado3 == "O" ? "microphone-alt" : "image"); ?>"></i>
                <?php echo ($vCod_tipo_presentacion_recomendado3 == "O" ? "Presentación Oral" : "E-pósters"); ?>
            </div>
        </div>
        
        <!-- Form hidden fields -->
        <div class="p-4 text-center bg-light border-top">
            <input name="usr" id="usr" type="hidden" value="<?php echo $vIdUsr; ?>">
            <input name="trabajo" id="trabajo" type="hidden" value="<?php echo $vCodTrabajo; ?>">
            <button type="submit" name="Submit" class="btn-submit">
                <i class="fas fa-paper-plane"></i>
                Enviar Evaluación
            </button>
        </div>
    </div>
</form>

<!-- Botón de reseteo para Evaluador 3 (FUERA del formulario principal) -->
<div class="presentation-type">
    <form action="reset_evaluation.php" method="post" class="reset-form" id="resetForm3">
        <input type="hidden" name="trabajo_codigo" value="<?php echo $vCodTrabajo; ?>">
        <input type="hidden" name="evaluador_num" value="3">
        <button type="button" class="reset-evaluation-btn" onclick="confirmReset(3)">
            <i class="fas fa-trash-alt"></i>
            Resetear calificación del Evaluador 3
        </button>
    </form>
</div>


        
        <?php } else { 
            // Determine which evaluator the current user is
            $Bloquear = false;
            if ($vIdUsr==GetDato("ttrabajo", "codigo", $vCodTrabajo, "evaluador1")){
                if (GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_fecha")!=NULL){
                    $Bloquear = true;
                    $vCalificacion1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_1");
                    $vCalificacion2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_2");
                    $vCalificacion3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_3");
                    $vCalificacion4 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_4");
                    $vCalificacion5 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_5");
                    $vCalificacion6 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion1_6");
                    $vCod_tipo_presentacion_recomendado = GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_recomendado1");
                }
            } else if ($vIdUsr==GetDato("ttrabajo", "codigo", $vCodTrabajo, "evaluador2")){
                if (GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_fecha")!=NULL){
                    $Bloquear = true;
                    $vCalificacion1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_1");
                    $vCalificacion2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_2");
                    $vCalificacion3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_3");
                    $vCalificacion4 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_4");
                    $vCalificacion5 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_5");
                    $vCalificacion6 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion2_6");
                    $vCod_tipo_presentacion_recomendado = GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_recomendado2");
                }
            } else {
                if ($vIdUsr==GetDato("ttrabajo", "codigo", $vCodTrabajo, "evaluador3")){
                    if (GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_fecha")!=NULL){
                        $Bloquear = true;
                        $vCalificacion1 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_1");
                        $vCalificacion2 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_2");
                        $vCalificacion3 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_3");
                        $vCalificacion4 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_4");
                        $vCalificacion5 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_5");
                        $vCalificacion6 = GetDato("ttrabajo", "codigo", $vCodTrabajo, "calificacion3_6");
                        $vCod_tipo_presentacion_recomendado = GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_recomendado3");
                    }
                }
            }
            
            $vCod_tipo_presentacion_propuesto = GetDato("ttrabajo", "codigo", $vCodTrabajo, "cod_tipo_presentacion_propuesto");
        ?>
        
        <!-- Evaluation Form -->
        <div class="card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-clipboard-list"></i>
                    Formulario de Evaluación
                </h2>
            </div>
            
            <div class="card-body">
                <form action="trabajo.php" method="post" name="formulario" id="formulario" enctype="multipart/form-data">
                    <div class="criteria-header mb-4">
                        <div class="criteria-label">CRITERIA</div>
                        <div class="criteria-value">SCORE</div>
                    </div>
                    
                    <!-- Quality Section -->
                    <div class="form-section">
                        <h4 class="form-section-title">
                            <i class="fas fa-check-circle text-primary"></i>
                            Calidad (60%)
                        </h4>
                        
                        <div class="form-group">
                            <label class="form-label">Objetivos Claros (0-10)</label>
                            <select class="form-select" id="calificacion1" name="calificacion1" onchange="suma()" <?php echo ($Bloquear ? "disabled" : ""); ?>>
                                <?php for($i=0; $i<=10; $i++) { ?>
                                    <option value="<?php echo $i; ?>" <?php echo ($Bloquear ? ($vCalificacion1==$i ? "selected" : "") : ($i==0 ? "selected" : "")); ?>><?php echo $i; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">Metodología Apropiada (0-30)</label>
                            <select class="form-select" id="calificacion2" name="calificacion2" onchange="suma()" <?php echo ($Bloquear ? "disabled" : ""); ?>>
                                <?php for($i=0; $i<=30; $i++) { ?>
                                    <option value="<?php echo $i; ?>" <?php echo ($Bloquear ? ($vCalificacion2==$i ? "selected" : "") : ($i==0 ? "selected" : "")); ?>><?php echo $i; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">Descripción Clara de Resultados (0-20)</label>
                            <select class="form-select" id="calificacion3" name="calificacion3" onchange="suma()" <?php echo ($Bloquear ? "disabled" : ""); ?>>
                                <?php for($i=0; $i<=20; $i++) { ?>
                                    <option value="<?php echo $i; ?>" <?php echo ($Bloquear ? ($vCalificacion3==$i ? "selected" : "") : ($i==0 ? "selected" : "")); ?>><?php echo $i; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    
                    <!-- Relevance Section -->
                    <div class="form-section">
                        <h4 class="form-section-title">
                            <i class="fas fa-star text-primary"></i>
                            Relevancia (40%)
                        </h4>
                        
                        <div class="form-group">
                            <label class="form-label">Innovación (0-10)</label>
                            <select class="form-select" id="calificacion4" name="calificacion4" onchange="suma()" <?php echo ($Bloquear ? "disabled" : ""); ?>>
                                <?php for($i=0; $i<=10; $i++) { ?>
                                    <option value="<?php echo $i; ?>" <?php echo ($Bloquear ? ($vCalificacion4==$i ? "selected" : "") : ($i==0 ? "selected" : "")); ?>><?php echo $i; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">Aplicabilidad (0-10)</label>
                            <select class="form-select" id="calificacion5" name="calificacion5" onchange="suma()" <?php echo ($Bloquear ? "disabled" : ""); ?>>
                                <?php for($i=0; $i<=10; $i++) { ?>
                                    <option value="<?php echo $i; ?>" <?php echo ($Bloquear ? ($vCalificacion5==$i ? "selected" : "") : ($i==0 ? "selected" : "")); ?>><?php echo $i; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">Relevancia — Utilidad (0-20)</label>
                            <select class="form-select" id="calificacion6" name="calificacion6" onchange="suma()" <?php echo ($Bloquear ? "disabled" : ""); ?>>
                                <?php for($i=0; $i<=20; $i++) { ?>
                                    <option value="<?php echo $i; ?>" <?php echo ($Bloquear ? ($vCalificacion6==$i ? "selected" : "") : ($i==0 ? "selected" : "")); ?>><?php echo $i; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    
                    <!-- Final Score -->
                    <div class="form-total-score">
                        <div class="total-score-label">
                            <i class="fas fa-calculator"></i>
                            PUNTUACIÓN FINAL (0-100)
                        </div>
                        <input type="text" class="form-control total-score-input" name="calificaciontotal" id="calificaciontotal" readonly value="<?php echo ($Bloquear ? ($vCalificacion1 + $vCalificacion2 + $vCalificacion3 + $vCalificacion4 + $vCalificacion5 + $vCalificacion6) : 0); ?>">
                    </div>
                    
                    <!-- Presentation Type -->
                    <div class="form-group mt-4">
                        <label class="form-label">Tipo de presentación sugerido por el evaluador:</label>
                        <div class="radio-group">
                            <label class="radio-option">
                                <input type="radio" name="Tipopresentacionsugerida" value="O" required <?php 
                                    if ($Bloquear) {
                                        echo "disabled ".($vCod_tipo_presentacion_recomendado=="O" ? "checked" : "");
                                    } else {
                                        // Make sure at least one option is selected by default
                                        if ($vCod_tipo_presentacion_propuesto != "M") {
                                            echo "checked";
                                        } else {
                                            echo ($vCod_tipo_presentacion_propuesto=="O" ? "checked" : "");
                                        }
                                    }
                                ?>>
                                <span>Presentación Oral</span>
                            </label>
                            <label class="radio-option">
                                <input type="radio" name="Tipopresentacionsugerida" value="M" required <?php 
                                    echo ($Bloquear ? "disabled ".($vCod_tipo_presentacion_recomendado=="M" ? "checked" : "") : ($vCod_tipo_presentacion_propuesto=="M" ? "checked" : "")); 
                                ?>>
                                <span>E-pósters</span>
                            </label>
                        </div>
                    </div>
                    
                    <div class="form-footer">
                        <input name="usr" id="usr" type="hidden" value="<?php echo $vIdUsr; ?>">
                        <input name="trabajo" id="trabajo" type="hidden" value="<?php echo $vCodTrabajo; ?>">
                        <button type="submit" name="Submit" class="btn-submit" <?php echo ($Bloquear ? "disabled" : ""); ?>>
                            <i class="fas fa-paper-plane"></i>
                            Enviar Evaluación
                        </button>
                        <?php if (!$Bloquear) { ?>
                            <div class="form-notice">Recuerde que solo puede enviar esta evaluación una vez.</div>
                        <?php } ?>
                    </div>
                </form>
            </div>
        </div>
        <?php } ?>
        
        <?php } else {
            extract($_REQUEST, EXTR_PREFIX_ALL, "P");
            extract($_REQUEST, EXTR_PREFIX_ALL, "G");
            
            if (isset($P_calificacion1)){
                $vEvaluador = trim($P_usr);
                $CalificacionTotal = $P_calificacion1 + $P_calificacion2 + $P_calificacion3 + $P_calificacion4 + $P_calificacion5 + $P_calificacion6;
                $vEvaluador1 = GetDato("ttrabajo", "codigo", $P_trabajo, "evaluador1");
                $vEvaluador2 = GetDato("ttrabajo", "codigo", $P_trabajo, "evaluador2");
                $vEvaluador3 = GetDato("ttrabajo", "codigo", $P_trabajo, "evaluador3");
                
                $i = (trim($vEvaluador)==trim($vEvaluador1) ? '1' : (trim($vEvaluador)==trim($vEvaluador2) ? '2': (trim($vEvaluador)==trim($vEvaluador3) ? '3':'0')));
                
                // Store current date in MySQL compatible format
                $currentDateTime = date('Y-m-d H:i:s');
                
                // Format for display (if needed elsewhere)
                $displayDateTime = date('Y / m / d (H:i)');
                
                $vSet = "estado='3',
                        calificacion".$i."_1='".$P_calificacion1."', 
                        calificacion".$i."_2='".$P_calificacion2."', 
                        calificacion".$i."_3='".$P_calificacion3."', 
                        calificacion".$i."_4='".$P_calificacion4."', 
                        calificacion".$i."_5='".$P_calificacion5."', 
                        calificacion".$i."_6='".$P_calificacion6."', 
                        calificacion".$i."_fecha='".$currentDateTime."',
                        cod_tipo_presentacion_recomendado".$i."='".$P_Tipopresentacionsugerida."'";
                        
                UpdateRegEsp("ttrabajo", $vSet, "codigo='".trim($P_trabajo)."'");
        ?>
        
        <!-- Success Message after submission -->
        <div class="success-card">
            <div class="success-header">
                <div class="success-icon">
                    <i class="fas fa-check-circle"></i>
                </div>
                <h2 class="success-title">¡Evaluación Enviada con Éxito!</h2>
                <p class="mb-0">Su evaluación ha sido registrada en el sistema</p>
            </div>
            <div class="success-body">
                <div class="success-detail">
                    <span class="success-label">Código del Abstract</span>
                    <div class="success-value success-highlight"><?php echo $P_trabajo; ?></div>
                </div>
                
                <div class="success-detail">
                    <span class="success-label">Fecha de Evaluación</span>
                    <div class="success-value"><?php echo $displayDateTime; ?></div>
                </div>
                
                <div class="success-detail">
                    <span class="success-label">Título</span>
                    <div class="success-value"><?php echo GetDato("ttrabajo", "codigo", $P_trabajo, "titulo"); ?></div>
                </div>
                
                <div class="success-detail">
                    <span class="success-label">Tipo de Presentación Propuesto</span>
                    <div class="success-value"><?php echo GetDato("ttipo_presentacion", "codigo", GetDato("ttrabajo", "codigo", $P_trabajo, "cod_tipo_presentacion_propuesto"), "descripcion_esp"); ?></div>
                </div>
                
                <div class="success-detail">
                    <span class="success-label">Tipo de Presentación Recomendado</span>
                    <div class="success-value"><?php echo GetDato("ttipo_presentacion", "codigo", $P_Tipopresentacionsugerida, "descripcion_esp"); ?></div>
                </div>
                
                <div class="success-detail">
                    <span class="success-label">Puntuación Total</span>
                    <div class="success-value success-highlight"><?php echo $CalificacionTotal; ?> / 100</div>
                </div>
                
                <div class="success-footer">
                    <button class="btn-submit" onclick="cerrar()">
                        <i class="fas fa-times-circle"></i>
                        Cerrar Evaluación
                    </button>
                </div>
            </div>
        </div>
        
        <?php
            } 
        }
        ?>
    </div>

    <!-- Bootstrap JS Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            suma();
        });
    </script>
    
    <!-- Modal de confirmación -->
<div class="modal-confirmation" id="confirmModal">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">
                <i class="fas fa-exclamation-triangle"></i>
                Confirmar reseteo
            </h5>
        </div>
        <div class="modal-body">
            <p>¿Está seguro que desea resetear la calificación del <span id="evaluadorNum"></span>?</p>
            <p>Esta acción eliminará todos los datos de evaluación y no se puede deshacer.</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn-secondary" onclick="closeModal()">Cancelar</button>
            <button type="button" class="btn-danger" onclick="submitReset()">Resetear</button>
        </div>
    </div>
</div>


</body>
</html>