diff --git a/app/Http/Controllers/Web/Auth/LoginController.php b/app/Http/Controllers/Web/Auth/LoginController.php
index 69d8716..5cfd769 100644
--- a/app/Http/Controllers/Web/Auth/LoginController.php
+++ b/app/Http/Controllers/Web/Auth/LoginController.php
@@ -108,9 +108,9 @@ class LoginController extends Controller
 
         // Reindirizza in base al ruolo
         if ($user->hasRole('Admin')) {
-            return redirect()->to('userarea/import_dashboard.php');
+            return redirect()->to('userarea/production_dashboard.php');
         } elseif ($user->hasRole('User')) {
-            return redirect()->to('userarea/import_dashboard.php');
+            return redirect()->to('userarea/production_dashboard.php');
         }
 
         // Se il ruolo non è specificato, reindirizza alla home predefinita
diff --git a/public/userarea/get_mescole_matrice.php b/public/userarea/get_mescole_matrice.php
index b7f933b..9884342 100644
--- a/public/userarea/get_mescole_matrice.php
+++ b/public/userarea/get_mescole_matrice.php
@@ -1,7 +1,12 @@
 <?php
-include('../class/db-functions.php');
 header('Content-Type: application/json');
 
+// Evita che warning PHP rovinino il json
+error_reporting(0);
+ini_set('display_errors', 0);
+
+require_once(__DIR__ . '/../class/db-functions.php');
+
 try {
     if (!isset($_GET['id'])) {
         echo json_encode(['success' => false, 'message' => 'ID matrice non fornito.']);
@@ -9,19 +14,24 @@ try {
     }
 
     $idMatrice = intval($_GET['id']);
+
     $db = DBHandlerSelect::getInstance();
     $pdo = $db->getConnection();
 
-    // Tutte le mescole
+    // tutte le mescole
     $stmt = $pdo->query("SELECT id, nome FROM mescole ORDER BY nome ASC");
     $tutte = $stmt->fetchAll(PDO::FETCH_ASSOC);
 
-    // Mescole già associate
+    // mescole associate
     $stmt = $pdo->prepare("SELECT idmescola FROM matrice_mescole WHERE idmatrice = ?");
     $stmt->execute([$idMatrice]);
     $associate = $stmt->fetchAll(PDO::FETCH_COLUMN);
 
-    echo json_encode(['success' => true, 'tutte' => $tutte, 'associate' => $associate]);
+    echo json_encode([
+        'success' => true,
+        'tutte' => $tutte,
+        'associate' => $associate
+    ]);
 } catch (Exception $e) {
-    echo json_encode(['success' => false, 'message' => 'Errore: ' . $e->getMessage()]);
+    echo json_encode(['success' => false, 'message' => $e->getMessage()]);
 }
diff --git a/public/userarea/include/navbar.php b/public/userarea/include/navbar.php
index 2770d64..b92acc7 100644
--- a/public/userarea/include/navbar.php
+++ b/public/userarea/include/navbar.php
@@ -14,25 +14,17 @@
         <!-- user, admin, superuser menù -->
         <?php if ((Auth::user()->hasRole('Admin')) || (Auth::user()->hasRole('User')) || (Auth::user()->hasRole('Superuser'))) : ?>
             <li>
-                <a href="javascript:;" class="has-arrow">
-                    <div class="parent-icon"><i class='bx bx-home-alt'></i>
+                <a href="production_dashboard.php">
+                    <div class="parent-icon"><i class="bx bx-home-alt"></i>
                     </div>
                     <div class="menu-title">Dashboard</div>
                 </a>
-                <ul>
-                    <!-- <li> <a href="index.php"><i class='bx bx-radio-circle'></i>Default</a>
-                    </li> -->
-                    <li> <a href="import_dashboard.php"><i class='bx bx-radio-circle'></i>XLS Import</a>
-                    </li>
-
-
-                </ul>
             </li>
             <li>
                 <a href="javascript:;" class="has-arrow">
                     <div class="parent-icon"><i class="bx bx-category"></i>
                     </div>
-                    <div class="menu-title">Templates</div>
+                    <div class="menu-title">Programmazione</div>
                 </a>
                 <ul>
                     <li> <a href="templates_dashboard.php"><i class='bx bx-radio-circle'></i><?= htmlspecialchars($dashtemplate, ENT_QUOTES, 'UTF-8'); ?></a>
@@ -46,10 +38,17 @@
                 <a href="javascript:;" class="has-arrow">
                     <div class="parent-icon"><i class="bx bx-category"></i>
                     </div>
-                    <div class="menu-title">Other Functions</div>
+                    <div class="menu-title">Funzioni</div>
                 </a>
                 <ul>
-                    <li> <a href="quotations.php"><i class='bx bx-radio-circle'></i><?php echo $quotationstitle; ?></a>
+                    <li>
+                        <a href="mescole.php"><i class='bx bx-radio-circle'></i>Mescole</a>
+                    </li>
+                    <li>
+                        <a href="matrici.php"><i class='bx bx-radio-circle'></i>Matrici</a>
+                    </li>
+                    <li>
+                        <a href="linee.php"><i class='bx bx-radio-circle'></i>Linee di produzione</a>
                     </li>
 
 
diff --git a/public/userarea/matrici.php b/public/userarea/matrici.php
index 235339e..ab941d4 100644
--- a/public/userarea/matrici.php
+++ b/public/userarea/matrici.php
@@ -344,8 +344,13 @@
                 const linee = $('#lineeSelect').val();
                 fetch('save_matrice_linee.php', {
                     method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ id, linee })
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                        id,
+                        linee
+                    })
                 }).then(r => r.json()).then(d => {
                     Swal.fire({
                         icon: d.success ? 'success' : 'error',
@@ -360,33 +365,43 @@
                 const id = $(this).data('id');
                 const nome = $(this).data('nome');
                 $('#idMatriceMescole').val(id);
-                $('.modal-title').text('Associa Mescole a ' + nome);
+
+                $('#associaMescoleModal .modal-title').text('Associa Mescole a ' + nome);
 
                 fetch('get_mescole_matrice.php?id=' + id)
                     .then(r => r.json())
                     .then(data => {
                         const sel = $('#mescoleSelect');
                         sel.empty();
+
                         data.tutte.forEach(m => {
                             const selected = data.associate.includes(m.id.toString()) ? 'selected' : '';
                             sel.append(`<option value="${m.id}" ${selected}>${m.nome}</option>`);
                         });
+
                         sel.select2({
                             theme: 'bootstrap-5',
                             width: '100%'
                         });
+
                         $('#associaMescoleModal').modal('show');
                     });
             });
 
+
             $('#associaMescoleForm').on('submit', e => {
                 e.preventDefault();
                 const id = $('#idMatriceMescole').val();
                 const mescole = $('#mescoleSelect').val();
                 fetch('save_matrice_mescole.php', {
                     method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ id, mescole })
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                        id,
+                        mescole
+                    })
                 }).then(r => r.json()).then(d => {
                     Swal.fire({
                         icon: d.success ? 'success' : 'error',
@@ -399,4 +414,4 @@
     </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/public/userarea/production_dashboard.php b/public/userarea/production_dashboard.php
index 62c364d..abc12f5 100644
--- a/public/userarea/production_dashboard.php
+++ b/public/userarea/production_dashboard.php
@@ -162,11 +162,11 @@
         }
 
         .btn-programmazione {
-            background: linear-gradient(135deg, #d1b3ffff, #e2ccffff);
+            background: linear-gradient(135deg, #7c7afaff, #7c7afaff);
         }
 
         .btn-status {
-            background: linear-gradient(135deg, #ffd5f6ff, #ffe4faff);
+            background: linear-gradient(135deg, #61ce5dff, #61ce5dff);
         }
 
         @media (max-width: 768px) {
@@ -241,17 +241,17 @@
 
                 <!-- ===== PRIMA RIGA ===== -->
                 <div class="dashboard-grid">
-
-                    <button class="dash-btn btn-inserisci" onclick="location.href='production_add.php'">
-                        <div class="dash-icon">➕</div>
-                        <div>Inserisci Dati Produzione</div>
+                    <button class="dash-btn btn-programmazione" onclick="location.href='produzione_programmazione.php'">
+                        <div class="dash-icon">🗓️</div>
+                        <div>Programmazione</div>
                     </button>
 
-                    <button class="dash-btn btn-visualizza" onclick="location.href='production_all.php'">
-                        <div class="dash-icon">📊</div>
-                        <div>Riepilogo Produzione</div>
+                    <button class="dash-btn btn-status" onclick="location.href='production_line_view.php'">
+                        <div class="dash-icon">⚙️</div>
+                        <div>Line View</div>
                     </button>
 
+
                     <button class="dash-btn btn-statistiche" onclick="location.href='production_stats.php'">
                         <div class="dash-icon">📈</div>
                         <div>Statistiche</div>
@@ -276,19 +276,20 @@
                     </button>
                 </div>
 
-                <!-- ===== TERZA RIGA (solo 2 bottoni centrati) ===== -->
+                <!-- ===== TERZA RIGA (solo 2 bottoni centrati) ===== 
                 <div class="dashboard-grid-bottom">
-                    <div></div> <!-- spaziatore per centratura -->
-                    <button class="dash-btn btn-programmazione" onclick="location.href='produzione_programmazione.php'">
-                        <div class="dash-icon">🗓️</div>
-                        <div>Programmazione</div>
+
+                    <button class="dash-btn btn-inserisci" onclick="location.href='production_add.php'">
+                        <div class="dash-icon">➕</div>
+                        <div>Inserisci Dati Produzione</div>
                     </button>
 
-                    <button class="dash-btn btn-status" onclick="location.href='status.php'">
-                        <div class="dash-icon">⚙️</div>
-                        <div>Status Macchine</div>
+                    <button class="dash-btn btn-visualizza" onclick="location.href='production_all.php'">
+                        <div class="dash-icon">📊</div>
+                        <div>Riepilogo Produzione</div>
                     </button>
-                </div>
+                    <div></div> 
+            </div> -->
 
             </div>
         </div>
diff --git a/public/userarea/production_line_view.php b/public/userarea/production_line_view.php
new file mode 100644
index 0000000..2a19f56
--- /dev/null
+++ b/public/userarea/production_line_view.php
@@ -0,0 +1,1144 @@
+<?php
+include('include/headscript.php');
+$db = DBHandlerSelect::getInstance();
+$pdo = $db->getConnection();
+
+// --- LISTE LINEE ---
+$linee = $pdo->query("SELECT id, name FROM production_lines ORDER BY line_number")->fetchAll();
+
+// --- STATUS DINAMICI ---
+$statusProgrammato = $pdo->query("SELECT id, nome, badge_color, line_color FROM production_status WHERE id = 6 LIMIT 1")->fetch();
+$statusProduzione  = $pdo->query("SELECT id, nome, badge_color, line_color FROM production_status WHERE id = 2 LIMIT 1")->fetch();
+$statusPausa       = $pdo->query("SELECT id, nome, badge_color, line_color FROM production_status WHERE id = 7 LIMIT 1")->fetch();
+$statusQualita     = $pdo->query("SELECT id FROM production_status WHERE id = 3 LIMIT 1")->fetchColumn();
+
+if (!$statusProgrammato || !$statusProduzione || !$statusPausa || !$statusQualita) {
+    die("Errore: uno o più status non trovati in production_status");
+}
+
+$statusProgrammatoId = $statusProgrammato['id'];
+$statusProduzioneId  = $statusProduzione['id'];
+$statusPausaId       = $statusPausa['id'];
+
+// --- DATA E LINEA SELEZIONATE ---
+$selected_date = $_GET['date'] ?? date('Y-m-d');
+$selected_line = $_GET['line'] ?? '';
+
+// --- AVVIO / RIPRESA PRODUZIONE ---
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['start_production'])) {
+    $id = (int)$_POST['id'];
+    try {
+        $sql = "UPDATE productiondata 
+                SET id_status = :status, data_avvio = UTC_TIMESTAMP() 
+                WHERE id = :id AND id_status IN (:programmato, :pausa)";
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute([
+            'status' => $statusProduzioneId,
+            'id' => $id,
+            'programmato' => $statusProgrammatoId,
+            'pausa' => $statusPausaId
+        ]);
+        echo json_encode(['success' => true]);
+    } catch (Exception $e) {
+        echo json_encode(['success' => false, 'msg' => $e->getMessage()]);
+    }
+    exit;
+}
+
+// --- PAUSA PRODUZIONE (aggiorna tempo e stato in base al motivo) ---
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['pause_production'])) {
+    $id = (int)$_POST['id'];
+    $reason = $_POST['reason'] ?? 'tecnica';
+    $note = trim($_POST['note'] ?? '');
+    try {
+        $sql = "SELECT data_avvio FROM productiondata WHERE id = :id AND id_status = :produzione";
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute(['id' => $id, 'produzione' => $statusProduzioneId]);
+        $row = $stmt->fetch();
+        $seconds = 0;
+        if ($row && $row['data_avvio']) {
+            $start = new DateTime($row['data_avvio'], new DateTimeZone('UTC'));
+            $now = new DateTime('now', new DateTimeZone('UTC'));
+            $seconds = $now->getTimestamp() - $start->getTimestamp();
+        }
+
+        // Stato di destinazione
+        $nextStatus = ($reason === 'problema') ? 8 : $statusPausaId; // 8 = Problema in produzione
+
+        $sql = "UPDATE productiondata 
+                SET id_status = :status,
+                    tempo_totale_produzione = COALESCE(tempo_totale_produzione, 0) + :seconds,
+                    note_operatore = :note
+                WHERE id = :id AND id_status = :produzione";
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute([
+            'status' => $nextStatus,
+            'seconds' => $seconds,
+            'note' => $note ?: null,
+            'id' => $id,
+            'produzione' => $statusProduzioneId
+        ]);
+        echo json_encode(['success' => true]);
+    } catch (Exception $e) {
+        echo json_encode(['success' => false, 'msg' => $e->getMessage()]);
+    }
+    exit;
+}
+
+
+// --- STOP PRODUZIONE (vai a Qualità + salva tempo finale) ---
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['stop_production'])) {
+    $id = (int)$_POST['id'];
+    $reason = $_POST['reason'] ?? 'fine';
+    $note = trim($_POST['note'] ?? '');
+    try {
+        $sql = "SELECT data_avvio, id_status FROM productiondata WHERE id = :id";
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute(['id' => $id]);
+        $row = $stmt->fetch();
+        $seconds = 0;
+        if ($row && $row['data_avvio'] && $row['id_status'] == $statusProduzioneId) {
+            $start = new DateTime($row['data_avvio'], new DateTimeZone('UTC'));
+            $now = new DateTime('now', new DateTimeZone('UTC'));
+            $seconds = $now->getTimestamp() - $start->getTimestamp();
+        }
+
+        // Stato di destinazione
+        $nextStatus = ($reason === 'problema') ? 8 : $statusQualita; // 8 = Problema in produzione
+
+        $sql = "UPDATE productiondata 
+                SET id_status = :status,
+                    tempo_totale_produzione = COALESCE(tempo_totale_produzione, 0) + :seconds,
+                    data_avvio = NULL,
+                    note_operatore = :note
+                WHERE id = :id AND id_status IN (:produzione, :pausa)";
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute([
+            'status' => $nextStatus,
+            'seconds' => $seconds,
+            'note' => $note ?: null,
+            'id' => $id,
+            'produzione' => $statusProduzioneId,
+            'pausa' => $statusPausaId
+        ]);
+        echo json_encode(['success' => true]);
+    } catch (Exception $e) {
+        echo json_encode(['success' => false, 'msg' => $e->getMessage()]);
+    }
+    exit;
+}
+
+// --- SALVATAGGIO DATI FINE PRODUZIONE ---
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['save_final_data'])) {
+    $id = (int)$_POST['id'];
+    $kgprod = (float)$_POST['kgprod'];
+    $mtprod = (float)$_POST['mtprod'];
+    $scarto = (float)$_POST['scarto'];
+    $note = trim($_POST['note'] ?? '');
+    $reason = $_POST['reason'] ?? 'fine';
+
+    try {
+        // Calcolo automatico del tempo totale in ore
+        $sql = "SELECT tempo_totale_produzione FROM productiondata WHERE id = :id";
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute(['id' => $id]);
+        $seconds = (int)$stmt->fetchColumn();
+        $hours = round($seconds / 3600, 2);
+
+        // Stato di destinazione
+        $nextStatus = ($reason === 'problema') ? 8 : $statusQualita;
+
+        $sql = "UPDATE productiondata
+                SET kgprod = :kgprod,
+                    mtprod = :mtprod,
+                    scarto = :scarto,
+                    note_operatore = :note,
+                    hourprod = SEC_TO_TIME(:seconds),
+                    id_status = :status
+                WHERE id = :id";
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute([
+            'kgprod' => $kgprod,
+            'mtprod' => $mtprod,
+            'scarto' => $scarto,
+            'note' => $note,
+            'seconds' => $seconds,
+            'status' => $nextStatus,
+            'id' => $id
+        ]);
+
+        echo json_encode(['success' => true]);
+    } catch (Exception $e) {
+        echo json_encode(['success' => false, 'msg' => $e->getMessage()]);
+    }
+    exit;
+}
+
+
+// --- AJAX: carica record ---
+if (!empty($_GET['ajax'])) {
+    $date = $_GET['date'] ?? date('Y-m-d');
+    $lineRaw = $_GET['line'] ?? '';
+    $lineArray = $lineRaw !== '' ? explode(',', $lineRaw) : [];
+
+
+    $sql = "SELECT 
+                p.*, 
+                m.nome AS matrice, 
+                ms.nome AS mescola, 
+                l.name AS linea,
+                c.nome AS cliente,
+                s.nome AS status_nome,
+                s.badge_color,
+                s.line_color,
+                p.tempo_totale_produzione
+            FROM productiondata p
+            LEFT JOIN matrice m ON p.idmatrice = m.id
+            LEFT JOIN mescole ms ON p.idmescola = ms.id
+            LEFT JOIN production_lines l ON p.id_linea = l.id
+            LEFT JOIN clients c ON p.id_cliente = c.id
+            LEFT JOIN production_status s ON p.id_status = s.id
+            WHERE p.data_produzione = :date
+              AND p.id_status IN (:programmato, :produzione, :pausa)"
+        . (!empty($lineArray) ? " AND p.id_linea IN (" . implode(',', array_map('intval', $lineArray)) . ")" : "")
+        . " ORDER BY l.line_number, p.Data";
+
+    $params = [
+        ':date' => $date,
+        ':programmato' => $statusProgrammatoId,
+        ':produzione' => $statusProduzioneId,
+        ':pausa' => $statusPausaId
+    ];
+
+    try {
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute($params);
+        $records = $stmt->fetchAll();
+    } catch (PDOException $e) {
+        echo '<div class="no-records">Errore database.</div>';
+        exit;
+    }
+
+    if (empty($records)) {
+        echo '<div class="no-records">
+                <i class="bi bi-inbox"></i>
+                <div>Nessuna produzione programmata, in corso o in pausa</div>
+              </div>';
+        exit;
+    }
+
+    foreach ($records as $r) {
+        $isInProduction = $r['id_status'] == $statusProduzioneId;
+        $isPaused = $r['id_status'] == $statusPausaId;
+        $dataZibo = ($r['data_zibo'] && $r['data_zibo'] !== '0000-00-00') ? date('d/m/Y', strtotime($r['data_zibo'])) : '-';
+        $dataCliente = ($r['data_cliente'] && $r['data_cliente'] !== '0000-00-00') ? date('d/m/Y', strtotime($r['data_cliente'])) : '-';
+
+        $totalSeconds = (int)($r['tempo_totale_produzione'] ?? 0);
+        $startTime = ($isInProduction || $isPaused) && !empty($r['data_avvio']) && $r['data_avvio'] !== '0000-00-00 00:00:00'
+            ? strtotime($r['data_avvio'] . ' UTC')
+            : strtotime($r['Data'] . ' UTC');
+
+        $badgeColor = $r['badge_color'] ?? '#6c757d';
+        $lineColor = $r['line_color'] ?? '#e9ecef';
+        $statusNome = $r['status_nome'];
+?>
+        <div class="record-card <?= $isInProduction || $isPaused ? 'in-production expanded' : 'programmed' ?>"
+            data-id="<?= $r['id'] ?>"
+            data-total-seconds="<?= $totalSeconds ?>"
+            style="--line-bg: <?= $lineColor ?>; --badge-bg: <?= $badgeColor ?>;">
+
+            <!-- RIGA VISIBILE -->
+            <div class="record-summary">
+                <div class="summary-grid">
+                    <div><strong>Linea</strong> <span><?= htmlspecialchars($r['linea']) ?></span></div>
+                    <div><strong>Matrice</strong> <span><?= htmlspecialchars($r['matrice']) ?></span></div>
+                    <div><strong>Mescola</strong> <span><?= htmlspecialchars($r['mescola']) ?></span></div>
+                    <div><strong>Cliente</strong> <span><?= htmlspecialchars($r['cliente'] ?? '-') ?></span></div>
+                    <div><strong>Zibo</strong> <span><?= $dataZibo ?></span></div>
+                    <div><strong>Data Cl.</strong> <span><?= $dataCliente ?></span></div>
+                    <div><strong>Metri</strong> <span><?= number_format($r['metri'], 2) ?></span></div>
+                    <div><strong>Ore</strong> <span><?= number_format($r['ore_previste'], 1) ?></span></div>
+                </div>
+                <div class="status-badge" style="background: var(--badge-bg);">
+                    <?= strtoupper($statusNome) ?>
+                    <?php if ($isInProduction || $isPaused): ?>
+                        <i class="bi bi-chevron-down expand-arrow"></i>
+                    <?php endif; ?>
+                </div>
+            </div>
+
+            <!-- RIGA ESPANSA -->
+            <div class="record-expanded">
+                <?php if ($isInProduction || $isPaused): ?>
+                    <div class="timer-display" data-start="<?= $startTime ?>">
+                        <span class="timer">00:00:00</span>
+                    </div>
+                    <div class="action-buttons">
+                        <?php if ($isInProduction): ?>
+                            <button class="action-btn pause-btn" data-id="<?= $r['id'] ?>">PAUSA</button>
+                            <button class="action-btn stop-btn" data-id="<?= $r['id'] ?>">STOP</button>
+                        <?php elseif ($isPaused): ?>
+                            <button class="action-btn resume-btn" data-id="<?= $r['id'] ?>">RIPRENDI</button>
+                            <button class="action-btn stop-btn" data-id="<?= $r['id'] ?>">STOP</button>
+                        <?php endif; ?>
+                    </div>
+                <?php else: ?>
+                    <button class="action-btn start-btn" data-id="<?= $r['id'] ?>">AVVIA PRODUZIONE</button>
+                <?php endif; ?>
+            </div>
+        </div>
+<?php
+    }
+    exit;
+}
+?>
+
+<!doctype html>
+<html lang="it">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <title>Linea Produzione - Tablet</title>
+    <?php include('cssinclude.php'); ?>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
+    <style>
+        * {
+            box-sizing: border-box;
+        }
+
+        html,
+        body {
+            height: 100%;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+            font-family: 'Segoe UI', sans-serif;
+        }
+
+        body {
+            background: #f1f5f9;
+            -webkit-tap-highlight-color: transparent;
+        }
+
+        .wrapper,
+        .page-wrapper,
+        .page-content {
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .page-content {
+            padding: 0;
+        }
+
+        .main-card {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            margin: 0.8rem;
+            border-radius: 1.2rem;
+            overflow: hidden;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+            background: #fff;
+        }
+
+        .card-header {
+            background: linear-gradient(135deg, #1d4ed8, #3b82f6);
+            color: white;
+            padding: 1.2rem 1.5rem;
+            flex-shrink: 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .card-header h5 {
+            margin: 0;
+            font-weight: 600;
+            font-size: 1.35rem;
+        }
+
+        .back-btn {
+            background: rgba(255, 255, 255, 0.25);
+            border: 1px solid rgba(255, 255, 255, 0.4);
+            color: white;
+            padding: 0.5rem 1rem;
+            border-radius: 0.8rem;
+            font-weight: 500;
+        }
+
+        .back-btn:hover {
+            background: rgba(255, 255, 255, 0.35);
+        }
+
+        .filters {
+            display: flex;
+            gap: 1rem;
+            padding: 1rem 1.5rem;
+            background: #f8fafc;
+            border-bottom: 1px solid #e2e8f0;
+            flex-shrink: 0;
+            flex-wrap: wrap;
+        }
+
+        .filter-group {
+            flex: 1;
+            min-width: 160px;
+        }
+
+        .filter-group label {
+            display: block;
+            font-weight: 600;
+            margin-bottom: 0.4rem;
+            color: #1e40af;
+            font-size: 0.9rem;
+        }
+
+        .filter-group input,
+        .filter-group select {
+            width: 100%;
+            padding: 0.7rem 1rem;
+            border: 1px solid #cbd5e1;
+            border-radius: 0.8rem;
+            font-size: 1rem;
+            background: white;
+        }
+
+        .filter-group input:focus,
+        .filter-group select:focus {
+            outline: none;
+            border-color: #3b82f6;
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
+        }
+
+        #recordsContainer {
+            flex: 1;
+            overflow-y: auto;
+            padding: 1rem 1.5rem;
+            background: #f8fafc;
+        }
+
+        .record-card {
+            margin-bottom: 1rem;
+            border-radius: 1rem;
+            overflow: hidden;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
+            background: white;
+            transition: all 0.3s ease;
+            cursor: pointer;
+        }
+
+        .record-card:hover {
+            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+        }
+
+        .record-card.in-production {
+            background: var(--line-bg);
+            border-left: 6px solid var(--badge-bg);
+        }
+
+        .record-summary {
+            padding: 1rem 1.2rem;
+            position: relative;
+            background: transparent;
+        }
+
+        .summary-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+            gap: 0.8rem;
+            font-size: 0.9rem;
+        }
+
+        .summary-grid strong {
+            display: block;
+            color: #1e293b;
+            font-size: 0.75rem;
+            text-transform: uppercase;
+            letter-spacing: 0.6px;
+            margin-bottom: 0.2rem;
+            font-weight: 700;
+        }
+
+        .summary-grid span {
+            color: #475569;
+            font-weight: 500;
+        }
+
+        .status-badge {
+            position: absolute;
+            top: 1rem;
+            right: 1.2rem;
+            padding: 0.35rem 0.75rem;
+            border-radius: 2rem;
+            font-size: 0.7rem;
+            font-weight: 700;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+            color: white;
+        }
+
+        .expand-arrow {
+            display: inline-block;
+            margin-left: 0.5rem;
+            font-size: 1rem;
+            transition: transform 0.3s ease;
+            font-weight: bold;
+        }
+
+        .record-card.expanded .expand-arrow {
+            transform: rotate(180deg);
+        }
+
+        .record-expanded {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;
+            padding: 0 1.2rem;
+            background: #f8fafc;
+        }
+
+        .record-card.expanded .record-expanded {
+            max-height: 400px;
+            padding: 1.2rem;
+        }
+
+        .timer-display {
+            text-align: center;
+            font-size: 2.4rem;
+            font-weight: 700;
+            color: #059669;
+            margin: 1rem 0;
+            font-family: 'Courier New', monospace;
+            letter-spacing: 2px;
+        }
+
+        .action-buttons {
+            display: flex;
+            gap: 0.8rem;
+        }
+
+        .action-btn {
+            flex: 1;
+            padding: 1rem;
+            font-size: 1.2rem;
+            font-weight: 700;
+            border: none;
+            color: white;
+            text-transform: uppercase;
+            letter-spacing: 1.2px;
+            cursor: pointer;
+            border-radius: 0.8rem;
+            transition: all 0.2s;
+        }
+
+        .start-btn {
+            background: linear-gradient(135deg, #10b981, #059669);
+        }
+
+        .start-btn:hover {
+            background: linear-gradient(135deg, #059669, #047857);
+        }
+
+        .pause-btn {
+            background: linear-gradient(135deg, #f59e0b, #d97706);
+        }
+
+        .pause-btn:hover {
+            background: linear-gradient(135deg, #d97706, #c05621);
+        }
+
+        .resume-btn {
+            background: linear-gradient(135deg, #10b981, #059669);
+        }
+
+        .resume-btn:hover {
+            background: linear-gradient(135deg, #059669, #047857);
+        }
+
+        .stop-btn {
+            background: linear-gradient(135deg, #ef4444, #dc2626);
+        }
+
+        .stop-btn:hover {
+            background: linear-gradient(135deg, #dc2626, #b91c1c);
+        }
+
+        .no-records {
+            text-align: center;
+            padding: 4rem 1.5rem;
+            color: #64748b;
+            font-size: 1.15rem;
+        }
+
+        .no-records i {
+            font-size: 3.5rem;
+            margin-bottom: 1rem;
+            color: #cbd5e1;
+        }
+
+        .modal {
+            display: none;
+            /* di default invisibile */
+            position: fixed;
+            z-index: 1000;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.6);
+            justify-content: center;
+            align-items: center;
+        }
+
+        /* quando la modale è attiva, la centriamo */
+        .modal.active {
+            display: flex !important;
+        }
+
+        .modal-content {
+            background: white;
+            padding: 2rem;
+            border-radius: 1.2rem;
+            width: 90%;
+            max-width: 400px;
+            text-align: center;
+            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
+            animation: slideUp 0.25s ease-out;
+        }
+
+        /* animazione dolce */
+        @keyframes slideUp {
+            from {
+                transform: translateY(30px);
+                opacity: 0;
+            }
+
+            to {
+                transform: translateY(0);
+                opacity: 1;
+            }
+        }
+
+        .modal-buttons {
+            display: flex;
+            gap: 1rem;
+            margin-top: 1.5rem;
+        }
+
+        .modal-btn {
+            flex: 1;
+            padding: 0.9rem;
+            font-weight: 600;
+            border: none;
+            border-radius: 0.8rem;
+            cursor: pointer;
+        }
+
+        .modal-confirm {
+            background: #10b981;
+            color: white;
+        }
+
+        .modal-cancel {
+            background: #e2e8f0;
+            color: #475569;
+        }
+
+        .line-btn {
+            flex: 0 0 150px;
+            padding: 0.8rem 0;
+            font-size: 1.4rem;
+            font-weight: 700;
+            border-radius: 0.8rem;
+            border: none;
+            cursor: pointer;
+            transition: 0.2s;
+            color: white;
+        }
+
+        .line-btn.active {
+            background: #dc2626;
+            /* rosso */
+        }
+
+        .line-btn.inactive {
+            background: #cbd5e1;
+            /* grigio */
+            color: #475569;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="wrapper">
+        <?php include('include/navbar.php'); ?>
+        <?php include('include/topbar.php'); ?>
+
+        <div class="page-wrapper">
+            <div class="page-content">
+                <div class="main-card">
+                    <div class="card-header">
+                        <h5 style="color:#ffffff;">Linea di Produzione</h5>
+
+                        <button class="back-btn" onclick="location.href='production_dashboard.php'">Torna</button>
+                    </div>
+
+                    <div class="filters">
+                        <div class="filter-group">
+                            <label for="filterDate">Giornata</label>
+                            <input type="text" id="filterDate" placeholder="gg/mm/aaaa">
+                        </div>
+                        <div class="filter-group">
+                            <label>Linee</label>
+
+                            <div id="lineButtons" style="display:flex; gap:0.8rem;">
+                                <?php foreach ($linee as $l): ?>
+                                    <button
+                                        class="line-btn active"
+                                        data-line="<?= $l['id'] ?>">
+                                        <?= htmlspecialchars($l['name']) ?>
+                                    </button>
+                                <?php endforeach; ?>
+                            </div>
+
+                            <!-- Campo nascosto che userà JS per passare le linee selezionate -->
+                            <input type="hidden" id="filterLine" value="">
+                        </div>
+
+                    </div>
+
+                    <div id="recordsContainer">
+                        <!-- Caricato via JS -->
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <?php include('include/footer.php'); ?>
+    </div>
+
+    <!-- Notifica sonora -->
+    <audio id="beepSound" src="beep.wav" preload="auto"></audio>
+
+    <!-- Modal di conferma azioni produzione -->
+    <div id="reasonModal" class="modal">
+        <div class="modal-content">
+            <h3 id="modalTitle">Conferma azione</h3>
+            <p id="modalQuestion"></p>
+
+            <!-- Opzioni visibili solo per STOP o PAUSA -->
+            <div class="modal-options" id="modalOptions" style="display:none;margin-top:1rem;">
+                <label><input type="radio" name="reason" value="fine"> Fine produzione</label><br>
+                <label><input type="radio" name="reason" value="tecnica"> Pausa tecnica</label><br>
+                <label><input type="radio" name="reason" value="problema"> Problema tecnico</label>
+            </div>
+
+            <!-- Campo nota -->
+            <div id="noteContainer" style="margin-top:1rem;display:none;">
+                <label for="modalNote"><strong>Nota (obbligatoria se problema):</strong></label>
+                <textarea id="modalNote" rows="3" style="width:100%;padding:0.5rem;border-radius:0.5rem;border:1px solid #ccc;"></textarea>
+            </div>
+
+            <div class="modal-buttons">
+                <button id="modalCancel" class="modal-btn modal-cancel">Annulla</button>
+                <button id="modalConfirm" class="modal-btn modal-confirm">Conferma</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Modal dati fine produzione -->
+    <div id="finalDataModal" class="modal">
+        <div class="modal-content">
+            <h3>Dati Fine Produzione</h3>
+            <p>Inserisci i dati finali prima di chiudere la produzione:</p>
+
+            <div style="display:flex;flex-direction:column;gap:0.6rem;margin-top:1rem;text-align:left;">
+                <label><strong>Kg prodotti:</strong>
+                    <input type="number" id="kgprod" step="0.01" min="0" placeholder="0.00"
+                        style="width:100%;padding:0.5rem;border-radius:0.5rem;border:1px solid #ccc;">
+                </label>
+                <label><strong>Metri prodotti:</strong>
+                    <input type="number" id="mtprod" step="0.01" min="0" placeholder="0.00"
+                        style="width:100%;padding:0.5rem;border-radius:0.5rem;border:1px solid #ccc;">
+                </label>
+                <label><strong>Scarto (kg):</strong>
+                    <input type="number" id="scarto" step="0.01" min="0" placeholder="0.00"
+                        style="width:100%;padding:0.5rem;border-radius:0.5rem;border:1px solid #ccc;">
+                </label>
+                <label><strong>Note operatore:</strong>
+                    <textarea id="finalNote" rows="3"
+                        style="width:100%;padding:0.5rem;border-radius:0.5rem;border:1px solid #ccc;"></textarea>
+                </label>
+            </div>
+
+            <div class="modal-buttons" style="margin-top:1.5rem;">
+                <button id="finalCancel" class="modal-btn modal-cancel">Annulla</button>
+                <button id="finalConfirm" class="modal-btn modal-confirm">Conferma</button>
+            </div>
+        </div>
+    </div>
+
+
+
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
+    <?php include('jsinclude.php'); ?>
+    <script>
+        $(function() {
+
+            const datePicker = flatpickr("#filterDate", {
+                dateFormat: "d/m/Y",
+                defaultDate: "<?= date('d/m/Y') ?>",
+                onChange: loadRecords
+            });
+
+            $('#filterLine').on('change', loadRecords);
+            const beep = $('#beepSound')[0];
+            let timers = {};
+
+            function playBeep() {
+                beep.currentTime = 0;
+                beep.play().catch(() => {});
+            }
+
+            // --- BOTTONI LINEE ---
+            let selectedLines = [];
+
+            // inizialmente selezioniamo tutte
+            $('#lineButtons .line-btn').each(function() {
+                selectedLines.push($(this).data('line'));
+            });
+            $('#filterLine').val(selectedLines.join(','));
+
+
+            // logica pulsanti
+            $(document).on('click', '.line-btn', function() {
+                const id = $(this).data('line');
+
+                if ($(this).hasClass('active')) {
+                    // se la deseleziono
+                    $(this).removeClass('active').addClass('inactive');
+                    selectedLines = selectedLines.filter(l => l !== id);
+                } else {
+                    // se la seleziono
+                    $(this).removeClass('inactive').addClass('active');
+                    selectedLines.push(id);
+                }
+
+                // assicurati che non sia vuoto
+                if (selectedLines.length === 0) {
+                    // se deselezionano tutto → riseleziona tutto
+                    $('#lineButtons .line-btn').removeClass('inactive').addClass('active');
+                    selectedLines = $('#lineButtons .line-btn').map(function() {
+                        return $(this).data('line');
+                    }).get();
+                }
+
+                $('#filterLine').val(selectedLines.join(','));
+                loadRecords();
+            });
+
+
+
+            // --- CARICA RECORD ---
+            function loadRecords() {
+                const date = datePicker.selectedDates[0];
+                const isoDate = date ? new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toISOString().split('T')[0] : '<?= date('Y-m-d') ?>';
+                const line = $('#filterLine').val();
+
+                $('#recordsContainer').html('<div class="text-center p-5"><i class="bi bi-hourglass-split" style="font-size:2.5rem;color:#94a3b8;"></i></div>');
+
+                $.get('', {
+                    ajax: 1,
+                    date: isoDate,
+                    line: line
+                }, function(html) {
+                    $('#recordsContainer').html(html);
+                    startAllTimers();
+                    setupEventHandlers();
+
+                    $('.record-card.in-production').each(function() {
+                        const $card = $(this);
+                        const $expanded = $card.find('.record-expanded');
+                        $card.addClass('expanded');
+                        $expanded.css('max-height', $expanded[0].scrollHeight + 50 + 'px');
+                    });
+                }).fail(function() {
+                    $('#recordsContainer').html('<div class="no-records">Errore di connessione</div>');
+                });
+            }
+
+            // --- EVENTI DEI PULSANTI ---
+            function setupEventHandlers() {
+                $(document).off('click', '.record-card');
+                $(document).on('click', '.record-card', function(e) {
+                    if ($(e.target).closest('button').length) return;
+                    const $card = $(this);
+                    const $arrow = $card.find('.expand-arrow');
+                    const $expanded = $card.find('.record-expanded');
+                    if ($card.hasClass('expanded')) {
+                        $card.removeClass('expanded');
+                        $arrow.css('transform', 'rotate(0deg)');
+                        $expanded.css('max-height', $expanded[0].scrollHeight + 'px');
+                        setTimeout(() => $expanded.css('max-height', '0'), 10);
+                    } else {
+                        $card.addClass('expanded');
+                        $arrow.css('transform', 'rotate(180deg)');
+                        $expanded.css('max-height', '0');
+                        setTimeout(() => $expanded.css('max-height', $expanded[0].scrollHeight + 50 + 'px'), 10);
+                    }
+                });
+
+                // --- AVVIA PRODUZIONE ---
+                $(document).off('click', '.start-btn').on('click', '.start-btn', function(e) {
+                    e.stopPropagation();
+                    playBeep();
+                    const id = $(this).data('id');
+                    showReasonModal('start', id);
+                });
+
+                // --- RIPRENDI ---
+                $(document).off('click', '.resume-btn').on('click', '.resume-btn', function(e) {
+                    e.stopPropagation();
+                    playBeep();
+                    const id = $(this).data('id');
+                    showReasonModal('resume', id);
+                });
+
+                // --- PAUSA ---
+                $(document).off('click', '.pause-btn').on('click', '.pause-btn', function(e) {
+                    e.stopPropagation();
+                    playBeep();
+                    const id = $(this).data('id');
+                    showReasonModal('pause', id);
+                });
+
+                // --- STOP ---
+                $(document).off('click', '.stop-btn').on('click', '.stop-btn', function(e) {
+                    e.stopPropagation();
+                    playBeep();
+                    const id = $(this).data('id');
+                    showReasonModal('stop', id);
+                });
+            }
+
+            // --- MODALE UNIFICATA PER TUTTE LE AZIONI ---
+            function showReasonModal(action, id) {
+                $('#reasonModal').addClass('active');
+                $('#modalNote').val('');
+                $('input[name="reason"]').prop('checked', false);
+                $('#modalOptions').hide();
+                $('#noteContainer').hide();
+
+                // Titolo e testo dinamici
+                switch (action) {
+                    case 'start':
+                        $('#modalTitle').text('Avvio produzione');
+                        $('#modalQuestion').text('Vuoi avviare la produzione?');
+                        break;
+
+                    case 'resume':
+                        $('#modalTitle').text('Ripresa produzione');
+                        $('#modalQuestion').text('Vuoi riprendere la produzione?');
+                        break;
+
+                    case 'pause':
+                        $('#modalTitle').text('Pausa produzione');
+                        $('#modalQuestion').text('Seleziona il motivo della pausa:');
+                        $('#modalOptions').show();
+                        $('input[value="fine"]').closest('label').hide();
+                        $('input[value="tecnica"]').closest('label').show();
+                        $('input[value="problema"]').closest('label').show();
+                        $('#noteContainer').show();
+                        break;
+
+                    case 'stop':
+                        $('#modalTitle').text('Stop produzione');
+                        $('#modalQuestion').text('Seleziona il motivo dello stop:');
+                        $('#modalOptions').show();
+                        $('input[value="fine"]').closest('label').show();
+                        $('input[value="tecnica"]').closest('label').hide();
+                        $('input[value="problema"]').closest('label').show();
+                        $('#noteContainer').show();
+                        break;
+
+                }
+
+                // --- Pulsante conferma ---
+                $('#modalConfirm').off('click').on('click', function() {
+                    const reason = $('input[name="reason"]:checked').val();
+                    const note = $('#modalNote').val().trim();
+
+                    if ((action === 'pause' || action === 'stop') && !reason) {
+                        alert('Seleziona un motivo.');
+                        return;
+                    }
+                    if (reason === 'problema' && note === '') {
+                        alert('Inserisci una nota per segnalare il problema.');
+                        return;
+                    }
+
+                    $('#reasonModal').removeClass('active');
+
+                    // Azione specifica
+                    switch (action) {
+                        case 'start':
+                        case 'resume':
+                            startProduction(id);
+                            break;
+                        case 'pause':
+                            pauseProduction(id, reason, note);
+                            break;
+                        case 'stop':
+                            if (reason === 'fine') {
+                                // Apri modale per inserimento dati finali
+                                $('#reasonModal').removeClass('active');
+                                openFinalDataModal(id, reason, note);
+                            } else {
+                                // Problema: stop diretto
+                                stopProduction(id, reason, note);
+                            }
+                            break;
+
+                    }
+                });
+
+                // --- Pulsante annulla ---
+                $('#modalCancel').off('click').on('click', function() {
+                    $('#reasonModal').fadeOut(200);
+                });
+            }
+
+            // --- MODALE DATI FINE PRODUZIONE ---
+            function openFinalDataModal(id, reason, note) {
+                $('#finalDataModal').addClass('active');
+                $('#kgprod, #mtprod, #scarto').val('');
+                $('#finalNote').val(note || '');
+
+                $('#finalConfirm').off('click').on('click', function() {
+                    const kg = parseFloat($('#kgprod').val()) || 0;
+                    const mt = parseFloat($('#mtprod').val()) || 0;
+                    const scarto = parseFloat($('#scarto').val()) || 0;
+                    const noteFinal = $('#finalNote').val().trim();
+
+                    if (kg <= 0 && mt <= 0) {
+                        alert('Inserisci almeno uno tra Kg o Metri prodotti.');
+                        return;
+                    }
+
+                    $('#finalDataModal').removeClass('active');
+
+                    $.post('', {
+                        save_final_data: 1,
+                        id: id,
+                        reason: reason,
+                        kgprod: kg,
+                        mtprod: mt,
+                        scarto: scarto,
+                        note: noteFinal
+                    }, function(r) {
+                        if (r.success) loadRecords();
+                        else alert(r.msg || 'Errore nel salvataggio dei dati finali.');
+                    }, 'json');
+                });
+
+                $('#finalCancel').off('click').on('click', function() {
+                    $('#finalDataModal').removeClass('active');
+                });
+            }
+
+
+            // --- START PRODUZIONE ---
+            function startProduction(id) {
+                $.post('', {
+                    start_production: 1,
+                    id: id
+                }, function(r) {
+                    if (r.success) loadRecords();
+                    else alert(r.msg || 'Errore durante l\'avvio.');
+                }, 'json');
+            }
+
+            // --- PAUSA PRODUZIONE ---
+            function pauseProduction(id, reason, note) {
+                $.post('', {
+                    pause_production: 1,
+                    id: id,
+                    reason: reason,
+                    note: note
+                }, function(r) {
+                    if (r.success) loadRecords();
+                    else alert(r.msg || 'Errore durante la pausa.');
+                }, 'json');
+            }
+
+            // --- STOP PRODUZIONE ---
+            function stopProduction(id, reason, note) {
+                $.post('', {
+                    stop_production: 1,
+                    id: id,
+                    reason: reason,
+                    note: note
+                }, function(r) {
+                    if (r.success) loadRecords();
+                    else alert(r.msg || 'Errore durante lo stop.');
+                }, 'json');
+            }
+
+            // --- TIMER PRODUZIONE ---
+            function startAllTimers() {
+                clearInterval(window.timerInterval);
+                timers = {};
+
+                $('.timer-display').each(function() {
+                    const $el = $(this);
+                    const start = $el.data('start') * 1000;
+                    const id = $el.closest('.record-card').data('id');
+                    const totalSeconds = parseInt($el.closest('.record-card').data('total-seconds') || 0, 10);
+                    const isPaused = $el.closest('.record-card').find('.resume-btn').length > 0;
+
+                    let effectiveStart = isPaused ?
+                        Date.now() - (totalSeconds * 1000) :
+                        start - (totalSeconds * 1000);
+
+                    timers[id] = {
+                        el: $el,
+                        start: new Date(effectiveStart)
+                    };
+                    updateTimer(id);
+                });
+
+                window.timerInterval = setInterval(() => {
+                    Object.keys(timers).forEach(id => {
+                        const t = timers[id];
+                        const $card = t.el.closest('.record-card');
+                        const isPaused = $card.find('.resume-btn').length > 0;
+                        if (!isPaused) {
+                            updateTimer(id);
+                        }
+                    });
+                }, 1000);
+            }
+
+            function updateTimer(id) {
+                const t = timers[id];
+                if (!t) return;
+                const diff = Date.now() - t.start.getTime();
+                const h = String(Math.floor(diff / 3600000)).padStart(2, '0');
+                const m = String(Math.floor((diff % 3600000) / 60000)).padStart(2, '0');
+                const s = String(Math.floor((diff % 60000) / 1000)).padStart(2, '0');
+                t.el.find('.timer').text(`${h}:${m}:${s}`);
+            }
+
+            loadRecords();
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/userarea/produzione_programmazione.php b/public/userarea/produzione_programmazione.php
index f5262fa..10b9317 100644
--- a/public/userarea/produzione_programmazione.php
+++ b/public/userarea/produzione_programmazione.php
@@ -70,16 +70,22 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
     <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet">
     <link href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css" rel="stylesheet">
     <link href="https://cdn.datatables.net/responsive/2.5.0/css/responsive.bootstrap5.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
 
     <style>
         .inline-edit {
             display: none;
         }
 
-        .btn-sm {
-            border-radius: .5rem;
-            font-size: .8rem;
-            padding: .35rem .65rem;
+        .btn-xs {
+            padding: 0.15rem 0.35rem;
+            font-size: 0.7rem;
+            line-height: 1.2;
+            border-radius: .4rem;
+        }
+
+        .btn-xs i {
+            font-size: 0.85rem;
         }
 
         .table td,
@@ -126,8 +132,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
             float: right;
         }
 
-        .btn i {
-            font-size: 1rem;
+        .btn-clear-filters {
+            margin-left: 0.5rem;
+            padding: 0.25rem 0.5rem;
+            font-size: 0.75rem;
         }
 
         .badge {
@@ -158,7 +166,6 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
             font-size: 0.75rem !important;
         }
 
-        /* TESTO PICCOLO NEI DROPDOWN SELECT2 */
         .select2-container--bootstrap-5 .select2-dropdown .select2-results__option {
             font-size: 0.75rem !important;
             padding: 0.2rem 0.5rem !important;
@@ -167,6 +174,35 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
         .select2-container--bootstrap-5 .select2-selection__placeholder {
             font-size: 0.75rem !important;
         }
+
+        /* ICONA NOTE */
+        .note-icon {
+            font-size: 1.1rem;
+            cursor: pointer;
+            transition: color 0.2s;
+            color: #6c757d;
+        }
+
+        .note-icon.has-note {
+            color: #dc3545 !important;
+        }
+
+        .note-icon:hover {
+            color: #0056b3;
+        }
+
+        #modalNoteView .modal-body {
+            white-space: pre-wrap;
+            max-height: 60vh;
+            overflow-y: auto;
+            font-size: 0.95rem;
+        }
+
+        /* Flatpickr nei filtri */
+        .flatpickr-input {
+            font-size: 0.75rem !important;
+            padding: 0.15rem 0.3rem !important;
+        }
     </style>
 </head>
 
@@ -195,8 +231,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                                         <th>Mescola</th>
                                         <th>Linea</th>
                                         <th>Cliente</th>
-                                        <th>Zibo</th>
-                                        <th>Cliente</th>
+                                        <th>Data Zibo</th>
+                                        <th>Data Cliente</th>
                                         <th>mt</th>
                                         <th>kg sp</th>
                                         <th>kg p</th>
@@ -208,7 +244,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                                     </tr>
                                     <!-- FILTRI SOPRA -->
                                     <tr class="filters-row bg-light">
-                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="Filtra"></th>
+                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="gg/mm/aaaa"></th>
                                         <th><select class="filter-select form-select form-select-sm select2">
                                                 <option value="">Tutti</option><?= selectOptions($matrici) ?>
                                             </select></th>
@@ -222,14 +258,14 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                                                 <option value="">Tutti</option>
                                                 <option value="">-</option><?= selectOptions($clienti) ?>
                                             </select></th>
-                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="Zibo"></th>
-                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="Cliente"></th>
+                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="gg/mm/aaaa"></th>
+                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="gg/mm/aaaa"></th>
                                         <th><input type="text" class="filter-input form-control form-control-sm" placeholder="mt"></th>
                                         <th><input type="text" class="filter-input form-control form-control-sm" placeholder="kg sp"></th>
                                         <th><input type="text" class="filter-input form-control form-control-sm" placeholder="kg p"></th>
                                         <th><input type="text" class="filter-input form-control form-control-sm" placeholder="Ore"></th>
                                         <th><input type="text" class="filter-input form-control form-control-sm" placeholder="Note"></th>
-                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="Prod."></th>
+                                        <th><input type="text" class="filter-input form-control form-control-sm" placeholder="gg/mm/aaaa"></th>
                                         <th><select class="filter-select form-select form-select-sm select2">
                                                 <option value="">Tutti</option><?= selectOptions($status_list, null, 'id', 'nome') ?>
                                             </select></th>
@@ -259,9 +295,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                                         $lineColor = htmlspecialchars($r['line_color'] ?? '#ffffff');
                                         $badgeColor = htmlspecialchars($r['badge_color'] ?? '#6c757d');
                                         $statusName = htmlspecialchars(ucfirst($r['status_nome'] ?? 'N/D'));
+                                        $hasNote = !empty($r['note_extra']);
 
                                         echo "<tr data-id='{$r['id']}' style='background-color: {$lineColor} !important;'>
-                                        <td><span class='view'>" . date('d/m', strtotime($r['Data'])) . "</span>
+                                        <td><span class='view'>" . date('d/m/Y', strtotime($r['Data'])) . "</span>
                                             <input class='inline-edit form-control form-control-sm' name='Data' type='date' value='{$r['Data']}'></td>
                                         <td><span class='view'>{$r['matrice']}</span>
                                             <select class='inline-edit form-select form-select-sm select2' name='idmatrice'>" . selectOptions($matrici, $r['idmatrice']) . "</select></td>
@@ -271,27 +308,33 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                                             <select class='inline-edit form-select form-select-sm select2' name='id_linea'>" . selectOptions($linee, $r['id_linea'], 'id', 'name') . "</select></td>
                                         <td><span class='view'>" . ($r['cliente'] ?? '-') . "</span>
                                             <select class='inline-edit form-select form-select-sm select2' name='id_cliente'><option value=''>-</option>" . selectOptions($clienti, $r['id_cliente']) . "</select></td>
-                                        <td><span class='view'>" . ($r['data_zibo'] ? date('d/m', strtotime($r['data_zibo'])) : '-') . "</span>
+                                        <td><span class='view'>" . ($r['data_zibo'] ? date('d/m/Y', strtotime($r['data_zibo'])) : '-') . "</span>
                                             <input class='inline-edit form-control form-control-sm' name='data_zibo' type='date' value='{$r['data_zibo']}'></td>
-                                        <td><span class='view'>" . ($r['data_cliente'] ? date('d/m', strtotime($r['data_cliente'])) : '-') . "</span>
+                                        <td><span class='view'>" . ($r['data_cliente'] ? date('d/m/Y', strtotime($r['data_cliente'])) : '-') . "</span>
                                             <input class='inline-edit form-control form-control-sm' name='data_cliente' type='date' value='{$r['data_cliente']}'></td>
                                         <td><span class='view'>{$r['metri']}</span><input class='inline-edit form-control form-control-sm' name='metri' type='number' step='0.01' value='{$r['metri']}'></td>
                                         <td><span class='view'>{$r['kg_sp']}</span><input class='inline-edit form-control form-control-sm' name='kg_sp' type='number' step='0.01' value='{$r['kg_sp']}'></td>
                                         <td><span class='view'>{$r['kg_p']}</span><input class='inline-edit form-control form-control-sm' name='kg_p' type='number' step='0.01' value='{$r['kg_p']}'></td>
                                         <td><span class='view'>{$r['ore_previste']}</span><input class='inline-edit form-control form-control-sm' name='ore_previste' type='number' step='0.01' value='{$r['ore_previste']}'></td>
-                                        <td><span class='view' style='max-width:120px;white-space:pre-wrap;'>" . htmlspecialchars($r['note_extra'] ?? '') . "</span>
-                                            <input class='inline-edit form-control form-control-sm' name='note_extra' value='" . htmlspecialchars($r['note_extra'] ?? '') . "'></td>
-                                        <td><span class='view'>" . date('d/m', strtotime($r['data_produzione'])) . "</span>
+                                        <td>
+                                            <span class='view'>
+                                                <i class='bi bi-file-text note-icon " . ($hasNote ? 'has-note' : '') . "' 
+                                                   data-note='" . htmlspecialchars($r['note_extra'] ?? '') . "' 
+                                                   data-bs-toggle='modal' data-bs-target='#modalNoteView'></i>
+                                            </span>
+                                            <textarea class='inline-edit form-control form-control-sm' name='note_extra' rows='2'>" . htmlspecialchars($r['note_extra'] ?? '') . "</textarea>
+                                        </td>
+                                        <td><span class='view'>" . date('d/m/Y', strtotime($r['data_produzione'])) . "</span>
                                             <input class='inline-edit form-control form-control-sm' name='data_produzione' type='date' value='{$r['data_produzione']}'></td>
                                         <td>
                                             <span class='badge view' style='background-color: {$badgeColor}; color: #fff;'>{$statusName}</span>
                                             <select class='inline-edit form-select form-select-sm select2' name='id_status'>" . selectOptions($status_list, $r['id_status'], 'id', 'nome') . "</select>
                                         </td>
                                         <td>
-                                            <button class='btn btn-sm btn-outline-primary edit-row' title='Modifica'><i class='bi bi-pencil'></i></button>
-                                            <button class='btn btn-sm btn-success save-row d-none' title='Salva'><i class='bi bi-check-lg'></i></button>
-                                            <button class='btn btn-sm btn-secondary cancel-row d-none' title='Annulla'><i class='bi bi-x-lg'></i></button>
-                                            <button class='btn btn-sm btn-outline-danger delete-row' title='Elimina'><i class='bi bi-trash-fill'></i></button>
+                                            <button class='btn btn-xs btn-outline-primary edit-row' title='Modifica'><i class='bi bi-pencil'></i></button>
+                                            <button class='btn btn-xs btn-success save-row d-none' title='Salva'><i class='bi bi-check-lg'></i></button>
+                                            <button class='btn btn-xs btn-secondary cancel-row d-none' title='Annulla'><i class='bi bi-x-lg'></i></button>
+                                            <button class='btn btn-xs btn-outline-danger delete-row' title='Elimina'><i class='bi bi-trash-fill'></i></button>
                                         </td>
                                     </tr>";
                                     }
@@ -316,12 +359,31 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
         <?php include('include/footer.php'); ?>
     </div>
 
+    <!-- MODALE VISUALIZZAZIONE NOTE -->
+    <div class="modal fade" id="modalNoteView" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Note Extra</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body" id="noteContent">
+                    <!-- Contenuto caricato via JS -->
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.full.min.js"></script>
     <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
     <script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
     <script src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
     <script src="https://cdn.datatables.net/responsive/2.5.0/js/responsive.bootstrap5.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
 
     <?php include('jsinclude.php'); ?>
 
@@ -362,7 +424,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                 ],
                 pageLength: 25,
                 lengthMenu: [10, 25, 50, 100],
-                dom: '<"row"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6"f>>rtip',
+                dom: '<"row"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6"f><"col-sm-12 col-md-3 offset-md-3" B>>rtip',
                 initComplete: function() {
                     // Inizializza Select2
                     $('.filters-row .select2').select2({
@@ -371,9 +433,22 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                         minimumResultsForSearch: 10
                     });
 
-                    // Gestione filtri
+                    // Inizializza Flatpickr sui filtri data
+                    const dateInputs = $('.filters-row input[placeholder*="aaaa"]');
+                    dateInputs.each(function() {
+                        flatpickr(this, {
+                            dateFormat: "d/m/Y",
+                            allowInput: true,
+                            onChange: function(selectedDates, dateStr, instance) {
+                                const colIdx = $(instance.element).closest('th').index();
+                                table.column(colIdx).search(dateStr).draw();
+                            }
+                        });
+                    });
+
+                    // Gestione filtri non-data
                     $('.filters-row th').each(function(idx) {
-                        const input = $(this).find('input, select');
+                        const input = $(this).find('input, select').not('[placeholder*="aaaa"]');
                         if (!input.length) return;
 
                         if (input.is('select')) {
@@ -388,14 +463,52 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                             });
                         }
                     });
+
+                    // AGGIUNGI BOTTONE PULISCI FILTRO
+                    $('.dataTables_filter').append(
+                        '<button type="button" class="btn btn-outline-secondary btn-sm btn-clear-filters" title="Pulisci tutti i filtri">' +
+                        '<i class="bi bi-x-circle"></i> Pulisci</button>'
+                    );
                 }
             });
 
+            // --- FUNZIONE PULISCI TUTTI I FILTRO ---
+            $(document).on('click', '.btn-clear-filters', function() {
+                // Svuota tutti i filtri DataTables
+                table.columns().search('').draw();
+
+                // Svuota campi testo
+                $('.filters-row input[type="text"]').val('');
+
+                // Svuota select
+                $('.filters-row select').val('').trigger('change');
+
+                // Svuota Flatpickr (date inputs)
+                $('.filters-row input[placeholder*="aaaa"]').each(function() {
+                    const fpInstance = $(this).data('flatpickr');
+                    if (fpInstance) {
+                        fpInstance.clear();
+                        fpInstance.setDate('');
+                    } else {
+                        $(this).val('');
+                    }
+                });
+
+                // Svuota search principale
+                $('.dataTables_filter input').val('');
+            });
+
+            // --- APERTURA MODALE NOTE ---
+            $(document).on('click', '.note-icon', function() {
+                const note = $(this).data('note') || '';
+                $('#noteContent').text(note || '(Nessuna nota)');
+            });
+
             // --- INLINE EDIT ---
             let original = {};
             $('#tabProgrammazione').on('click', '.edit-row', function() {
                 const tr = $(this).closest('tr');
-                original = tr.find('.view').map((i, e) => $(e).text()).get();
+                original = tr.find('.view').map((i, e) => $(e).html()).get();
                 tr.find('.view').hide();
                 tr.find('.inline-edit').show();
                 tr.find('.edit-row').addClass('d-none');
@@ -412,7 +525,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
 
             $('#tabProgrammazione').on('click', '.cancel-row', function() {
                 const tr = $(this).closest('tr');
-                tr.find('.view').show().each((i, e) => $(e).text(original[i]));
+                tr.find('.view').show().each((i, e) => $(e).html(original[i]));
                 tr.find('.inline-edit').hide();
                 tr.find('.edit-row').removeClass('d-none');
                 tr.find('.save-row, .cancel-row').addClass('d-none');
@@ -432,7 +545,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                 $.post('', data, r => r.success ? location.reload() : alert(r.msg || 'Errore'), 'json');
             });
 
-            // --- RESTO INVARIATO ---
+            // --- ELIMINAZIONE ---
             let deleteRow;
             $('#tabProgrammazione').on('click', '.delete-row', function(e) {
                 e.preventDefault();
@@ -454,6 +567,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
                 }, 'json');
             });
 
+            // --- MODALE AGGIUNGI ---
             $('#modalNuovo').on('shown.bs.modal', function() {
                 $(this).find('.select2').each(function() {
                     if (!$(this).hasClass('select2-hidden-accessible')) {
@@ -484,7 +598,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['action'])) {
         });
     </script>
 
-    <!-- MODALE AGGIUNGI (identico) -->
+    <!-- MODALE AGGIUNGI -->
     <div class="modal fade" id="modalNuovo" tabindex="-1" aria-labelledby="modalNuovoLabel" aria-hidden="true">
         <div class="modal-dialog modal-xl" style="max-width: 95vw;">
             <div class="modal-content">
diff --git a/public/userarea/update_linea.php b/public/userarea/update_linea.php
new file mode 100644
index 0000000..dbebf6f
--- /dev/null
+++ b/public/userarea/update_linea.php
@@ -0,0 +1,53 @@
+<?php
+header('Content-Type: application/json');
+
+require_once(__DIR__ . '/class/db-functions.php');
+
+try {
+    $db = DBHandlerSelect::getInstance();
+    $pdo = $db->getConnection();
+
+    // Validazione base
+    if (empty($_POST['id']) || !is_numeric($_POST['id'])) {
+        echo json_encode(['success' => false, 'message' => 'ID non valido.']);
+        exit;
+    }
+
+    $id          = (int)$_POST['id'];
+    $lineNumber  = trim($_POST['lineNumber'] ?? '');
+    $lineName    = trim($_POST['lineName'] ?? '');
+    $model       = trim($_POST['model'] ?? '');
+    $brand       = trim($_POST['brand'] ?? '');
+    $status      = trim($_POST['status'] ?? '');
+
+    if ($lineNumber === '' || $lineName === '') {
+        echo json_encode(['success' => false, 'message' => 'Numero linea e nome sono obbligatori.']);
+        exit;
+    }
+
+    // Query UPDATE
+    $sql = "UPDATE production_lines 
+            SET line_number = :line_number,
+                name = :name,
+                model = :model,
+                brand = :brand,
+                status = :status
+            WHERE id = :id";
+
+    $stmt = $pdo->prepare($sql);
+    $stmt->execute([
+        ':line_number' => $lineNumber,
+        ':name'        => $lineName,
+        ':model'       => $model,
+        ':brand'       => $brand,
+        ':status'      => $status,
+        ':id'          => $id
+    ]);
+
+    echo json_encode(['success' => true]);
+} catch (Exception $e) {
+    echo json_encode([
+        'success' => false,
+        'message' => 'Errore server: ' . $e->getMessage()
+    ]);
+}