diff --git a/public/userarea/employee-profile.php b/public/userarea/employee-profile.php
index a00ef9f..3727328 100644
--- a/public/userarea/employee-profile.php
+++ b/public/userarea/employee-profile.php
@@ -169,33 +169,47 @@ $rolesList = $isHrManager
 /* ==========================================
    HELPERS
    ========================================== */
-function statusBadge(string $status): array {
+function statusBadge(string $status): array
+{
     switch ($status) {
-        case 'active':    return ['label' => 'Attivo',     'class' => 'success'];
-        case 'inactive':  return ['label' => 'Cessato',    'class' => 'secondary'];
-        case 'suspended': return ['label' => 'Sospeso',    'class' => 'warning'];
-        default:          return ['label' => htmlspecialchars($status), 'class' => 'secondary'];
+        case 'active':
+            return ['label' => 'Attivo',     'class' => 'success'];
+        case 'inactive':
+            return ['label' => 'Cessato',    'class' => 'secondary'];
+        case 'suspended':
+            return ['label' => 'Sospeso',    'class' => 'warning'];
+        default:
+            return ['label' => htmlspecialchars($status), 'class' => 'secondary'];
     }
 }
-function fmtDate(?string $d): string {
+function fmtDate(?string $d): string
+{
     if (!$d || $d === '0000-00-00') return '—';
     $ts = strtotime($d);
     return $ts ? date('d/m/Y', $ts) : '—';
 }
-function valOrDash($v): string {
+function valOrDash($v): string
+{
     $v = (string)($v ?? '');
     return $v !== '' ? htmlspecialchars($v) : '—';
 }
-function categoryLabel(string $c): string {
+function categoryLabel(string $c): string
+{
     switch ($c) {
-        case 'job_description': return 'Mansionario';
-        case 'contract':        return 'Contratto';
-        case 'rules':           return 'Regolamento';
-        case 'other':           return 'Altro';
-        default:                return htmlspecialchars($c);
+        case 'job_description':
+            return 'Mansionario';
+        case 'contract':
+            return 'Contratto';
+        case 'rules':
+            return 'Regolamento';
+        case 'other':
+            return 'Altro';
+        default:
+            return htmlspecialchars($c);
     }
 }
-function trainingStatus(?string $nextDue, ?int $reminderDays, ?int $topicDefaultRem): array {
+function trainingStatus(?string $nextDue, ?int $reminderDays, ?int $topicDefaultRem): array
+{
     if (!$nextDue) {
         return ['code' => 'compliant', 'label' => 'Conforme', 'class' => 'success'];
     }
@@ -208,7 +222,8 @@ function trainingStatus(?string $nextDue, ?int $reminderDays, ?int $topicDefault
     if ($daysLeft <= $rem)          return ['code' => 'due_soon',    'label' => 'Da aggiornare',    'class' => 'warning'];
     return                                  ['code' => 'compliant',  'label' => 'Conforme',         'class' => 'success'];
 }
-function fmtFileSize(?int $bytes): string {
+function fmtFileSize(?int $bytes): string
+{
     if ($bytes === null || $bytes <= 0) return '—';
     if ($bytes < 1024)         return $bytes . ' B';
     if ($bytes < 1024 * 1024)  return number_format($bytes / 1024, 1) . ' KB';
@@ -224,25 +239,55 @@ function fmtFileSize(?int $bytes): string {
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
     <?php include('cssinclude.php'); ?>
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.8/css/dataTables.bootstrap5.min.css">
     <title>Profilo Dipendente - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
 
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 
     <style>
-        body { font-size: 1.05rem; background: #f8fafc; }
-        .card { border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
+        body {
+            font-size: 1.05rem;
+            background: #f8fafc;
+        }
+
+        .card {
+            border-radius: 16px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        }
+
         .back-dashboard {
-            background-color: #cfe3ff !important; color: #1f2d3d !important;
-            border: 1px solid #bcd4f4 !important; border-radius: 10px;
-            font-weight: 600; padding: 10px 18px;
+            background-color: #cfe3ff !important;
+            color: #1f2d3d !important;
+            border: 1px solid #bcd4f4 !important;
+            border-radius: 10px;
+            font-weight: 600;
+            padding: 10px 18px;
             box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
             transition: all 0.2s ease-in-out;
         }
-        .back-dashboard:hover { background-color: #b9d3ff !important; transform: translateY(-2px); }
-        .btn-add { background-color: #0d6efd; color: #fff; border-radius: 8px; padding: 10px 20px; font-weight: 500; }
-        .btn-add:hover { background-color: #0b5ed7; transform: scale(1.02); }
-        .modal-content { border-radius: 16px; }
+
+        .back-dashboard:hover {
+            background-color: #b9d3ff !important;
+            transform: translateY(-2px);
+        }
+
+        .btn-add {
+            background-color: #0d6efd;
+            color: #fff;
+            border-radius: 8px;
+            padding: 10px 20px;
+            font-weight: 500;
+        }
+
+        .btn-add:hover {
+            background-color: #0b5ed7;
+            transform: scale(1.02);
+        }
+
+        .modal-content {
+            border-radius: 16px;
+        }
 
         .profile-header {
             background: linear-gradient(135deg, #cfe3ff 0%, #e0e9f8 100%);
@@ -254,38 +299,93 @@ function fmtFileSize(?int $bytes): string {
             align-items: center;
             flex-wrap: wrap;
         }
+
         .profile-avatar {
-            width: 96px; height: 96px;
+            width: 96px;
+            height: 96px;
             border-radius: 50%;
             background: #fff;
-            display: flex; align-items: center; justify-content: center;
-            font-size: 2.4rem; font-weight: 700;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 2.4rem;
+            font-weight: 700;
             color: #1f2d3d;
             border: 3px solid #fff;
-            box-shadow: 0 4px 12px rgba(0,0,0,.08);
+            box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
             flex-shrink: 0;
             overflow: hidden;
         }
-        .profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
-        .profile-name { font-size: 1.6rem; font-weight: 700; color: #1f2d3d; margin: 0; }
-        .profile-subtitle { color: #475569; margin: 4px 0 8px 0; }
-        .profile-badges { display: flex; flex-wrap: wrap; gap: 6px; }
-        .pill {
-            display: inline-block; padding: 4px 12px;
-            border-radius: 999px; font-size: 0.85rem; font-weight: 600;
+
+        .profile-avatar img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        .profile-name {
+            font-size: 1.6rem;
+            font-weight: 700;
+            color: #1f2d3d;
+            margin: 0;
+        }
+
+        .profile-subtitle {
+            color: #475569;
+            margin: 4px 0 8px 0;
+        }
+
+        .profile-badges {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 6px;
+        }
+
+        .pill {
+            display: inline-block;
+            padding: 4px 12px;
+            border-radius: 999px;
+            font-size: 0.85rem;
+            font-weight: 600;
+        }
+
+        .pill-dept {
+            background: rgba(0, 0, 0, .06);
+            color: #1f2d3d;
+        }
+
+        .pill-role {
+            background: #fff;
+            color: #334155;
+            border: 1px solid #cbd5e1;
+        }
+
+        .pill-status-success {
+            background: #d1fae5;
+            color: #065f46;
+        }
+
+        .pill-status-secondary {
+            background: #e5e7eb;
+            color: #374151;
+        }
+
+        .pill-status-warning {
+            background: #fef3c7;
+            color: #92400e;
+        }
+
+        .pill-status-danger {
+            background: #fee2e2;
+            color: #991b1b;
         }
-        .pill-dept { background: rgba(0,0,0,.06); color: #1f2d3d; }
-        .pill-role { background: #fff; color: #334155; border: 1px solid #cbd5e1; }
-        .pill-status-success { background: #d1fae5; color: #065f46; }
-        .pill-status-secondary { background: #e5e7eb; color: #374151; }
-        .pill-status-warning { background: #fef3c7; color: #92400e; }
-        .pill-status-danger { background: #fee2e2; color: #991b1b; }
 
         .nav-tabs {
             border-bottom: 1px solid #e2e8f0;
             flex-wrap: nowrap;
             gap: 2px;
         }
+
         .nav-tabs .nav-link {
             border: none;
             color: #64748b;
@@ -297,48 +397,105 @@ function fmtFileSize(?int $bytes): string {
             gap: 8px;
             white-space: nowrap;
         }
-        .nav-tabs .nav-link i { font-size: 1.2rem; }
+
+        .nav-tabs .nav-link i {
+            font-size: 1.2rem;
+        }
+
         .nav-tabs .nav-link.active {
             color: #0d6efd;
             border-bottom: 3px solid #0d6efd;
             background: transparent;
         }
+
         .tab-burger {
             display: none;
             position: relative;
             margin-bottom: 12px;
         }
+
         .tab-burger-btn {
-            display: flex; align-items: center; gap: 10px;
-            width: 100%; justify-content: space-between;
-            background: #cfe3ff; color: #1f2d3d; border: 1px solid #bcd4f4;
-            border-radius: 10px; padding: 12px 16px;
-            font-weight: 600; font-size: 1rem;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            width: 100%;
+            justify-content: space-between;
+            background: #cfe3ff;
+            color: #1f2d3d;
+            border: 1px solid #bcd4f4;
+            border-radius: 10px;
+            padding: 12px 16px;
+            font-weight: 600;
+            font-size: 1rem;
             cursor: pointer;
         }
-        .tab-burger-btn .burger-left { display: flex; align-items: center; gap: 10px; }
-        .tab-burger-btn i.bx-menu { font-size: 1.4rem; }
-        .tab-burger-btn .caret { transition: transform .2s; }
-        .tab-burger.open .tab-burger-btn .caret { transform: rotate(180deg); }
+
+        .tab-burger-btn .burger-left {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .tab-burger-btn i.bx-menu {
+            font-size: 1.4rem;
+        }
+
+        .tab-burger-btn .caret {
+            transition: transform .2s;
+        }
+
+        .tab-burger.open .tab-burger-btn .caret {
+            transform: rotate(180deg);
+        }
+
         .tab-burger-menu {
-            position: absolute; top: calc(100% + 4px); left: 0; right: 0;
-            background: #fff; border: 1px solid #e2e8f0; border-radius: 10px;
-            box-shadow: 0 8px 24px rgba(0,0,0,.12);
-            padding: 6px 0; margin: 0; list-style: none;
+            position: absolute;
+            top: calc(100% + 4px);
+            left: 0;
+            right: 0;
+            background: #fff;
+            border: 1px solid #e2e8f0;
+            border-radius: 10px;
+            box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
+            padding: 6px 0;
+            margin: 0;
+            list-style: none;
             z-index: 1050;
             display: none;
         }
-        .tab-burger.open .tab-burger-menu { display: block; }
+
+        .tab-burger.open .tab-burger-menu {
+            display: block;
+        }
+
         .tab-burger-menu li a {
-            display: flex; align-items: center; gap: 10px;
-            padding: 10px 16px; color: #334155; text-decoration: none;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            padding: 10px 16px;
+            color: #334155;
+            text-decoration: none;
             font-weight: 500;
         }
-        .tab-burger-menu li a:hover { background: #f1f5f9; }
-        .tab-burger-menu li a.active { background: #cfe3ff; color: #1f2d3d; font-weight: 600; }
+
+        .tab-burger-menu li a:hover {
+            background: #f1f5f9;
+        }
+
+        .tab-burger-menu li a.active {
+            background: #cfe3ff;
+            color: #1f2d3d;
+            font-weight: 600;
+        }
+
         @media (max-width: 767.98px) {
-            .nav-tabs { display: none; }
-            .tab-burger { display: block; }
+            .nav-tabs {
+                display: none;
+            }
+
+            .tab-burger {
+                display: block;
+            }
         }
 
         .info-grid {
@@ -346,23 +503,58 @@ function fmtFileSize(?int $bytes): string {
             grid-template-columns: repeat(2, minmax(0, 1fr));
             gap: 18px 28px;
         }
-        @media (max-width: 767.98px) { .info-grid { grid-template-columns: 1fr; } }
-        .info-row { border-bottom: 1px dashed #e2e8f0; padding-bottom: 10px; }
-        .info-label { font-size: 0.8rem; text-transform: uppercase; color: #64748b; letter-spacing: 0.04em; margin-bottom: 4px; }
-        .info-value { font-size: 1.05rem; color: #1f2937; font-weight: 500; word-break: break-word; }
+
+        @media (max-width: 767.98px) {
+            .info-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+        .info-row {
+            border-bottom: 1px dashed #e2e8f0;
+            padding-bottom: 10px;
+        }
+
+        .info-label {
+            font-size: 0.8rem;
+            text-transform: uppercase;
+            color: #64748b;
+            letter-spacing: 0.04em;
+            margin-bottom: 4px;
+        }
+
+        .info-value {
+            font-size: 1.05rem;
+            color: #1f2937;
+            font-weight: 500;
+            word-break: break-word;
+        }
 
         .empty-profile {
-            text-align: center; padding: 60px 20px; color: #64748b;
+            text-align: center;
+            padding: 60px 20px;
+            color: #64748b;
+        }
+
+        .empty-profile h4 {
+            color: #1f2937;
         }
-        .empty-profile h4 { color: #1f2937; }
 
         .placeholder-section {
-            text-align: center; padding: 60px 20px; color: #94a3b8;
+            text-align: center;
+            padding: 60px 20px;
+            color: #94a3b8;
+        }
+
+        .placeholder-section .bx {
+            font-size: 3rem;
+            color: #cbd5e1;
         }
-        .placeholder-section .bx { font-size: 3rem; color: #cbd5e1; }
 
         .mma-bar {
-            display: flex; flex-wrap: wrap; align-items: center;
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
             gap: 6px;
             padding: 8px 12px;
             background: #fffbeb;
@@ -370,47 +562,112 @@ function fmtFileSize(?int $bytes): string {
             border-radius: 10px;
             font-size: 0.9rem;
         }
-        .mma-bar-label { color: #78350f; margin-right: 4px; }
+
+        .mma-bar-label {
+            color: #78350f;
+            margin-right: 4px;
+        }
+
         .mma-chip {
-            display: inline-flex; align-items: center; gap: 5px;
+            display: inline-flex;
+            align-items: center;
+            gap: 5px;
             background: #fff;
             border: 1px solid #fcd34d;
             color: #92400e;
             border-radius: 999px;
             padding: 3px 10px;
-            font-size: 0.85rem; font-weight: 500;
+            font-size: 0.85rem;
+            font-weight: 500;
             cursor: pointer;
             transition: background .15s, transform .1s;
         }
-        .mma-chip:hover { background: #fef3c7; transform: translateY(-1px); }
-        .mma-chip-plus { color: #d97706; font-weight: 700; }
-        .mma-chip.mma-chip-static { cursor: default; }
-        .mma-chip.mma-chip-static:hover { background: #fff; transform: none; }
+
+        .mma-chip:hover {
+            background: #fef3c7;
+            transform: translateY(-1px);
+        }
+
+        .mma-chip-plus {
+            color: #d97706;
+            font-weight: 700;
+        }
+
+        .mma-chip.mma-chip-static {
+            cursor: default;
+        }
+
+        .mma-chip.mma-chip-static:hover {
+            background: #fff;
+            transform: none;
+        }
 
         .doc-card {
-            border: 1px solid #e2e8f0; border-radius: 14px;
-            padding: 14px 16px; margin-bottom: 12px;
+            border: 1px solid #e2e8f0;
+            border-radius: 14px;
+            padding: 14px 16px;
+            margin-bottom: 12px;
             background: #fff;
-            box-shadow: 0 2px 6px rgba(0,0,0,.04);
+            box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
         }
+
         .doc-card-title {
-            display: block; font-size: 1.05rem; font-weight: 600;
-            color: #1f2937; text-decoration: none; word-break: break-word;
+            display: block;
+            font-size: 1.05rem;
+            font-weight: 600;
+            color: #1f2937;
+            text-decoration: none;
+            word-break: break-word;
         }
+
         .doc-card-meta {
-            display: flex; flex-wrap: wrap; gap: 6px 14px;
-            font-size: 0.85rem; color: #64748b; margin: 10px 0;
+            display: flex;
+            flex-wrap: wrap;
+            gap: 6px 14px;
+            font-size: 0.85rem;
+            color: #64748b;
+            margin: 10px 0;
+        }
+
+        .doc-card-meta b {
+            color: #1f2937;
+            font-weight: 600;
+        }
+
+        .doc-card-actions {
+            display: flex;
+            gap: 8px;
+        }
+
+        .doc-card-actions .btn {
+            flex: 1;
         }
-        .doc-card-meta b { color: #1f2937; font-weight: 600; }
-        .doc-card-actions { display: flex; gap: 8px; }
-        .doc-card-actions .btn { flex: 1; }
 
         @media (max-width: 767.98px) {
-            .card-header { flex-direction: column; align-items: flex-start !important; gap: .5rem; }
-            .back-dashboard { width: 100%; }
-            .profile-header { padding: 16px; gap: 14px; }
-            .profile-avatar { width: 72px; height: 72px; font-size: 1.8rem; }
-            .profile-name { font-size: 1.3rem; }
+            .card-header {
+                flex-direction: column;
+                align-items: flex-start !important;
+                gap: .5rem;
+            }
+
+            .back-dashboard {
+                width: 100%;
+            }
+
+            .profile-header {
+                padding: 16px;
+                gap: 14px;
+            }
+
+            .profile-avatar {
+                width: 72px;
+                height: 72px;
+                font-size: 1.8rem;
+            }
+
+            .profile-name {
+                font-size: 1.3rem;
+            }
         }
     </style>
 </head>
@@ -458,16 +715,28 @@ function fmtFileSize(?int $bytes): string {
                             $deptName = $employee['department_name'] ?? null;
                             $deptColor = $employee['department_color'] ?? null;
                             $jobName  = $employee['job_role_name'] ?? null;
-                            $avatar   = $employee['auth_avatar'] ?? null;
+
+                            $avatar = trim((string)($employee['auth_avatar'] ?? ''));
+
+                            if ($avatar !== '') {
+                                // If the DB stores only the filename, build the correct relative path.
+                                if (
+                                    strpos($avatar, '/') === false &&
+                                    strpos($avatar, '\\') === false &&
+                                    !preg_match('/^https?:\/\//i', $avatar)
+                                ) {
+                                    $avatar = '../upload/users/' . $avatar;
+                                }
+                            }
                             ?>
 
                             <!-- HEADER -->
                             <div class="profile-header">
                                 <div class="profile-avatar">
-                                    <?php if ($avatar): ?>
-                                        <img src="<?= htmlspecialchars($avatar) ?>" alt="avatar">
+                                    <?php if (!empty($avatar)): ?>
+                                        <img src="<?= htmlspecialchars($avatar, ENT_QUOTES, 'UTF-8') ?>" alt="user avatar">
                                     <?php else: ?>
-                                        <?= htmlspecialchars($initials !== '' ? $initials : '?') ?>
+                                        <?= htmlspecialchars($initials !== '' ? $initials : '?', ENT_QUOTES, 'UTF-8') ?>
                                     <?php endif; ?>
                                 </div>
                                 <div style="flex:1; min-width: 240px;">
@@ -569,7 +838,7 @@ function fmtFileSize(?int $bytes): string {
                                             <div class="info-value">
                                                 <?php if (!empty($employee['phone'])): ?>
                                                     <a href="tel:<?= htmlspecialchars($employee['phone'], ENT_QUOTES) ?>"><?= htmlspecialchars($employee['phone']) ?></a>
-                                                <?php else: ?>—<?php endif; ?>
+                                                    <?php else: ?>—<?php endif; ?>
                                             </div>
                                         </div>
                                         <div class="info-row">
@@ -577,7 +846,7 @@ function fmtFileSize(?int $bytes): string {
                                             <div class="info-value">
                                                 <?php if (!empty($employee['email'])): ?>
                                                     <a href="mailto:<?= htmlspecialchars($employee['email'], ENT_QUOTES) ?>"><?= htmlspecialchars($employee['email']) ?></a>
-                                                <?php else: ?>—<?php endif; ?>
+                                                    <?php else: ?>—<?php endif; ?>
                                             </div>
                                         </div>
                                         <div class="info-row">
@@ -631,7 +900,7 @@ function fmtFileSize(?int $bytes): string {
                                     <?php else: ?>
                                         <!-- DESKTOP TABLE -->
                                         <div class="table-responsive d-none d-md-block">
-                                            <table class="table table-striped align-middle">
+                                            <table id="documentsTable" class="table table-striped align-middle">
                                                 <thead style="background-color:#cfe3ff;">
                                                     <tr>
                                                         <th>Categoria</th>
@@ -654,7 +923,7 @@ function fmtFileSize(?int $bytes): string {
                                                             <td><span class="pill pill-dept"><?= categoryLabel((string)$d['category']) ?></span></td>
                                                             <td>
                                                                 <a href="ajax/employee_profile/download_document.php?id=<?= $did ?>"
-                                                                   class="fw-semibold text-decoration-none">
+                                                                    class="fw-semibold text-decoration-none">
                                                                     <i class='bx bx-file me-1'></i><?= htmlspecialchars($d['original_name']) ?>
                                                                 </a>
                                                                 <?php if (!empty($d['notes'])): ?>
@@ -666,11 +935,11 @@ function fmtFileSize(?int $bytes): string {
                                                             <td><?= fmtDate(substr((string)$d['created_at'], 0, 10)) ?></td>
                                                             <td class="text-end">
                                                                 <a class="btn btn-sm btn-outline-primary"
-                                                                   href="ajax/employee_profile/download_document.php?id=<?= $did ?>">⬇️ Scarica</a>
+                                                                    href="ajax/employee_profile/download_document.php?id=<?= $did ?>">⬇️ Scarica</a>
                                                                 <?php if ($canEdit): ?>
                                                                     <button class="btn btn-sm btn-outline-danger delete-document"
-                                                                            data-id="<?= $did ?>"
-                                                                            data-name="<?= htmlspecialchars($d['original_name'], ENT_QUOTES) ?>">
+                                                                        data-id="<?= $did ?>"
+                                                                        data-name="<?= htmlspecialchars($d['original_name'], ENT_QUOTES) ?>">
                                                                         🗑️
                                                                     </button>
                                                                 <?php endif; ?>
@@ -696,7 +965,7 @@ function fmtFileSize(?int $bytes): string {
                                                         <span class="small text-muted"><?= fmtDate(substr((string)$d['created_at'], 0, 10)) ?></span>
                                                     </div>
                                                     <a href="ajax/employee_profile/download_document.php?id=<?= $did ?>"
-                                                       class="doc-card-title">
+                                                        class="doc-card-title">
                                                         <i class='bx bx-file me-1'></i><?= htmlspecialchars($d['original_name']) ?>
                                                     </a>
                                                     <?php if (!empty($d['notes'])): ?>
@@ -708,11 +977,11 @@ function fmtFileSize(?int $bytes): string {
                                                     </div>
                                                     <div class="doc-card-actions">
                                                         <a class="btn btn-sm btn-outline-primary"
-                                                           href="ajax/employee_profile/download_document.php?id=<?= $did ?>">⬇️ Scarica</a>
+                                                            href="ajax/employee_profile/download_document.php?id=<?= $did ?>">⬇️ Scarica</a>
                                                         <?php if ($canEdit): ?>
                                                             <button class="btn btn-sm btn-outline-danger delete-document"
-                                                                    data-id="<?= $did ?>"
-                                                                    data-name="<?= htmlspecialchars($d['original_name'], ENT_QUOTES) ?>">
+                                                                data-id="<?= $did ?>"
+                                                                data-name="<?= htmlspecialchars($d['original_name'], ENT_QUOTES) ?>">
                                                                 🗑️
                                                             </button>
                                                         <?php endif; ?>
@@ -865,7 +1134,7 @@ function fmtFileSize(?int $bytes): string {
                                     <?php else: ?>
                                         <!-- DESKTOP TABLE -->
                                         <div class="table-responsive d-none d-md-block">
-                                            <table class="table table-striped align-middle">
+                                            <table id="trainingTable" class="table table-striped align-middle">
                                                 <thead style="background-color:#cfe3ff;">
                                                     <tr>
                                                         <th>Corso</th>
@@ -882,9 +1151,11 @@ function fmtFileSize(?int $bytes): string {
                                                         <?php
                                                         $tid = (int)$t['id'];
                                                         $s   = !empty($t['_is_latest'])
-                                                            ? trainingStatus($t['next_due_date'] ?: null,
-                                                                              $t['reminder_days'] !== null ? (int)$t['reminder_days'] : null,
-                                                                              $t['topic_default_rem'] !== null ? (int)$t['topic_default_rem'] : null)
+                                                            ? trainingStatus(
+                                                                $t['next_due_date'] ?: null,
+                                                                $t['reminder_days'] !== null ? (int)$t['reminder_days'] : null,
+                                                                $t['topic_default_rem'] !== null ? (int)$t['topic_default_rem'] : null
+                                                            )
                                                             : ['code' => 'storico', 'label' => 'Storico', 'class' => 'secondary'];
                                                         $typeLabel = $t['training_type'] === 'refresher' ? 'Aggiornamento' : 'Iniziale';
                                                         ?>
@@ -931,9 +1202,11 @@ function fmtFileSize(?int $bytes): string {
                                                 <?php
                                                 $tid = (int)$t['id'];
                                                 $s   = !empty($t['_is_latest'])
-                                                    ? trainingStatus($t['next_due_date'] ?: null,
-                                                                      $t['reminder_days'] !== null ? (int)$t['reminder_days'] : null,
-                                                                      $t['topic_default_rem'] !== null ? (int)$t['topic_default_rem'] : null)
+                                                    ? trainingStatus(
+                                                        $t['next_due_date'] ?: null,
+                                                        $t['reminder_days'] !== null ? (int)$t['reminder_days'] : null,
+                                                        $t['topic_default_rem'] !== null ? (int)$t['topic_default_rem'] : null
+                                                    )
                                                     : ['code' => 'storico', 'label' => 'Storico', 'class' => 'secondary'];
                                                 $typeLabel = $t['training_type'] === 'refresher' ? 'Aggiornamento' : 'Iniziale';
                                                 ?>
@@ -1020,19 +1293,76 @@ function fmtFileSize(?int $bytes): string {
                 background: #f8fafc;
                 border-radius: 0 10px 10px 0;
             }
-            .log-entry.created { border-left-color: #16a34a; }
-            .log-entry.updated { border-left-color: #2563eb; }
-            .log-entry.deleted { border-left-color: #dc2626; }
-            .log-entry.attachment_added { border-left-color: #0891b2; }
-            .log-entry.attachment_deleted { border-left-color: #ea580c; }
-            .log-when { font-size: 0.85rem; color: #64748b; }
-            .log-who  { font-weight: 600; color: #1f2937; }
-            .log-action { font-weight: 600; }
-            .log-field { color: #475569; font-size: 0.95rem; margin-top: 4px; }
-            .log-field code { background: #e2e8f0; padding: 2px 6px; border-radius: 4px; }
-            .log-diff { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-top: 4px; font-size: 0.9rem; }
-            .log-old { background: #fee2e2; color: #991b1b; padding: 2px 8px; border-radius: 4px; text-decoration: line-through; }
-            .log-new { background: #dcfce7; color: #166534; padding: 2px 8px; border-radius: 4px; }
+
+            .log-entry.created {
+                border-left-color: #16a34a;
+            }
+
+            .log-entry.updated {
+                border-left-color: #2563eb;
+            }
+
+            .log-entry.deleted {
+                border-left-color: #dc2626;
+            }
+
+            .log-entry.attachment_added {
+                border-left-color: #0891b2;
+            }
+
+            .log-entry.attachment_deleted {
+                border-left-color: #ea580c;
+            }
+
+            .log-when {
+                font-size: 0.85rem;
+                color: #64748b;
+            }
+
+            .log-who {
+                font-weight: 600;
+                color: #1f2937;
+            }
+
+            .log-action {
+                font-weight: 600;
+            }
+
+            .log-field {
+                color: #475569;
+                font-size: 0.95rem;
+                margin-top: 4px;
+            }
+
+            .log-field code {
+                background: #e2e8f0;
+                padding: 2px 6px;
+                border-radius: 4px;
+            }
+
+            .log-diff {
+                display: flex;
+                gap: 6px;
+                flex-wrap: wrap;
+                align-items: center;
+                margin-top: 4px;
+                font-size: 0.9rem;
+            }
+
+            .log-old {
+                background: #fee2e2;
+                color: #991b1b;
+                padding: 2px 8px;
+                border-radius: 4px;
+                text-decoration: line-through;
+            }
+
+            .log-new {
+                background: #dcfce7;
+                color: #166534;
+                padding: 2px 8px;
+                border-radius: 4px;
+            }
         </style>
 
         <!-- TRAINING ATTACHMENTS MODAL (visible to everyone with profile access) -->
@@ -1317,8 +1647,8 @@ function fmtFileSize(?int $bytes): string {
                                 <div class="col-12 col-md-6 mb-3">
                                     <label class="form-label fw-semibold">Stato</label>
                                     <select class="form-select" id="editStatus">
-                                        <option value="active"    <?= ($employee['status'] ?? '') === 'active'    ? 'selected' : '' ?>>Attivo</option>
-                                        <option value="inactive"  <?= ($employee['status'] ?? '') === 'inactive'  ? 'selected' : '' ?>>Cessato</option>
+                                        <option value="active" <?= ($employee['status'] ?? '') === 'active'    ? 'selected' : '' ?>>Attivo</option>
+                                        <option value="inactive" <?= ($employee['status'] ?? '') === 'inactive'  ? 'selected' : '' ?>>Cessato</option>
                                         <option value="suspended" <?= ($employee['status'] ?? '') === 'suspended' ? 'selected' : '' ?>>Sospeso</option>
                                     </select>
                                 </div>
@@ -1366,640 +1696,861 @@ function fmtFileSize(?int $bytes): string {
     <?php endif; ?>
 
     <?php include('jsinclude.php'); ?>
-
-    <?php if ($employee): ?>
+    <script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>
     <script>
-        (function() {
-            var burger    = document.getElementById('tabBurger');
-            var burgerBtn = document.getElementById('tabBurgerBtn');
+        $(document).ready(function() {
 
-            if (burger && burgerBtn) {
-                burgerBtn.addEventListener('click', function(e) {
-                    e.stopPropagation();
-                    burger.classList.toggle('open');
-                });
-                document.addEventListener('click', function(e) {
-                    if (!burger.contains(e.target)) burger.classList.remove('open');
+            if ($('#documentsTable').length) {
+                $('#documentsTable').DataTable({
+                    pageLength: 10,
+                    order: [
+                        [4, 'desc']
+                    ],
+                    language: {
+                        search: "Cerca:",
+                        lengthMenu: "Mostra _MENU_ righe",
+                        info: "Mostra _START_ - _END_ di _TOTAL_ righe",
+                        infoEmpty: "Nessuna riga disponibile",
+                        infoFiltered: "(filtrate da _MAX_ righe totali)",
+                        zeroRecords: "Nessun risultato trovato",
+                        paginate: {
+                            first: "Prima",
+                            last: "Ultima",
+                            next: "Avanti",
+                            previous: "Indietro"
+                        }
+                    },
+                    columnDefs: [{
+                        targets: -1,
+                        orderable: false,
+                        searchable: false
+                    }]
                 });
             }
 
-            // Mobile burger items → activate desktop tab via Bootstrap Tab API
-            document.querySelectorAll('.tab-burger-menu a').forEach(function(item) {
-                item.addEventListener('click', function(e) {
-                    e.preventDefault();
-                    var target = item.getAttribute('data-burger-target');
-                    if (burger) burger.classList.remove('open');
-                    if (!target) return;
-                    var deskTab = document.querySelector('#profileTabs a[href="' + target + '"]');
-                    if (deskTab && window.bootstrap && window.bootstrap.Tab) {
-                        bootstrap.Tab.getOrCreateInstance(deskTab).show();
-                    }
+            if ($('#trainingTable').length) {
+                $('#trainingTable').DataTable({
+                    pageLength: 10,
+                    order: [
+                        [2, 'desc']
+                    ],
+                    language: {
+                        search: "Cerca:",
+                        lengthMenu: "Mostra _MENU_ righe",
+                        info: "Mostra _START_ - _END_ di _TOTAL_ righe",
+                        infoEmpty: "Nessuna riga disponibile",
+                        infoFiltered: "(filtrate da _MAX_ righe totali)",
+                        zeroRecords: "Nessun risultato trovato",
+                        paginate: {
+                            first: "Prima",
+                            last: "Ultima",
+                            next: "Avanti",
+                            previous: "Indietro"
+                        }
+                    },
+                    columnDefs: [{
+                        targets: -1,
+                        orderable: false,
+                        searchable: false
+                    }]
                 });
-            });
+            }
 
-            // When any desktop tab becomes active, sync burger label/icon, menu active state, and URL hash
-            document.querySelectorAll('#profileTabs a[data-bs-toggle="tab"]').forEach(function(el) {
-                el.addEventListener('shown.bs.tab', function(e) {
-                    var target = e.target.getAttribute('href');
-                    var label  = e.target.getAttribute('data-tab-label') || '';
-                    var icon   = e.target.getAttribute('data-tab-icon')  || 'bx-user';
-                    var bl = document.getElementById('burgerLabel');
-                    var bi = document.getElementById('burgerIcon');
-                    if (bl) bl.textContent = label;
-                    if (bi) bi.className = 'bx ' + icon;
-                    document.querySelectorAll('.tab-burger-menu a').forEach(function(i) {
-                        i.classList.toggle('active', i.getAttribute('data-burger-target') === target);
+        });
+    </script>
+    <?php if ($employee): ?>
+        <script>
+            (function() {
+                var burger = document.getElementById('tabBurger');
+                var burgerBtn = document.getElementById('tabBurgerBtn');
+
+                if (burger && burgerBtn) {
+                    burgerBtn.addEventListener('click', function(e) {
+                        e.stopPropagation();
+                        burger.classList.toggle('open');
+                    });
+                    document.addEventListener('click', function(e) {
+                        if (!burger.contains(e.target)) burger.classList.remove('open');
                     });
-                    // Persist active tab in URL hash so reload keeps the user on the same section
-                    if (history.replaceState) {
-                        history.replaceState(null, '', target);
-                    }
-                });
-            });
-
-            // On page load — activate tab from URL hash if present
-            if (location.hash) {
-                var initial = document.querySelector('#profileTabs a[href="' + location.hash + '"]');
-                if (initial && window.bootstrap && window.bootstrap.Tab) {
-                    bootstrap.Tab.getOrCreateInstance(initial).show();
                 }
-            }
 
-            // ---- TRAINING CHANGE LOG MODAL ----
-            var ACTION_LABEL = {
-                'created':            { text: 'Creato',              icon: '➕' },
-                'updated':            { text: 'Modificato',          icon: '✏️' },
-                'deleted':            { text: 'Cancellato',          icon: '🗑️' },
-                'attachment_added':   { text: 'Allegato aggiunto',   icon: '📎' },
-                'attachment_deleted': { text: 'Allegato cancellato', icon: '🗑️' }
-            };
-            var FIELD_LABEL = {
-                'training_topic_id':       'Corso',
-                'completed_date':          'Data Completamento',
-                'delivered_by':            'Erogato da',
-                'delivered_by_company':    'Erogato da',
-                'description':             'Descrizione',
-                'training_type':           'Tipo',
-                'update_frequency_months': 'Frequenza aggiornamento (mesi)',
-                'reminder_days':           'Promemoria (giorni)',
-                'next_due_date':           'Prossima scadenza',
-                'attachment':              'Allegato'
-            };
-            var TYPE_LABEL = { 'initial': 'Iniziale', 'refresher': 'Aggiornamento' };
-
-            function fmtDateTimeIt(s) {
-                if (!s) return '—';
-                var d = new Date(String(s).replace(' ', 'T'));
-                if (isNaN(d.getTime())) return '—';
-                var pad = function(n) { return String(n).padStart(2, '0'); };
-                return pad(d.getDate()) + '/' + pad(d.getMonth()+1) + '/' + d.getFullYear()
-                    + ' ' + pad(d.getHours()) + ':' + pad(d.getMinutes());
-            }
-            function escapeHtml(s) {
-                return String(s == null ? '' : s).replace(/[<>&"]/g, function(c){
-                    return ({'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'})[c];
+                // Mobile burger items → activate desktop tab via Bootstrap Tab API
+                document.querySelectorAll('.tab-burger-menu a').forEach(function(item) {
+                    item.addEventListener('click', function(e) {
+                        e.preventDefault();
+                        var target = item.getAttribute('data-burger-target');
+                        if (burger) burger.classList.remove('open');
+                        if (!target) return;
+                        var deskTab = document.querySelector('#profileTabs a[href="' + target + '"]');
+                        if (deskTab && window.bootstrap && window.bootstrap.Tab) {
+                            bootstrap.Tab.getOrCreateInstance(deskTab).show();
+                        }
+                    });
                 });
-            }
-            function prettyValue(field, val) {
-                if (val === null || val === undefined || val === '') return '—';
-                if (field === 'training_type') return TYPE_LABEL[val] || val;
-                if (field === 'completed_date' || field === 'next_due_date') {
-                    var d = new Date(val);
-                    if (!isNaN(d.getTime())) {
-                        var pad = function(n){ return String(n).padStart(2,'0'); };
-                        return pad(d.getDate()) + '/' + pad(d.getMonth()+1) + '/' + d.getFullYear();
-                    }
-                }
-                return val;
-            }
 
-            function loadLog(trainingId) {
-                var listEl = document.getElementById('trLogList');
-                listEl.innerHTML = '<div class="text-center text-muted py-3">Caricamento…</div>';
-                fetch('ajax/employee_profile/get_training_log.php?training_id=' + encodeURIComponent(trainingId))
-                    .then(function(r){ return r.json(); })
-                    .then(function(data) {
-                        if (!data.success) {
-                            listEl.innerHTML = '<div class="text-danger py-3">' + escapeHtml(data.message || 'Errore.') + '</div>';
-                            return;
-                        }
-                        if (!data.entries || data.entries.length === 0) {
-                            listEl.innerHTML = '<div class="text-muted py-3 text-center">Nessuna modifica registrata</div>';
-                            return;
-                        }
-                        var html = '';
-                        data.entries.forEach(function(e) {
-                            var act = ACTION_LABEL[e.action] || { text: e.action, icon: '•' };
-                            var who = e.changed_by_name && e.changed_by_name.trim() !== ''
-                                ? e.changed_by_name
-                                : (e.changed_by_email || '—');
-                            html += '<div class="log-entry ' + escapeHtml(e.action) + '">';
-                            html += '<div class="d-flex justify-content-between flex-wrap gap-2">';
-                            html += '<div class="log-action">' + act.icon + ' ' + escapeHtml(act.text) + '</div>';
-                            html += '<div class="log-when">' + escapeHtml(fmtDateTimeIt(e.changed_at)) + '</div>';
-                            html += '</div>';
-                            html += '<div class="log-who">' + escapeHtml(who) + '</div>';
-                            if (e.field) {
-                                var fname = FIELD_LABEL[e.field] || e.field;
-                                html += '<div class="log-field"><code>' + escapeHtml(fname) + '</code></div>';
-                                if (e.action === 'updated') {
-                                    html += '<div class="log-diff">';
-                                    html += '<span class="log-old">' + escapeHtml(prettyValue(e.field, e.old_value)) + '</span>';
-                                    html += '<span>→</span>';
-                                    html += '<span class="log-new">' + escapeHtml(prettyValue(e.field, e.new_value)) + '</span>';
-                                    html += '</div>';
-                                } else if (e.action === 'attachment_added') {
-                                    html += '<div class="log-diff"><span class="log-new">' + escapeHtml(e.new_value || '—') + '</span></div>';
-                                } else if (e.action === 'attachment_deleted') {
-                                    html += '<div class="log-diff"><span class="log-old">' + escapeHtml(e.old_value || '—') + '</span></div>';
-                                }
-                            }
-                            html += '</div>';
+                // When any desktop tab becomes active, sync burger label/icon, menu active state, and URL hash
+                document.querySelectorAll('#profileTabs a[data-bs-toggle="tab"]').forEach(function(el) {
+                    el.addEventListener('shown.bs.tab', function(e) {
+                        var target = e.target.getAttribute('href');
+                        var label = e.target.getAttribute('data-tab-label') || '';
+                        var icon = e.target.getAttribute('data-tab-icon') || 'bx-user';
+                        var bl = document.getElementById('burgerLabel');
+                        var bi = document.getElementById('burgerIcon');
+                        if (bl) bl.textContent = label;
+                        if (bi) bi.className = 'bx ' + icon;
+                        document.querySelectorAll('.tab-burger-menu a').forEach(function(i) {
+                            i.classList.toggle('active', i.getAttribute('data-burger-target') === target);
                         });
-                        listEl.innerHTML = html;
-                    })
-                    .catch(function(err) {
-                        listEl.innerHTML = '<div class="text-danger py-3">Errore di comunicazione.</div>';
-                        console.error(err);
-                    });
-            }
-
-            document.addEventListener('click', function(e) {
-                var btn = e.target.closest('.open-log');
-                if (!btn) return;
-                var id = btn.getAttribute('data-id');
-                var name = btn.getAttribute('data-name') || '';
-                document.getElementById('trLogSubtitle').textContent = name;
-                loadLog(id);
-                var modal = new bootstrap.Modal(document.getElementById('trainingLogModal'));
-                modal.show();
-            });
-
-            // ---- TRAINING ATTACHMENTS MODAL (visible to all profile viewers) ----
-            function fmtBytes(b) {
-                if (b == null || b <= 0) return '—';
-                if (b < 1024) return b + ' B';
-                if (b < 1024*1024) return (b/1024).toFixed(1) + ' KB';
-                if (b < 1024*1024*1024) return (b/1024/1024).toFixed(1) + ' MB';
-                return (b/1024/1024/1024).toFixed(1) + ' GB';
-            }
-            function fmtDateIt(s) {
-                if (!s) return '—';
-                var d = new Date(String(s).replace(' ', 'T'));
-                if (isNaN(d.getTime())) return '—';
-                var dd = String(d.getDate()).padStart(2,'0');
-                var mm = String(d.getMonth()+1).padStart(2,'0');
-                return dd + '/' + mm + '/' + d.getFullYear();
-            }
-            function loadAttachments(trainingId) {
-                var listEl = document.getElementById('trAttList');
-                var uploadWrap = document.getElementById('trAttUploadWrap');
-                listEl.innerHTML = '<div class="text-center text-muted py-3">Caricamento…</div>';
-                uploadWrap.style.display = 'none';
-                fetch('ajax/employee_profile/get_training_attachments.php?training_id=' + encodeURIComponent(trainingId))
-                    .then(function(r) { return r.json(); })
-                    .then(function(data) {
-                        if (!data.success) {
-                            listEl.innerHTML = '<div class="text-danger py-3">' + (data.message || 'Errore.') + '</div>';
-                            return;
+                        // Persist active tab in URL hash so reload keeps the user on the same section
+                        if (history.replaceState) {
+                            history.replaceState(null, '', target);
                         }
-                        if (!data.attachments || data.attachments.length === 0) {
-                            listEl.innerHTML = '<div class="text-muted py-3 text-center">Nessun allegato</div>';
-                        } else {
-                            var html = '<ul class="list-group">';
-                            data.attachments.forEach(function(a) {
-                                var safeName = String(a.original_name).replace(/[<>&"]/g, function(c){
-                                    return ({'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'})[c];
-                                });
-                                html += '<li class="list-group-item d-flex justify-content-between align-items-center flex-wrap gap-2">';
-                                html += '<div>';
-                                html += '<a href="ajax/employee_profile/download_training_attachment.php?id=' + a.id + '" class="fw-semibold text-decoration-none"><i class="bx bx-file me-1"></i>' + safeName + '</a>';
-                                html += '<div class="small text-muted">' + fmtBytes(a.size) + ' &middot; ' + fmtDateIt(a.created_at) + '</div>';
+                    });
+                });
+
+                // On page load — activate tab from URL hash if present
+                if (location.hash) {
+                    var initial = document.querySelector('#profileTabs a[href="' + location.hash + '"]');
+                    if (initial && window.bootstrap && window.bootstrap.Tab) {
+                        bootstrap.Tab.getOrCreateInstance(initial).show();
+                    }
+                }
+
+                // ---- TRAINING CHANGE LOG MODAL ----
+                var ACTION_LABEL = {
+                    'created': {
+                        text: 'Creato',
+                        icon: '➕'
+                    },
+                    'updated': {
+                        text: 'Modificato',
+                        icon: '✏️'
+                    },
+                    'deleted': {
+                        text: 'Cancellato',
+                        icon: '🗑️'
+                    },
+                    'attachment_added': {
+                        text: 'Allegato aggiunto',
+                        icon: '📎'
+                    },
+                    'attachment_deleted': {
+                        text: 'Allegato cancellato',
+                        icon: '🗑️'
+                    }
+                };
+                var FIELD_LABEL = {
+                    'training_topic_id': 'Corso',
+                    'completed_date': 'Data Completamento',
+                    'delivered_by': 'Erogato da',
+                    'delivered_by_company': 'Erogato da',
+                    'description': 'Descrizione',
+                    'training_type': 'Tipo',
+                    'update_frequency_months': 'Frequenza aggiornamento (mesi)',
+                    'reminder_days': 'Promemoria (giorni)',
+                    'next_due_date': 'Prossima scadenza',
+                    'attachment': 'Allegato'
+                };
+                var TYPE_LABEL = {
+                    'initial': 'Iniziale',
+                    'refresher': 'Aggiornamento'
+                };
+
+                function fmtDateTimeIt(s) {
+                    if (!s) return '—';
+                    var d = new Date(String(s).replace(' ', 'T'));
+                    if (isNaN(d.getTime())) return '—';
+                    var pad = function(n) {
+                        return String(n).padStart(2, '0');
+                    };
+                    return pad(d.getDate()) + '/' + pad(d.getMonth() + 1) + '/' + d.getFullYear() +
+                        ' ' + pad(d.getHours()) + ':' + pad(d.getMinutes());
+                }
+
+                function escapeHtml(s) {
+                    return String(s == null ? '' : s).replace(/[<>&"]/g, function(c) {
+                        return ({
+                            '<': '&lt;',
+                            '>': '&gt;',
+                            '&': '&amp;',
+                            '"': '&quot;'
+                        })[c];
+                    });
+                }
+
+                function prettyValue(field, val) {
+                    if (val === null || val === undefined || val === '') return '—';
+                    if (field === 'training_type') return TYPE_LABEL[val] || val;
+                    if (field === 'completed_date' || field === 'next_due_date') {
+                        var d = new Date(val);
+                        if (!isNaN(d.getTime())) {
+                            var pad = function(n) {
+                                return String(n).padStart(2, '0');
+                            };
+                            return pad(d.getDate()) + '/' + pad(d.getMonth() + 1) + '/' + d.getFullYear();
+                        }
+                    }
+                    return val;
+                }
+
+                function loadLog(trainingId) {
+                    var listEl = document.getElementById('trLogList');
+                    listEl.innerHTML = '<div class="text-center text-muted py-3">Caricamento…</div>';
+                    fetch('ajax/employee_profile/get_training_log.php?training_id=' + encodeURIComponent(trainingId))
+                        .then(function(r) {
+                            return r.json();
+                        })
+                        .then(function(data) {
+                            if (!data.success) {
+                                listEl.innerHTML = '<div class="text-danger py-3">' + escapeHtml(data.message || 'Errore.') + '</div>';
+                                return;
+                            }
+                            if (!data.entries || data.entries.length === 0) {
+                                listEl.innerHTML = '<div class="text-muted py-3 text-center">Nessuna modifica registrata</div>';
+                                return;
+                            }
+                            var html = '';
+                            data.entries.forEach(function(e) {
+                                var act = ACTION_LABEL[e.action] || {
+                                    text: e.action,
+                                    icon: '•'
+                                };
+                                var who = e.changed_by_name && e.changed_by_name.trim() !== '' ?
+                                    e.changed_by_name :
+                                    (e.changed_by_email || '—');
+                                html += '<div class="log-entry ' + escapeHtml(e.action) + '">';
+                                html += '<div class="d-flex justify-content-between flex-wrap gap-2">';
+                                html += '<div class="log-action">' + act.icon + ' ' + escapeHtml(act.text) + '</div>';
+                                html += '<div class="log-when">' + escapeHtml(fmtDateTimeIt(e.changed_at)) + '</div>';
                                 html += '</div>';
-                                html += '<div class="d-flex gap-2">';
-                                html += '<a class="btn btn-sm btn-outline-primary" href="ajax/employee_profile/download_training_attachment.php?id=' + a.id + '">⬇️</a>';
-                                if (data.can_edit) {
-                                    html += '<button class="btn btn-sm btn-outline-danger delete-tr-att" data-id="' + a.id + '" data-name="' + safeName + '">🗑️</button>';
+                                html += '<div class="log-who">' + escapeHtml(who) + '</div>';
+                                if (e.field) {
+                                    var fname = FIELD_LABEL[e.field] || e.field;
+                                    html += '<div class="log-field"><code>' + escapeHtml(fname) + '</code></div>';
+                                    if (e.action === 'updated') {
+                                        html += '<div class="log-diff">';
+                                        html += '<span class="log-old">' + escapeHtml(prettyValue(e.field, e.old_value)) + '</span>';
+                                        html += '<span>→</span>';
+                                        html += '<span class="log-new">' + escapeHtml(prettyValue(e.field, e.new_value)) + '</span>';
+                                        html += '</div>';
+                                    } else if (e.action === 'attachment_added') {
+                                        html += '<div class="log-diff"><span class="log-new">' + escapeHtml(e.new_value || '—') + '</span></div>';
+                                    } else if (e.action === 'attachment_deleted') {
+                                        html += '<div class="log-diff"><span class="log-old">' + escapeHtml(e.old_value || '—') + '</span></div>';
+                                    }
                                 }
                                 html += '</div>';
-                                html += '</li>';
                             });
-                            html += '</ul>';
                             listEl.innerHTML = html;
-                        }
-                        uploadWrap.style.display = data.can_edit ? 'block' : 'none';
-                    })
-                    .catch(function(err) {
-                        listEl.innerHTML = '<div class="text-danger py-3">Errore di comunicazione.</div>';
-                        console.error(err);
-                    });
-            }
-
-            document.addEventListener('click', function(e) {
-                var openBtn = e.target.closest('.open-attachments');
-                if (openBtn) {
-                    var id = openBtn.getAttribute('data-id');
-                    var name = openBtn.getAttribute('data-name') || '';
-                    document.getElementById('trAttTrainingId').value = id;
-                    document.getElementById('trAttModalSubtitle').textContent = name;
-                    loadAttachments(id);
-                    var modal = new bootstrap.Modal(document.getElementById('trainingAttachmentsModal'));
-                    modal.show();
-                    return;
+                        })
+                        .catch(function(err) {
+                            listEl.innerHTML = '<div class="text-danger py-3">Errore di comunicazione.</div>';
+                            console.error(err);
+                        });
                 }
-                var delBtn = e.target.closest('.delete-tr-att');
-                if (delBtn) {
-                    var aid  = delBtn.getAttribute('data-id');
-                    var nm   = delBtn.getAttribute('data-name') || '';
-                    Swal.fire({
-                        title: 'Confermi la cancellazione?',
-                        text: 'Allegato: ' + nm,
-                        icon: 'warning',
-                        showCancelButton: true,
-                        confirmButtonColor: '#d33',
-                        cancelButtonColor: '#6c757d',
-                        confirmButtonText: 'Sì, cancella',
-                        cancelButtonText: 'Annulla'
-                    }).then(function(r) {
-                        if (!r.isConfirmed) return;
-                        var p = new URLSearchParams();
-                        p.append('id', aid);
-                        fetch('ajax/employee_profile/delete_training_attachment.php', {
+
+                document.addEventListener('click', function(e) {
+                    var btn = e.target.closest('.open-log');
+                    if (!btn) return;
+                    var id = btn.getAttribute('data-id');
+                    var name = btn.getAttribute('data-name') || '';
+                    document.getElementById('trLogSubtitle').textContent = name;
+                    loadLog(id);
+                    var modal = new bootstrap.Modal(document.getElementById('trainingLogModal'));
+                    modal.show();
+                });
+
+                // ---- TRAINING ATTACHMENTS MODAL (visible to all profile viewers) ----
+                function fmtBytes(b) {
+                    if (b == null || b <= 0) return '—';
+                    if (b < 1024) return b + ' B';
+                    if (b < 1024 * 1024) return (b / 1024).toFixed(1) + ' KB';
+                    if (b < 1024 * 1024 * 1024) return (b / 1024 / 1024).toFixed(1) + ' MB';
+                    return (b / 1024 / 1024 / 1024).toFixed(1) + ' GB';
+                }
+
+                function fmtDateIt(s) {
+                    if (!s) return '—';
+                    var d = new Date(String(s).replace(' ', 'T'));
+                    if (isNaN(d.getTime())) return '—';
+                    var dd = String(d.getDate()).padStart(2, '0');
+                    var mm = String(d.getMonth() + 1).padStart(2, '0');
+                    return dd + '/' + mm + '/' + d.getFullYear();
+                }
+
+                function loadAttachments(trainingId) {
+                    var listEl = document.getElementById('trAttList');
+                    var uploadWrap = document.getElementById('trAttUploadWrap');
+                    listEl.innerHTML = '<div class="text-center text-muted py-3">Caricamento…</div>';
+                    uploadWrap.style.display = 'none';
+                    fetch('ajax/employee_profile/get_training_attachments.php?training_id=' + encodeURIComponent(trainingId))
+                        .then(function(r) {
+                            return r.json();
+                        })
+                        .then(function(data) {
+                            if (!data.success) {
+                                listEl.innerHTML = '<div class="text-danger py-3">' + (data.message || 'Errore.') + '</div>';
+                                return;
+                            }
+                            if (!data.attachments || data.attachments.length === 0) {
+                                listEl.innerHTML = '<div class="text-muted py-3 text-center">Nessun allegato</div>';
+                            } else {
+                                var html = '<ul class="list-group">';
+                                data.attachments.forEach(function(a) {
+                                    var safeName = String(a.original_name).replace(/[<>&"]/g, function(c) {
+                                        return ({
+                                            '<': '&lt;',
+                                            '>': '&gt;',
+                                            '&': '&amp;',
+                                            '"': '&quot;'
+                                        })[c];
+                                    });
+                                    html += '<li class="list-group-item d-flex justify-content-between align-items-center flex-wrap gap-2">';
+                                    html += '<div>';
+                                    html += '<a href="ajax/employee_profile/download_training_attachment.php?id=' + a.id + '" class="fw-semibold text-decoration-none"><i class="bx bx-file me-1"></i>' + safeName + '</a>';
+                                    html += '<div class="small text-muted">' + fmtBytes(a.size) + ' &middot; ' + fmtDateIt(a.created_at) + '</div>';
+                                    html += '</div>';
+                                    html += '<div class="d-flex gap-2">';
+                                    html += '<a class="btn btn-sm btn-outline-primary" href="ajax/employee_profile/download_training_attachment.php?id=' + a.id + '">⬇️</a>';
+                                    if (data.can_edit) {
+                                        html += '<button class="btn btn-sm btn-outline-danger delete-tr-att" data-id="' + a.id + '" data-name="' + safeName + '">🗑️</button>';
+                                    }
+                                    html += '</div>';
+                                    html += '</li>';
+                                });
+                                html += '</ul>';
+                                listEl.innerHTML = html;
+                            }
+                            uploadWrap.style.display = data.can_edit ? 'block' : 'none';
+                        })
+                        .catch(function(err) {
+                            listEl.innerHTML = '<div class="text-danger py-3">Errore di comunicazione.</div>';
+                            console.error(err);
+                        });
+                }
+
+                document.addEventListener('click', function(e) {
+                    var openBtn = e.target.closest('.open-attachments');
+                    if (openBtn) {
+                        var id = openBtn.getAttribute('data-id');
+                        var name = openBtn.getAttribute('data-name') || '';
+                        document.getElementById('trAttTrainingId').value = id;
+                        document.getElementById('trAttModalSubtitle').textContent = name;
+                        loadAttachments(id);
+                        var modal = new bootstrap.Modal(document.getElementById('trainingAttachmentsModal'));
+                        modal.show();
+                        return;
+                    }
+                    var delBtn = e.target.closest('.delete-tr-att');
+                    if (delBtn) {
+                        var aid = delBtn.getAttribute('data-id');
+                        var nm = delBtn.getAttribute('data-name') || '';
+                        Swal.fire({
+                            title: 'Confermi la cancellazione?',
+                            text: 'Allegato: ' + nm,
+                            icon: 'warning',
+                            showCancelButton: true,
+                            confirmButtonColor: '#d33',
+                            cancelButtonColor: '#6c757d',
+                            confirmButtonText: 'Sì, cancella',
+                            cancelButtonText: 'Annulla'
+                        }).then(function(r) {
+                            if (!r.isConfirmed) return;
+                            var p = new URLSearchParams();
+                            p.append('id', aid);
+                            fetch('ajax/employee_profile/delete_training_attachment.php', {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/x-www-form-urlencoded'
+                                },
+                                body: p.toString()
+                            }).then(function(rr) {
+                                return rr.json();
+                            }).then(function(data) {
+                                if (data.success) {
+                                    location.reload();
+                                } else {
+                                    Swal.fire({
+                                        icon: 'error',
+                                        title: 'Errore',
+                                        text: data.message || 'Impossibile cancellare.'
+                                    });
+                                }
+                            });
+                        });
+                    }
+                });
+
+                var uploadForm = document.getElementById('trAttUploadForm');
+                if (uploadForm) {
+                    uploadForm.addEventListener('submit', function(e) {
+                        e.preventDefault();
+                        var fd = new FormData(uploadForm);
+                        fetch('ajax/employee_profile/upload_training_attachment.php', {
                             method: 'POST',
-                            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-                            body: p.toString()
-                        }).then(function(rr){ return rr.json(); }).then(function(data){
+                            body: fd
+                        }).then(function(r) {
+                            return r.json();
+                        }).then(function(data) {
                             if (data.success) {
                                 location.reload();
                             } else {
-                                Swal.fire({ icon: 'error', title: 'Errore', text: data.message || 'Impossibile cancellare.' });
+                                Swal.fire({
+                                    icon: 'error',
+                                    title: 'Errore',
+                                    text: data.message || 'Impossibile caricare.'
+                                });
                             }
                         });
                     });
                 }
-            });
-
-            var uploadForm = document.getElementById('trAttUploadForm');
-            if (uploadForm) {
-                uploadForm.addEventListener('submit', function(e) {
-                    e.preventDefault();
-                    var fd = new FormData(uploadForm);
-                    fetch('ajax/employee_profile/upload_training_attachment.php', {
-                        method: 'POST', body: fd
-                    }).then(function(r){ return r.json(); }).then(function(data){
-                        if (data.success) {
-                            location.reload();
-                        } else {
-                            Swal.fire({ icon: 'error', title: 'Errore', text: data.message || 'Impossibile caricare.' });
-                        }
-                    });
-                });
-            }
-        })();
-    </script>
+            })();
+        </script>
     <?php endif; ?>
 
     <?php if ($employee && $canEdit): ?>
-    <script>
-        $(document).ready(function() {
-            // ---- UPLOAD DOCUMENT ----
-            $("#uploadDocumentForm").on("submit", function(e) {
-                e.preventDefault();
-                const fd = new FormData(this);
-                fetch("ajax/employee_profile/upload_document.php", {
-                    method: "POST",
-                    body: fd
-                })
-                .then(r => r.json())
-                .then(data => {
-                    if (data.success) {
-                        Swal.fire({ icon: "success", title: "Caricato!", confirmButtonColor: "#3085d6" })
-                            .then(() => location.reload());
-                    } else {
-                        Swal.fire({ icon: "error", title: "Errore", text: data.message || "Impossibile caricare il file." });
-                    }
-                })
-                .catch(err => {
-                    Swal.fire({ icon: "error", title: "Errore", text: "Errore di comunicazione." });
-                    console.error(err);
+        <script>
+            $(document).ready(function() {
+                // ---- UPLOAD DOCUMENT ----
+                $("#uploadDocumentForm").on("submit", function(e) {
+                    e.preventDefault();
+                    const fd = new FormData(this);
+                    fetch("ajax/employee_profile/upload_document.php", {
+                            method: "POST",
+                            body: fd
+                        })
+                        .then(r => r.json())
+                        .then(data => {
+                            if (data.success) {
+                                Swal.fire({
+                                        icon: "success",
+                                        title: "Caricato!",
+                                        confirmButtonColor: "#3085d6"
+                                    })
+                                    .then(() => location.reload());
+                            } else {
+                                Swal.fire({
+                                    icon: "error",
+                                    title: "Errore",
+                                    text: data.message || "Impossibile caricare il file."
+                                });
+                            }
+                        })
+                        .catch(err => {
+                            Swal.fire({
+                                icon: "error",
+                                title: "Errore",
+                                text: "Errore di comunicazione."
+                            });
+                            console.error(err);
+                        });
                 });
-            });
 
-            // ---- TRAINING: open modal (add or edit) ----
-            window.openTrainingModal = function() {
-                $("#trainingId").val('');
-                $("#trainingTopicId").val('');
-                $("#trainingType").val('initial');
-                $("#trainingCompletedDate").val('');
-                $("#trainingDeliveredBy").val('');
-                $("#trainingDescription").val('');
-                $("#trainingFreq").val('');
-                $("#trainingRem").val('');
-                $("#trainingModalTitle").text('Aggiungi Formazione');
-            };
+                // ---- TRAINING: open modal (add or edit) ----
+                window.openTrainingModal = function() {
+                    $("#trainingId").val('');
+                    $("#trainingTopicId").val('');
+                    $("#trainingType").val('initial');
+                    $("#trainingCompletedDate").val('');
+                    $("#trainingDeliveredBy").val('');
+                    $("#trainingDescription").val('');
+                    $("#trainingFreq").val('');
+                    $("#trainingRem").val('');
+                    $("#trainingModalTitle").text('Aggiungi Formazione');
+                };
 
-            // Add training from "missing mandatory" list — pre-fill topic + type=initial
-            $(document).on("click", ".add-missing-training", function() {
-                window.openTrainingModal();
-                $("#trainingTopicId").val(String($(this).data("topic_id"))).trigger("change");
-                $("#trainingType").val('initial');
-                $("#trainingModal").modal("show");
-            });
+                // Add training from "missing mandatory" list — pre-fill topic + type=initial
+                $(document).on("click", ".add-missing-training", function() {
+                    window.openTrainingModal();
+                    $("#trainingTopicId").val(String($(this).data("topic_id"))).trigger("change");
+                    $("#trainingType").val('initial');
+                    $("#trainingModal").modal("show");
+                });
 
-            // Update "Usa default del corso (N)" text when topic changes
-            $("#trainingTopicId").on("change", function() {
-                const opt = this.options[this.selectedIndex];
-                if (!opt) return;
-                const f = opt.getAttribute('data-default-freq') || '';
-                const r = opt.getAttribute('data-default-rem')  || '30';
-                const freqDefaultLabel = f !== ''
-                    ? 'Usa default del corso (' + f + ' mesi)'
-                    : 'Usa default del corso (una tantum)';
-                const remDefaultLabel = 'Usa default del corso (' + r + ' giorni)';
-                const freqFirst = $("#trainingFreq option").first();
-                const remFirst  = $("#trainingRem option").first();
-                if (freqFirst.attr('value') === '') freqFirst.text(freqDefaultLabel);
-                if (remFirst.attr('value')  === '') remFirst.text(remDefaultLabel);
-            });
+                // Update "Usa default del corso (N)" text when topic changes
+                $("#trainingTopicId").on("change", function() {
+                    const opt = this.options[this.selectedIndex];
+                    if (!opt) return;
+                    const f = opt.getAttribute('data-default-freq') || '';
+                    const r = opt.getAttribute('data-default-rem') || '30';
+                    const freqDefaultLabel = f !== '' ?
+                        'Usa default del corso (' + f + ' mesi)' :
+                        'Usa default del corso (una tantum)';
+                    const remDefaultLabel = 'Usa default del corso (' + r + ' giorni)';
+                    const freqFirst = $("#trainingFreq option").first();
+                    const remFirst = $("#trainingRem option").first();
+                    if (freqFirst.attr('value') === '') freqFirst.text(freqDefaultLabel);
+                    if (remFirst.attr('value') === '') remFirst.text(remDefaultLabel);
+                });
 
-            // Add a missing option on the fly if the stored value isn't in the predefined list
-            function ensureSelectOption(selectId, value, labelFmt) {
-                if (value === '' || value === null || value === undefined) return;
-                const v = String(value);
-                if ($(selectId + " option[value='" + v + "']").length === 0) {
-                    $(selectId).append('<option value="' + v + '">' + labelFmt(v) + '</option>');
+                // Add a missing option on the fly if the stored value isn't in the predefined list
+                function ensureSelectOption(selectId, value, labelFmt) {
+                    if (value === '' || value === null || value === undefined) return;
+                    const v = String(value);
+                    if ($(selectId + " option[value='" + v + "']").length === 0) {
+                        $(selectId).append('<option value="' + v + '">' + labelFmt(v) + '</option>');
+                    }
                 }
-            }
 
-            $(document).on("click", ".edit-training", function() {
-                const b = $(this);
-                $("#trainingId").val(b.data("id"));
-                $("#trainingTopicId").val(b.data("topic_id"));
-                $("#trainingType").val(b.data("training_type") || 'initial');
-                $("#trainingCompletedDate").val(b.data("completed_date"));
-                $("#trainingDeliveredBy").val(b.data("delivered_by"));
-                $("#trainingDescription").val(b.data("description"));
-                $("#trainingTopicId").trigger("change"); // refresh defaults first
+                $(document).on("click", ".edit-training", function() {
+                    const b = $(this);
+                    $("#trainingId").val(b.data("id"));
+                    $("#trainingTopicId").val(b.data("topic_id"));
+                    $("#trainingType").val(b.data("training_type") || 'initial');
+                    $("#trainingCompletedDate").val(b.data("completed_date"));
+                    $("#trainingDeliveredBy").val(b.data("delivered_by"));
+                    $("#trainingDescription").val(b.data("description"));
+                    $("#trainingTopicId").trigger("change"); // refresh defaults first
 
-                const freqVal = b.data("freq");
-                const remVal  = b.data("rem");
-                ensureSelectOption("#trainingFreq", freqVal, function(v) { return v + ' mesi'; });
-                ensureSelectOption("#trainingRem",  remVal,  function(v) { return v + ' giorni'; });
-                $("#trainingFreq").val(freqVal === '' || freqVal === undefined ? '' : String(freqVal));
-                $("#trainingRem").val(remVal   === '' || remVal   === undefined ? '' : String(remVal));
+                    const freqVal = b.data("freq");
+                    const remVal = b.data("rem");
+                    ensureSelectOption("#trainingFreq", freqVal, function(v) {
+                        return v + ' mesi';
+                    });
+                    ensureSelectOption("#trainingRem", remVal, function(v) {
+                        return v + ' giorni';
+                    });
+                    $("#trainingFreq").val(freqVal === '' || freqVal === undefined ? '' : String(freqVal));
+                    $("#trainingRem").val(remVal === '' || remVal === undefined ? '' : String(remVal));
 
-                $("#trainingModalTitle").text('Modifica Formazione');
-                $("#trainingModal").modal("show");
-            });
+                    $("#trainingModalTitle").text('Modifica Formazione');
+                    $("#trainingModal").modal("show");
+                });
 
-            $("#trainingForm").on("submit", function(e) {
-                e.preventDefault();
-                const p = new URLSearchParams();
-                p.append('id',                      $("#trainingId").val());
-                p.append('employee_id',             $("#trainingEmployeeId").val());
-                p.append('training_topic_id',       $("#trainingTopicId").val());
-                p.append('training_type',           $("#trainingType").val());
-                p.append('completed_date',          $("#trainingCompletedDate").val());
-                p.append('delivered_by',            $("#trainingDeliveredBy").val().trim());
-                p.append('description',             $("#trainingDescription").val().trim());
-                p.append('update_frequency_months', $("#trainingFreq").val());
-                p.append('reminder_days',           $("#trainingRem").val());
-                fetch("ajax/employee_profile/save_training.php", {
-                    method: "POST",
-                    headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                    body: p.toString()
-                })
-                .then(r => r.json())
-                .then(data => {
-                    if (data.success) {
-                        Swal.fire({ icon: "success", title: "Salvato!", confirmButtonColor: "#3085d6" })
-                            .then(() => location.reload());
+                $("#trainingForm").on("submit", function(e) {
+                    e.preventDefault();
+                    const p = new URLSearchParams();
+                    p.append('id', $("#trainingId").val());
+                    p.append('employee_id', $("#trainingEmployeeId").val());
+                    p.append('training_topic_id', $("#trainingTopicId").val());
+                    p.append('training_type', $("#trainingType").val());
+                    p.append('completed_date', $("#trainingCompletedDate").val());
+                    p.append('delivered_by', $("#trainingDeliveredBy").val().trim());
+                    p.append('description', $("#trainingDescription").val().trim());
+                    p.append('update_frequency_months', $("#trainingFreq").val());
+                    p.append('reminder_days', $("#trainingRem").val());
+                    fetch("ajax/employee_profile/save_training.php", {
+                            method: "POST",
+                            headers: {
+                                "Content-Type": "application/x-www-form-urlencoded"
+                            },
+                            body: p.toString()
+                        })
+                        .then(r => r.json())
+                        .then(data => {
+                            if (data.success) {
+                                Swal.fire({
+                                        icon: "success",
+                                        title: "Salvato!",
+                                        confirmButtonColor: "#3085d6"
+                                    })
+                                    .then(() => location.reload());
+                            } else {
+                                Swal.fire({
+                                    icon: "error",
+                                    title: "Errore",
+                                    text: data.message || "Impossibile salvare."
+                                });
+                            }
+                        })
+                        .catch(err => {
+                            Swal.fire({
+                                icon: "error",
+                                title: "Errore",
+                                text: "Errore di comunicazione."
+                            });
+                            console.error(err);
+                        });
+                });
+
+                $(document).on("click", ".delete-training", function() {
+                    const id = $(this).data("id");
+                    const name = $(this).data("name");
+                    Swal.fire({
+                        title: "Confermi la cancellazione?",
+                        text: name ? ("Formazione: " + name) : "La registrazione verrà cancellata.",
+                        icon: "warning",
+                        showCancelButton: true,
+                        confirmButtonColor: "#d33",
+                        cancelButtonColor: "#6c757d",
+                        confirmButtonText: "Sì, cancella",
+                        cancelButtonText: "Annulla"
+                    }).then((result) => {
+                        if (!result.isConfirmed) return;
+                        const p = new URLSearchParams();
+                        p.append('id', id);
+                        fetch("ajax/employee_profile/delete_training.php", {
+                                method: "POST",
+                                headers: {
+                                    "Content-Type": "application/x-www-form-urlencoded"
+                                },
+                                body: p.toString()
+                            })
+                            .then(r => r.json())
+                            .then(data => {
+                                if (data.success) {
+                                    Swal.fire({
+                                            icon: "success",
+                                            title: "Cancellato!",
+                                            confirmButtonColor: "#3085d6"
+                                        })
+                                        .then(() => location.reload());
+                                } else {
+                                    Swal.fire({
+                                        icon: "error",
+                                        title: "Errore",
+                                        text: data.message || "Impossibile cancellare."
+                                    });
+                                }
+                            })
+                            .catch(err => {
+                                Swal.fire({
+                                    icon: "error",
+                                    title: "Errore",
+                                    text: "Errore di comunicazione."
+                                });
+                                console.error(err);
+                            });
+                    });
+                });
+
+                // ---- PPE: open modal (add or edit) ----
+                window.openPpeModal = function() {
+                    $("#ppeId").val('');
+                    $("#ppeItemName").val('');
+                    $("#ppeDeliveryDate").val('');
+                    $("#ppeDeliveredBy").val('');
+                    $("#ppeNotes").val('');
+                    $("#ppeModalTitle").text('Aggiungi DPI');
+                };
+                $(document).on("click", ".edit-ppe", function() {
+                    const b = $(this);
+                    $("#ppeId").val(b.data("id"));
+                    $("#ppeItemName").val(b.data("item_name"));
+                    $("#ppeDeliveryDate").val(b.data("delivery_date"));
+                    $("#ppeDeliveredBy").val(b.data("delivered_by"));
+                    $("#ppeNotes").val(b.data("notes"));
+                    $("#ppeModalTitle").text('Modifica DPI');
+                    $("#ppeModal").modal("show");
+                });
+
+                $("#ppeForm").on("submit", function(e) {
+                    e.preventDefault();
+                    const p = new URLSearchParams();
+                    p.append('id', $("#ppeId").val());
+                    p.append('employee_id', $("#ppeEmployeeId").val());
+                    p.append('item_name', $("#ppeItemName").val().trim());
+                    p.append('delivery_date', $("#ppeDeliveryDate").val());
+                    p.append('delivered_by', $("#ppeDeliveredBy").val().trim());
+                    p.append('notes', $("#ppeNotes").val().trim());
+                    fetch("ajax/employee_profile/save_ppe.php", {
+                            method: "POST",
+                            headers: {
+                                "Content-Type": "application/x-www-form-urlencoded"
+                            },
+                            body: p.toString()
+                        })
+                        .then(r => r.json())
+                        .then(data => {
+                            if (data.success) {
+                                Swal.fire({
+                                        icon: "success",
+                                        title: "Salvato!",
+                                        confirmButtonColor: "#3085d6"
+                                    })
+                                    .then(() => location.reload());
+                            } else {
+                                Swal.fire({
+                                    icon: "error",
+                                    title: "Errore",
+                                    text: data.message || "Impossibile salvare."
+                                });
+                            }
+                        })
+                        .catch(err => {
+                            Swal.fire({
+                                icon: "error",
+                                title: "Errore",
+                                text: "Errore di comunicazione."
+                            });
+                            console.error(err);
+                        });
+                });
+
+                $(document).on("click", ".delete-ppe", function() {
+                    const id = $(this).data("id");
+                    const name = $(this).data("name");
+                    Swal.fire({
+                        title: "Confermi la cancellazione?",
+                        text: name ? ("DPI: " + name) : "Il DPI verrà cancellato.",
+                        icon: "warning",
+                        showCancelButton: true,
+                        confirmButtonColor: "#d33",
+                        cancelButtonColor: "#6c757d",
+                        confirmButtonText: "Sì, cancella",
+                        cancelButtonText: "Annulla"
+                    }).then((result) => {
+                        if (!result.isConfirmed) return;
+                        const p = new URLSearchParams();
+                        p.append('id', id);
+                        fetch("ajax/employee_profile/delete_ppe.php", {
+                                method: "POST",
+                                headers: {
+                                    "Content-Type": "application/x-www-form-urlencoded"
+                                },
+                                body: p.toString()
+                            })
+                            .then(r => r.json())
+                            .then(data => {
+                                if (data.success) {
+                                    Swal.fire({
+                                            icon: "success",
+                                            title: "Cancellato!",
+                                            confirmButtonColor: "#3085d6"
+                                        })
+                                        .then(() => location.reload());
+                                } else {
+                                    Swal.fire({
+                                        icon: "error",
+                                        title: "Errore",
+                                        text: data.message || "Impossibile cancellare."
+                                    });
+                                }
+                            })
+                            .catch(err => {
+                                Swal.fire({
+                                    icon: "error",
+                                    title: "Errore",
+                                    text: "Errore di comunicazione."
+                                });
+                                console.error(err);
+                            });
+                    });
+                });
+
+                // ---- DELETE DOCUMENT ----
+                $(document).on("click", ".delete-document", function() {
+                    const id = $(this).data("id");
+                    const name = $(this).data("name");
+                    Swal.fire({
+                        title: "Confermi la cancellazione?",
+                        text: name ? ("Documento: " + name) : "Il documento verrà cancellato.",
+                        icon: "warning",
+                        showCancelButton: true,
+                        confirmButtonColor: "#d33",
+                        cancelButtonColor: "#6c757d",
+                        confirmButtonText: "Sì, cancella",
+                        cancelButtonText: "Annulla"
+                    }).then((result) => {
+                        if (!result.isConfirmed) return;
+                        const p = new URLSearchParams();
+                        p.append('id', id);
+                        fetch("ajax/employee_profile/delete_document.php", {
+                                method: "POST",
+                                headers: {
+                                    "Content-Type": "application/x-www-form-urlencoded"
+                                },
+                                body: p.toString()
+                            })
+                            .then(r => r.json())
+                            .then(data => {
+                                if (data.success) {
+                                    Swal.fire({
+                                            icon: "success",
+                                            title: "Cancellato!",
+                                            confirmButtonColor: "#3085d6"
+                                        })
+                                        .then(() => location.reload());
+                                } else {
+                                    Swal.fire({
+                                        icon: "error",
+                                        title: "Errore",
+                                        text: data.message || "Impossibile cancellare."
+                                    });
+                                }
+                            })
+                            .catch(err => {
+                                Swal.fire({
+                                    icon: "error",
+                                    title: "Errore",
+                                    text: "Errore di comunicazione."
+                                });
+                                console.error(err);
+                            });
+                    });
+                });
+
+                // Show/hide and preselect role when an auth_user is linked
+                function refreshEditRoleWrapper() {
+                    const $opt = $("#editAuthUserId option:selected");
+                    if ($opt.length && $opt.val() !== '') {
+                        $("#editRoleWrapper").show();
+                        const linkedRole = $opt.data('role_id');
+                        if (linkedRole !== undefined && linkedRole !== '' && $("#editRoleId").val() === '') {
+                            $("#editRoleId").val(String(linkedRole));
+                        }
                     } else {
-                        Swal.fire({ icon: "error", title: "Errore", text: data.message || "Impossibile salvare." });
+                        $("#editRoleWrapper").hide();
+                        $("#editRoleId").val('');
                     }
-                })
-                .catch(err => {
-                    Swal.fire({ icon: "error", title: "Errore", text: "Errore di comunicazione." });
-                    console.error(err);
-                });
-            });
-
-            $(document).on("click", ".delete-training", function() {
-                const id = $(this).data("id");
-                const name = $(this).data("name");
-                Swal.fire({
-                    title: "Confermi la cancellazione?",
-                    text: name ? ("Formazione: " + name) : "La registrazione verrà cancellata.",
-                    icon: "warning",
-                    showCancelButton: true,
-                    confirmButtonColor: "#d33",
-                    cancelButtonColor: "#6c757d",
-                    confirmButtonText: "Sì, cancella",
-                    cancelButtonText: "Annulla"
-                }).then((result) => {
-                    if (!result.isConfirmed) return;
-                    const p = new URLSearchParams();
-                    p.append('id', id);
-                    fetch("ajax/employee_profile/delete_training.php", {
-                        method: "POST",
-                        headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                        body: p.toString()
-                    })
-                    .then(r => r.json())
-                    .then(data => {
-                        if (data.success) {
-                            Swal.fire({ icon: "success", title: "Cancellato!", confirmButtonColor: "#3085d6" })
-                                .then(() => location.reload());
-                        } else {
-                            Swal.fire({ icon: "error", title: "Errore", text: data.message || "Impossibile cancellare." });
-                        }
-                    })
-                    .catch(err => {
-                        Swal.fire({ icon: "error", title: "Errore", text: "Errore di comunicazione." });
-                        console.error(err);
-                    });
-                });
-            });
-
-            // ---- PPE: open modal (add or edit) ----
-            window.openPpeModal = function() {
-                $("#ppeId").val('');
-                $("#ppeItemName").val('');
-                $("#ppeDeliveryDate").val('');
-                $("#ppeDeliveredBy").val('');
-                $("#ppeNotes").val('');
-                $("#ppeModalTitle").text('Aggiungi DPI');
-            };
-            $(document).on("click", ".edit-ppe", function() {
-                const b = $(this);
-                $("#ppeId").val(b.data("id"));
-                $("#ppeItemName").val(b.data("item_name"));
-                $("#ppeDeliveryDate").val(b.data("delivery_date"));
-                $("#ppeDeliveredBy").val(b.data("delivered_by"));
-                $("#ppeNotes").val(b.data("notes"));
-                $("#ppeModalTitle").text('Modifica DPI');
-                $("#ppeModal").modal("show");
-            });
-
-            $("#ppeForm").on("submit", function(e) {
-                e.preventDefault();
-                const p = new URLSearchParams();
-                p.append('id',            $("#ppeId").val());
-                p.append('employee_id',   $("#ppeEmployeeId").val());
-                p.append('item_name',     $("#ppeItemName").val().trim());
-                p.append('delivery_date', $("#ppeDeliveryDate").val());
-                p.append('delivered_by',  $("#ppeDeliveredBy").val().trim());
-                p.append('notes',         $("#ppeNotes").val().trim());
-                fetch("ajax/employee_profile/save_ppe.php", {
-                    method: "POST",
-                    headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                    body: p.toString()
-                })
-                .then(r => r.json())
-                .then(data => {
-                    if (data.success) {
-                        Swal.fire({ icon: "success", title: "Salvato!", confirmButtonColor: "#3085d6" })
-                            .then(() => location.reload());
-                    } else {
-                        Swal.fire({ icon: "error", title: "Errore", text: data.message || "Impossibile salvare." });
-                    }
-                })
-                .catch(err => {
-                    Swal.fire({ icon: "error", title: "Errore", text: "Errore di comunicazione." });
-                    console.error(err);
-                });
-            });
-
-            $(document).on("click", ".delete-ppe", function() {
-                const id = $(this).data("id");
-                const name = $(this).data("name");
-                Swal.fire({
-                    title: "Confermi la cancellazione?",
-                    text: name ? ("DPI: " + name) : "Il DPI verrà cancellato.",
-                    icon: "warning",
-                    showCancelButton: true,
-                    confirmButtonColor: "#d33",
-                    cancelButtonColor: "#6c757d",
-                    confirmButtonText: "Sì, cancella",
-                    cancelButtonText: "Annulla"
-                }).then((result) => {
-                    if (!result.isConfirmed) return;
-                    const p = new URLSearchParams();
-                    p.append('id', id);
-                    fetch("ajax/employee_profile/delete_ppe.php", {
-                        method: "POST",
-                        headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                        body: p.toString()
-                    })
-                    .then(r => r.json())
-                    .then(data => {
-                        if (data.success) {
-                            Swal.fire({ icon: "success", title: "Cancellato!", confirmButtonColor: "#3085d6" })
-                                .then(() => location.reload());
-                        } else {
-                            Swal.fire({ icon: "error", title: "Errore", text: data.message || "Impossibile cancellare." });
-                        }
-                    })
-                    .catch(err => {
-                        Swal.fire({ icon: "error", title: "Errore", text: "Errore di comunicazione." });
-                        console.error(err);
-                    });
-                });
-            });
-
-            // ---- DELETE DOCUMENT ----
-            $(document).on("click", ".delete-document", function() {
-                const id = $(this).data("id");
-                const name = $(this).data("name");
-                Swal.fire({
-                    title: "Confermi la cancellazione?",
-                    text: name ? ("Documento: " + name) : "Il documento verrà cancellato.",
-                    icon: "warning",
-                    showCancelButton: true,
-                    confirmButtonColor: "#d33",
-                    cancelButtonColor: "#6c757d",
-                    confirmButtonText: "Sì, cancella",
-                    cancelButtonText: "Annulla"
-                }).then((result) => {
-                    if (!result.isConfirmed) return;
-                    const p = new URLSearchParams();
-                    p.append('id', id);
-                    fetch("ajax/employee_profile/delete_document.php", {
-                        method: "POST",
-                        headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                        body: p.toString()
-                    })
-                    .then(r => r.json())
-                    .then(data => {
-                        if (data.success) {
-                            Swal.fire({ icon: "success", title: "Cancellato!", confirmButtonColor: "#3085d6" })
-                                .then(() => location.reload());
-                        } else {
-                            Swal.fire({ icon: "error", title: "Errore", text: data.message || "Impossibile cancellare." });
-                        }
-                    })
-                    .catch(err => {
-                        Swal.fire({ icon: "error", title: "Errore", text: "Errore di comunicazione." });
-                        console.error(err);
-                    });
-                });
-            });
-
-            // Show/hide and preselect role when an auth_user is linked
-            function refreshEditRoleWrapper() {
-                const $opt = $("#editAuthUserId option:selected");
-                if ($opt.length && $opt.val() !== '') {
-                    $("#editRoleWrapper").show();
-                    const linkedRole = $opt.data('role_id');
-                    if (linkedRole !== undefined && linkedRole !== '' && $("#editRoleId").val() === '') {
-                        $("#editRoleId").val(String(linkedRole));
-                    }
-                } else {
-                    $("#editRoleWrapper").hide();
-                    $("#editRoleId").val('');
                 }
-            }
-            $(document).on('change', '#editAuthUserId', refreshEditRoleWrapper);
-            $('#editPersonalModal').on('shown.bs.modal', refreshEditRoleWrapper);
+                $(document).on('change', '#editAuthUserId', refreshEditRoleWrapper);
+                $('#editPersonalModal').on('shown.bs.modal', refreshEditRoleWrapper);
 
-            $("#editPersonalForm").on("submit", function(e) {
-                e.preventDefault();
-                const p = new URLSearchParams();
-                p.append('employee_id',   $("#editEmployeeId").val());
-                p.append('first_name',    $("#editFirstName").val().trim());
-                p.append('last_name',     $("#editLastName").val().trim());
-                p.append('employee_code', $("#editEmployeeCode").val().trim());
-                p.append('hire_date',     $("#editHireDate").val());
-                p.append('address',       $("#editAddress").val().trim());
-                p.append('phone',         $("#editPhone").val().trim());
-                p.append('email',         $("#editEmail").val().trim());
-                p.append('department_id', $("#editDepartmentId").val());
-                p.append('job_role_id',   $("#editJobRoleId").val());
-                p.append('status',        $("#editStatus").val());
-                p.append('auth_user_id',  $("#editAuthUserId").val());
-                p.append('role_id',       $("#editAuthUserId").val() ? ($("#editRoleId").val() || '') : '');
+                $("#editPersonalForm").on("submit", function(e) {
+                    e.preventDefault();
+                    const p = new URLSearchParams();
+                    p.append('employee_id', $("#editEmployeeId").val());
+                    p.append('first_name', $("#editFirstName").val().trim());
+                    p.append('last_name', $("#editLastName").val().trim());
+                    p.append('employee_code', $("#editEmployeeCode").val().trim());
+                    p.append('hire_date', $("#editHireDate").val());
+                    p.append('address', $("#editAddress").val().trim());
+                    p.append('phone', $("#editPhone").val().trim());
+                    p.append('email', $("#editEmail").val().trim());
+                    p.append('department_id', $("#editDepartmentId").val());
+                    p.append('job_role_id', $("#editJobRoleId").val());
+                    p.append('status', $("#editStatus").val());
+                    p.append('auth_user_id', $("#editAuthUserId").val());
+                    p.append('role_id', $("#editAuthUserId").val() ? ($("#editRoleId").val() || '') : '');
 
-                fetch("ajax/employee_profile/save_personal.php", {
-                    method: "POST",
-                    headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                    body: p.toString()
-                })
-                .then(r => r.json())
-                .then(data => {
-                    if (data.success) {
-                        Swal.fire({ icon: "success", title: "Salvato!", confirmButtonColor: "#3085d6" })
-                            .then(() => location.reload());
-                    } else {
-                        Swal.fire({ icon: "error", title: "Errore", text: data.message || "Impossibile salvare." });
-                    }
-                })
-                .catch(err => {
-                    Swal.fire({ icon: "error", title: "Errore", text: "Errore di comunicazione." });
-                    console.error(err);
+                    fetch("ajax/employee_profile/save_personal.php", {
+                            method: "POST",
+                            headers: {
+                                "Content-Type": "application/x-www-form-urlencoded"
+                            },
+                            body: p.toString()
+                        })
+                        .then(r => r.json())
+                        .then(data => {
+                            if (data.success) {
+                                Swal.fire({
+                                        icon: "success",
+                                        title: "Salvato!",
+                                        confirmButtonColor: "#3085d6"
+                                    })
+                                    .then(() => location.reload());
+                            } else {
+                                Swal.fire({
+                                    icon: "error",
+                                    title: "Errore",
+                                    text: data.message || "Impossibile salvare."
+                                });
+                            }
+                        })
+                        .catch(err => {
+                            Swal.fire({
+                                icon: "error",
+                                title: "Errore",
+                                text: "Errore di comunicazione."
+                            });
+                            console.error(err);
+                        });
                 });
             });
-        });
-    </script>
+        </script>
     <?php endif; ?>
 </body>
-</html>
+
+</html>
\ No newline at end of file