Merge feature/added-some-features into main (ignore debug log conflicts)

.gitignore

@@ -36,3 +36,10 @@ auth.json
 # Ignora cartelle di foto generate
 /public/photostrf/
 /public/photostrf/qrcodes/
+public/userarea/import_debug.log
+public/userarea/last_url.txt
+public/userarea/class/curl_auth_debug.log
+public/userarea/class/curl_request_debug.log
+public/userarea/last_url.txt
+public/userarea/class/curl_auth_debug.log
+public/userarea/class/curl_request_debug.log

app/Http/Controllers/Userarea/UploadPhotosMobileController.php

@@ -0,0 +1,74 @@
+<?php
+
+namespace App\Http\Controllers\Userarea;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Storage;
+
+class UploadPhotosMobileController extends Controller
+{
+    public function index(Request $request)
+    {
+        $iddatadb = $request->query('iddatadb');
+
+        if (empty($iddatadb)) {
+            return response('ID riga non fornito', 400);
+        }
+
+        // Show the upload form
+        return view('userarea.upload_photos_mobile', [
+            'iddatadb' => $iddatadb
+        ]);
+    }
+
+    public function upload(Request $request)
+    {
+        // Validation
+        $request->validate([
+            'photo' => 'required|file|mimes:jpeg,png,gif,heic,heif|max:5120', // 5MB
+            'iddatadb' => 'required|integer'
+        ]);
+
+        $iddatadb = $request->input('iddatadb');
+        $photo = $request->file('photo');
+        $iduserlogin = auth()->id(); // assuming Laravel authentication
+
+        // Check if user exists
+        $userExists = DB::table('auth_users')->where('id', $iduserlogin)->exists();
+        if (!$userExists) {
+            return response()->json(['success' => false, 'message' => 'Utente non valido']);
+        }
+
+        // Upload folder
+        $uploadDir = public_path('photostrf');
+        if (!is_dir($uploadDir)) {
+            mkdir($uploadDir, 0755, true);
+        }
+        if (!is_writable($uploadDir)) {
+            return response()->json(['success' => false, 'message' => 'La cartella photostrf non è scrivibile']);
+        }
+
+        // New filename
+        $timestamp = now()->format('YmdHis');
+        $originalName = pathinfo($photo->getClientOriginalName(), PATHINFO_FILENAME);
+        $extension = strtolower($photo->getClientOriginalExtension());
+
+        $newFileName = "{$iddatadb}-{$timestamp}-{$originalName}.{$extension}";
+        $destination = $uploadDir . '/' . $newFileName;
+
+        // Move uploaded file
+        $photo->move($uploadDir, $newFileName);
+
+        // Save DB record
+        DB::table('datadb_photos')->insert([
+            'iddatadb' => $iddatadb,
+            'file_path' => $newFileName,
+            'file_name' => $newFileName,
+            'uploaded_by' => $iduserlogin
+        ]);
+
+        return response()->json(['success' => true, 'message' => 'Foto caricata con successo']);
+    }
+}

public/userarea/class/curl_auth_debug.log

@@ -31,6 +31,6 @@ Content-Length: 51
 < strict-transport-security: max-age=2592000
 < x-powered-by: ASP.NET
 < x-content-type-options: nosniff
-< date: Thu, 21 Aug 2025 10:23:44 GMT
+< date: Wed, 20 Aug 2025 15:35:19 GMT
 < 
 * Connection #0 to host 93.43.5.102 left intact

public/userarea/class/curl_request_debug.log

@@ -10,16 +10,16 @@
 *  issuer: C=US; O=Corporation Service Company; CN=Corporation Service Company RSA OV SSL CA
 *  SSL certificate verify result: unable to get local issuer certificate (20), continuing anyway.
 * using HTTP/2
-* [HTTP/2] [1] OPENED stream for https://93.43.5.102/limsapi/api/odata/CustomField(1083)?$expand=CustomFieldsValues
+* [HTTP/2] [1] OPENED stream for https://93.43.5.102/limsapi/api/odata/SchemaCustomField
 * [HTTP/2] [1] [:method: GET]
 * [HTTP/2] [1] [:scheme: https]
 * [HTTP/2] [1] [:authority: 93.43.5.102]
-* [HTTP/2] [1] [:path: /limsapi/api/odata/CustomField(1083)?$expand=CustomFieldsValues]
-* [HTTP/2] [1] [authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IjQ5MiIsIlhhZlNlY3VyaXR5QXV0aFBhc3NlZCI6IlhhZlNlY3VyaXR5QXV0aFBhc3NlZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL25hbWUiOiJXZWJBcGlVc2VyIiwiWGFmU2VjdXJpdHkiOiJYYWZTZWN1cml0eSIsIlhhZkxvZ29uUGFyYW1zIjoicTFZS0xVNHQ4a3ZNVFZXeVVncFBUWElzeUFRSktPa29CU1FXRjVmbkY2VUF4Y3RUa3hJTE1rdUI0Z2FHU3JVQSIsImV4cCI6MTc1NTc3OTAyNSwiaXNzIjoiTXkiLCJhdWQiOiJodHRwOi8vbG9jYWxob3N0OjQyMDAifQ.bBV1z1uaxZeUuw-2YS2gLGaxTCQJAHTieM82KVJb5nw]
+* [HTTP/2] [1] [:path: /limsapi/api/odata/SchemaCustomField]
+* [HTTP/2] [1] [authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IjQ5MiIsIlhhZlNlY3VyaXR5QXV0aFBhc3NlZCI6IlhhZlNlY3VyaXR5QXV0aFBhc3NlZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL25hbWUiOiJXZWJBcGlVc2VyIiwiWGFmU2VjdXJpdHkiOiJYYWZTZWN1cml0eSIsIlhhZkxvZ29uUGFyYW1zIjoicTFZS0xVNHQ4a3ZNVFZXeVVncFBUWElzeUFRSktPa29CU1FXRjVmbkY2VUF4Y3RUa3hJTE1rdUI0Z2FHU3JVQSIsImV4cCI6MTc1NTcxMTMxOSwiaXNzIjoiTXkiLCJhdWQiOiJodHRwOi8vbG9jYWxob3N0OjQyMDAifQ.jY0MCCCy94eGWlodWV1TPv2SeQ7me_Hf1MJmU6TbVik]
 * [HTTP/2] [1] [accept: application/json]
-> GET /limsapi/api/odata/CustomField(1083)?$expand=CustomFieldsValues HTTP/2
+> GET /limsapi/api/odata/SchemaCustomField HTTP/2
 Host: 93.43.5.102
-Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IjQ5MiIsIlhhZlNlY3VyaXR5QXV0aFBhc3NlZCI6IlhhZlNlY3VyaXR5QXV0aFBhc3NlZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL25hbWUiOiJXZWJBcGlVc2VyIiwiWGFmU2VjdXJpdHkiOiJYYWZTZWN1cml0eSIsIlhhZkxvZ29uUGFyYW1zIjoicTFZS0xVNHQ4a3ZNVFZXeVVncFBUWElzeUFRSktPa29CU1FXRjVmbkY2VUF4Y3RUa3hJTE1rdUI0Z2FHU3JVQSIsImV4cCI6MTc1NTc3OTAyNSwiaXNzIjoiTXkiLCJhdWQiOiJodHRwOi8vbG9jYWxob3N0OjQyMDAifQ.bBV1z1uaxZeUuw-2YS2gLGaxTCQJAHTieM82KVJb5nw
+Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IjQ5MiIsIlhhZlNlY3VyaXR5QXV0aFBhc3NlZCI6IlhhZlNlY3VyaXR5QXV0aFBhc3NlZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL25hbWUiOiJXZWJBcGlVc2VyIiwiWGFmU2VjdXJpdHkiOiJYYWZTZWN1cml0eSIsIlhhZkxvZ29uUGFyYW1zIjoicTFZS0xVNHQ4a3ZNVFZXeVVncFBUWElzeUFRSktPa29CU1FXRjVmbkY2VUF4Y3RUa3hJTE1rdUI0Z2FHU3JVQSIsImV4cCI6MTc1NTcxMTMxOSwiaXNzIjoiTXkiLCJhdWQiOiJodHRwOi8vbG9jYWxob3N0OjQyMDAifQ.jY0MCCCy94eGWlodWV1TPv2SeQ7me_Hf1MJmU6TbVik
 Accept: application/json
 
 < HTTP/2 200 
@@ -30,6 +30,6 @@ Accept: application/json
 < odata-version: 4.0
 < x-powered-by: ASP.NET
 < x-content-type-options: nosniff
-< date: Thu, 21 Aug 2025 10:23:44 GMT
+< date: Wed, 20 Aug 2025 15:35:19 GMT
 < 
 * Connection #0 to host 93.43.5.102 left intact

public/userarea/delete_record.php

@@ -1,64 +0,0 @@
-<?php
-// Enable errors for debugging
-ini_set('display_errors', 1);
-ini_set('display_startup_errors', 1);
-error_reporting(E_ALL);
-ini_set('log_errors', 1);
-ini_set('error_log', __DIR__ . '/delete_record_debug.log');
-
-// Log iniziale
-error_log("Inizio cancellazione record alle " . date('Y-m-d H:i:s'));
-
-// Includi il file di configurazione del database
-include('include/headscript.php');
-
-// Ricevi l'ID dalla richiesta POST
-$input = json_decode(file_get_contents('php://input'), true);
-$iddatadb = isset($input['id']) ? intval($input['id']) : 0;
-
-if ($iddatadb <= 0) {
-    http_response_code(400);
-    echo json_encode(['success' => false, 'message' => 'ID non valido']);
-    exit;
-}
-
-// Connessione al database
-try {
-    $db = DBHandlerSelect::getInstance();
-    $pdo = $db->getConnection();
-} catch (Exception $e) {
-    http_response_code(500);
-    echo json_encode(['success' => false, 'message' => 'Errore di connessione al database: ' . $e->getMessage()]);
-    error_log("Errore di connessione al database: " . $e->getMessage());
-    exit;
-}
-
-// Inizia una transazione
-$pdo->beginTransaction();
-
-try {
-    // Elimina i dettagli associati dal tavolo import_data_details
-    $stmt = $pdo->prepare("DELETE FROM import_data_details WHERE id = ?");
-    $stmt->execute([$iddatadb]);
-
-    // Elimina il record principale dal tavolo datadb
-    $stmt = $pdo->prepare("DELETE FROM datadb WHERE iddatadb = ?");
-    $stmt->execute([$iddatadb]);
-
-    // Verifica se il record è stato eliminato
-    if ($stmt->rowCount() > 0) {
-        $pdo->commit();
-        echo json_encode(['success' => true, 'message' => 'Record eliminato con successo']);
-        error_log("Record con iddatadb=$iddatadb eliminato con successo");
-    } else {
-        $pdo->rollBack();
-        http_response_code(404);
-        echo json_encode(['success' => false, 'message' => 'Record non trovato']);
-        error_log("Record con iddatadb=$iddatadb non trovato");
-    }
-} catch (Exception $e) {
-    $pdo->rollBack();
-    http_response_code(500);
-    echo json_encode(['success' => false, 'message' => 'Errore durante la cancellazione: ' . $e->getMessage()]);
-    error_log("Errore durante la cancellazione del record con iddatadb=$iddatadb: " . $e->getMessage());
-}

public/userarea/error_log.txt

@@ -5,3 +5,4 @@
 2025-07-04 10:42:49 - Autenticazione fallita: HTTP 400, Errore cURL: , Risposta: {"title":"Bad Request","status":400,"detail":"Cannot persist the object. It was modified or deleted (purged) by another application.","instance":"POST /api/authentication/authenticate","errorCode":"96bfc1252b"}
 2025-07-04 10:44:13 - Autenticazione fallita: HTTP 400, Errore cURL: , Risposta: {"title":"Bad Request","status":400,"detail":"Cannot persist the object. It was modified or deleted (purged) by another application.","instance":"POST /api/authentication/authenticate","errorCode":"96bfc1252b"}
 2025-07-04 10:48:07 - Autenticazione fallita: HTTP 400, Errore cURL: , Risposta: {"title":"Bad Request","status":400,"detail":"Cannot persist the object. It was modified or deleted (purged) by another application.","instance":"POST /api/authentication/authenticate","errorCode":"96bfc1252b"}
+2025-08-19 16:29:25 - Autenticazione fallita: HTTP 400, Errore cURL: , Risposta: {"title":"Bad Request","status":400,"detail":"Cannot persist the object. It was modified or deleted (purged) by another application.","instance":"POST /api/authentication/authenticate","errorCode":"96bfc1252b"}

public/userarea/get_customfield_values.php

@@ -1,5 +1,5 @@
 <?php
-require_once dirname(__DIR__, 2) . '/vendor/autoload.php'; // Torna al livello di public
+require_once dirname(__DIR__, 2) . '/vendor/autoload.php';
 require_once dirname(__FILE__) . '/class/VisualLimsApiClient.class.php';
 
 header('Content-Type: application/json');
@@ -9,20 +9,30 @@ error_reporting(E_ALL);
 try {
     $api = VisualLimsApiClient::getInstance();
 
-    // ID del campo custom passato da GET oppure default
-    $customFieldId = isset($_GET['field_id']) && is_numeric($_GET['field_id']) ? intval($_GET['field_id']) : 156;
+    // მივიღოთ მრავლობითი field_ids
+    $fieldIds = [];
+    if (isset($_GET['field_ids'])) {
+        $fieldIds = array_filter(array_map('intval', explode(',', $_GET['field_ids'])));
+    }
 
-    // Endpoint con $expand per ottenere i valori
-    $endpoint = "CustomField($customFieldId)?\$expand=CustomFieldsValues";
+    // თუ არ გადმოგვცეს -> ერთი default
+    if (empty($fieldIds)) {
+        $fieldIds = [156];
+    }
 
-    // Recupera i dati dal server
-    $data = $api->get($endpoint);
+    $results = [];
 
-    // Salva la risposta in un file per debug
-    file_put_contents(__DIR__ . '/customfield_values_response.json', json_encode($data));
+    foreach ($fieldIds as $customFieldId) {
+        $endpoint = "CustomField($customFieldId)?\$expand=CustomFieldsValues";
+        $data = $api->get($endpoint);
 
-    // Output JSON al client
-    echo json_encode($data);
+        $results[$customFieldId] = $data['CustomFieldsValues'] ?? [];
+    }
+
+    // Debug ფაილი
+    file_put_contents(__DIR__ . '/customfield_values_response.json', json_encode($results));
+
+    echo json_encode($results);
 } catch (Exception $e) {
     http_response_code(500);
     echo json_encode([

public/userarea/import_edit2.php

@@ -19,11 +19,11 @@ if ($_SERVER['REQUEST_METHOD'] !== 'POST' || !isset($_POST['template_id']) || !i
     exit;
 }
 
-$template_id = intval($_POST['template_id']);
-$selected_rows = $_POST['selected_rows'];
-$columns = json_decode($_POST['columns'], true); // Header dell'XLS
-$rows = json_decode($_POST['rows'], true);       // Dati dell'XLS
-$newFilename = htmlspecialchars($_POST['filename']);
+$template_id = intval($_POST['template_id']) ?? $_SESSION['template_id'];
+$selected_rows = $_POST['selected_rows'] ?? $_SESSION['selected_rows'];
+$columns = json_decode($_POST['columns'], true) ?? $_SESSION['columns']; // Header dell'XLS
+$rows = json_decode($_POST['rows'], true) ?? $_SESSION['rows'];       // Dati dell'XLS
+$newFilename = htmlspecialchars($_POST['filename']) ?? $_SESSION['filename'];
 
 // Log dei dati ricevuti
 error_log("Received Data - Template ID: $template_id, Selected Rows: " . json_encode($selected_rows));
@@ -58,70 +58,72 @@ foreach ($allMappings as $mapping) {
     }
 }
 
-// Inserisci le righe selezionate in datadb (solo campi generici con templateid)
-$insertedIds = [];
-foreach ($selected_rows as $rowIndex) {
-    $row = $rows[$rowIndex];
-    $values = [
-        $template_id,         // templateid
-        $importReferenceCode, // importreferencecode
-        $newFilename,         // filename_import
-        'i',                  // status
-        $user_id,             // user_id
-        null,                 // limscode
-        date('Y-m-d')         // importdate
-    ];
-    $sql = "INSERT INTO datadb (templateid, importreferencecode, filename_import, status, user_id, limscode, importdate) VALUES (?, ?, ?, ?, ?, ?, ?)";
-    $stmt = $pdo->prepare($sql);
-    $stmt->execute($values);
+//// Inserisci le righe selezionate in datadb (solo campi generici con templateid)
+//$insertedIds = [];
+//foreach ($selected_rows as $rowIndex) {
+//    $row = $rows[$rowIndex];
+//    $values = [
+//        $template_id,         // templateid
+//        $importReferenceCode, // importreferencecode
+//        $newFilename,         // filename_import
+//        'i',                  // status
+//        $user_id,             // user_id
+//        null,                 // limscode
+//        date('Y-m-d')         // importdate
+//    ];
+//    $sql = "INSERT INTO datadb (templateid, importreferencecode, filename_import, status, user_id, limscode, importdate) VALUES (?, ?, ?, ?, ?, ?, ?)";
+//    $stmt = $pdo->prepare($sql);
+//    $stmt->execute($values);
+//
+//    $iddatadb = $pdo->lastInsertId();
+//    $insertedIds[] = $iddatadb;
+//
+//    // Inserisci tutti i campi (automatici e manuali) in import_data_details
+//    foreach ($allMappings as $mapping) {
+//        $fieldValue = null;
+//        if (!$mapping['is_manual']) { // Campi automatici dall'XLS
+//            $excelColumn = trim($mapping['excel_column']);
+//            $excelColumnIndex = array_search($excelColumn, array_map('trim', $columns));
+//            if ($excelColumnIndex !== false && isset($row[$excelColumnIndex]) && $row[$excelColumnIndex] !== '') {
+//                $fieldValue = $row[$excelColumnIndex];
+//                error_log("Found Excel column '$excelColumn' at index $excelColumnIndex, value: " . var_export($fieldValue, true));
+//            } else {
+//                $fieldValue = $mapping['manual_default'] ?? '';
+//                error_log("Excel column '$excelColumn' not found or empty, using default: " . var_export($fieldValue, true));
+//            }
+//            switch ($mapping['data_type']) {
+//                case 'INT':
+//                    $fieldValue = is_numeric($fieldValue) ? (int)$fieldValue : ($mapping['manual_default'] ?? 0);
+//                    break;
+//                case 'DATE':
+//                    $fieldValue = !empty($fieldValue) ? date('Y-m-d', strtotime($fieldValue)) : ($mapping['manual_default'] === 'today' ? date('Y-m-d') : ($mapping['manual_default'] ?? ''));
+//                    break;
+//                case 'CHAR':
+//                    $fieldValue = !empty($fieldValue) ? substr((string)$fieldValue, 0, 1) : ($mapping['manual_default'] ?? '');
+//                    break;
+//                case 'Testo':
+//                case 'VARCHAR':
+//                default:
+//                    $fieldValue = !empty($fieldValue) ? htmlspecialchars((string)$fieldValue) : ($mapping['manual_default'] ?? '');
+//                    break;
+//            }
+//        } else { // Campi manuali
+//            $fieldValue = $mapping['manual_default'] ?? '';
+//            if ($mapping['data_type'] === 'DATE' && $mapping['manual_default'] === 'today') {
+//                $fieldValue = date('Y-m-d');
+//            }
+//        }
+//        if ($mapping['is_required'] && (is_null($fieldValue) || $fieldValue === '')) {
+//            error_log("Required field missing for mapping ID: " . $mapping['id'] . ", field: " . $mapping['field_label']);
+//        }
+//        error_log("Inserting into import_data_details - Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true) . ", Is Manual: " . $mapping['is_manual'] . ", Excel Column: " . ($mapping['excel_column'] ?? 'N/A') . ", Manual Default: " . ($mapping['manual_default'] ?? 'N/A'));
+//        $stmt = $pdo->prepare("INSERT INTO import_data_details (id, mapping_id, field_value) VALUES (?, ?, ?)");
+//        $stmt->execute([$iddatadb, $mapping['id'], $fieldValue]);
+//        error_log("Inserted into import_data_details for ID $iddatadb, Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true));
+//    }
+//}
 
-    $iddatadb = $pdo->lastInsertId();
-    $insertedIds[] = $iddatadb;
-
-    // Inserisci tutti i campi (automatici e manuali) in import_data_details
-    foreach ($allMappings as $mapping) {
-        $fieldValue = null;
-        if (!$mapping['is_manual']) { // Campi automatici dall'XLS
-            $excelColumn = trim($mapping['excel_column']);
-            $excelColumnIndex = array_search($excelColumn, array_map('trim', $columns));
-            if ($excelColumnIndex !== false && isset($row[$excelColumnIndex]) && $row[$excelColumnIndex] !== '') {
-                $fieldValue = $row[$excelColumnIndex];
-                error_log("Found Excel column '$excelColumn' at index $excelColumnIndex, value: " . var_export($fieldValue, true));
-            } else {
-                $fieldValue = $mapping['manual_default'] ?? '';
-                error_log("Excel column '$excelColumn' not found or empty, using default: " . var_export($fieldValue, true));
-            }
-            switch ($mapping['data_type']) {
-                case 'INT':
-                    $fieldValue = is_numeric($fieldValue) ? (int)$fieldValue : ($mapping['manual_default'] ?? 0);
-                    break;
-                case 'DATE':
-                    $fieldValue = !empty($fieldValue) ? date('Y-m-d', strtotime($fieldValue)) : ($mapping['manual_default'] === 'today' ? date('Y-m-d') : ($mapping['manual_default'] ?? ''));
-                    break;
-                case 'CHAR':
-                    $fieldValue = !empty($fieldValue) ? substr((string)$fieldValue, 0, 1) : ($mapping['manual_default'] ?? '');
-                    break;
-                case 'Testo':
-                case 'VARCHAR':
-                default:
-                    $fieldValue = !empty($fieldValue) ? htmlspecialchars((string)$fieldValue) : ($mapping['manual_default'] ?? '');
-                    break;
-            }
-        } else { // Campi manuali
-            $fieldValue = $mapping['manual_default'] ?? '';
-            if ($mapping['data_type'] === 'DATE' && $mapping['manual_default'] === 'today') {
-                $fieldValue = date('Y-m-d');
-            }
-        }
-        if ($mapping['is_required'] && (is_null($fieldValue) || $fieldValue === '')) {
-            error_log("Required field missing for mapping ID: " . $mapping['id'] . ", field: " . $mapping['field_label']);
-        }
-        error_log("Inserting into import_data_details - Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true) . ", Is Manual: " . $mapping['is_manual'] . ", Excel Column: " . ($mapping['excel_column'] ?? 'N/A') . ", Manual Default: " . ($mapping['manual_default'] ?? 'N/A'));
-        $stmt = $pdo->prepare("INSERT INTO import_data_details (id, mapping_id, field_value) VALUES (?, ?, ?)");
-        $stmt->execute([$iddatadb, $mapping['id'], $fieldValue]);
-        error_log("Inserted into import_data_details for ID $iddatadb, Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true));
-    }
-}
+$insertedIds = $_POST['inserted_ids'] ?? $_SESSION['inserted_ids'];
 
 // Recupera i dati appena inseriti con i nomi degli utenti
 $stmt = $pdo->prepare("
@@ -436,7 +438,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
         <?php include('include/topbar.php'); ?>
         <div class="page-wrapper">
             <div class="page-content">
-                <?php //include('top_stat_widget.php'); 
+                <?php //include('top_stat_widget.php');
                 ?>
                 <div class="mb-3 text">
                     <a href="historical_trf.php?id=<?= $template_id ?>&status=i" class="btn btn-warning me-2">Imported (i)</a>
@@ -448,6 +450,9 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
                         <div class="d-flex align-items-center">
                             <div>
                                 <h6 class="mb-0">Modifica Dati Importati</h6>
+                                <div id="unsavedChanges" style="display:none; color: red; font-weight: bold; margin:10px 0;">
+                                    ⚠️ Unsaved changes detected! Please save before leaving this page.
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -731,6 +736,38 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
     <script src="photos.js"></script>
     <script src="parts.js"></script>
     <script src="tracking.js"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            const inputs = document.querySelectorAll(".cell-input, .dropdown-select, .carrier-select, .awb-input");
+            const unsavedDiv = document.getElementById("unsavedChanges");
+            let hasChanges = false;
+
+            // როცა მნიშვნელობა შეიცვლება
+            inputs.forEach(el => {
+                el.addEventListener("change", () => {
+                    hasChanges = true;
+                    unsavedDiv.style.display = "block";
+                });
+            });
+
+            // როცა save ღილაკს დააჭერს
+            document.querySelectorAll(".save-btn").forEach(btn => {
+                btn.addEventListener("click", () => {
+                    hasChanges = false;
+                    unsavedDiv.style.display = "none";
+                });
+            });
+
+            // სურვილისამებრ: გაფრთხილება გვერდიდან გასვლისას
+            window.addEventListener("beforeunload", function (e) {
+                if (hasChanges) {
+                    e.preventDefault();
+                    e.returnValue = "";
+                }
+            });
+        });
+    </script>
+
     <script>
         document.addEventListener("DOMContentLoaded", function() {
             const inputs = document.querySelectorAll('.cell-input');
@@ -757,6 +794,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
                         formData.append(name, input.value);
                     });
                     formData.append('iddatadb', iddatadb);
+                    formData.append('mapping', JSON.stringify(<?= json_encode($allMappings) ?>));
 
                     fetch('save_edited_row.php', {
                             method: 'POST',
@@ -772,6 +810,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
                                     cell.classList.add('flash-success');
                                 });
                                 setTimeout(() => cells.forEach(cell => cell.classList.remove('flash-success')), 500);
+                                alert('Salvataggio avvenuto con successo!');
                             } else {
                                 alert('Errore durante il salvataggio: ' + data.message);
                             }
@@ -858,23 +897,32 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
                 if (dropdowns.length === 0) return;
 
                 // Recupera i dati solo per i field_id univoci
-                const uniqueFieldIds = [...new Set(Array.from(dropdowns).map(d => d.getAttribute('data-field-id')))].filter(fieldId => fieldId);
-                for (const fieldId of uniqueFieldIds) {
-                    if (!dropdownData[fieldId]) {
-                        try {
-                            const response = await fetch(`get_customfield_values.php?field_id=${fieldId}`);
-                            const data = await response.json();
-                            if (data.error) {
-                                console.error('Errore per field_id', fieldId, ':', data.error);
-                                continue;
+                const uniqueFieldIds = [
+                    ...new Set(Array.from(dropdowns).map(d => d.getAttribute('data-field-id')))
+                ].filter(fieldId => fieldId);
+
+                const missingFieldIds = uniqueFieldIds.filter(fieldId => !dropdownData[fieldId]);
+
+                if (missingFieldIds.length > 0) {
+                    try {
+                        const response = await fetch(
+                            `get_customfield_values.php?field_ids=${missingFieldIds.join(",")}`
+                        );
+                        const data = await response.json();
+
+                        if (data.error) {
+                            console.error("Errore fetch multiplo:", data.error);
+                        } else {
+                            for (const fieldId of Object.keys(data)) {
+                                dropdownData[fieldId] = data[fieldId] || [];
                             }
-                            dropdownData[fieldId] = data.CustomFieldsValues || [];
-                        } catch (error) {
-                            console.error('Errore nel fetch per field_id', fieldId, ':', error);
                         }
+                    } catch (error) {
+                        console.error("Errore generale nel fetch multiplo:", error);
                     }
                 }
 
+
                 // Popola tutti i dropdown con i dati recuperati
                 dropdowns.forEach(dropdown => {
                     const fieldId = dropdown.getAttribute('data-field-id');
@@ -1066,4 +1114,4 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
     </script> -->
 </body>
 
-</html>
+</html>

public/userarea/import_insert.php

@@ -0,0 +1,157 @@
+<?php
+ini_set('display_errors', 1);
+ini_set('display_startup_errors', 1);
+error_reporting(E_ALL);
+ini_set('log_errors', 1);
+ini_set('error_log', __DIR__ . '/import_debug.log');
+if (!file_exists(__DIR__ . '/import_debug.log')) {
+    file_put_contents(__DIR__ . '/import_debug.log', "Inizio importazione alle " . date('Y-m-d H:i:s') . "\n", FILE_APPEND);
+}
+
+// Log iniziale
+error_log("Inizio importazione alle " . date('Y-m-d H:i:s'));
+
+include('include/headscript.php');
+
+if ($_SERVER['REQUEST_METHOD'] !== 'POST' || !isset($_POST['template_id']) || !isset($_POST['selected_rows']) || !isset($_POST['filename'])) {
+    header("Location: xlstemplates_grid.php?status=error&message=" . urlencode("Richiesta non valida"));
+    exit;
+}
+$template_id = intval($_POST['template_id']);
+$selected_rows = $_POST['selected_rows'];
+$columns = json_decode($_POST['columns'], true); // Header dell'XLS
+$rows = json_decode($_POST['rows'], true);       // Dati dell'XLS
+$newFilename = htmlspecialchars($_POST['filename']);
+
+$_SESSION['template_id'] = $template_id;
+$_SESSION['selected_rows'] = $selected_rows;
+$_SESSION['columns'] = $columns;
+$_SESSION['rows'] = $rows;
+$_SESSION['filename'] = $newFilename;
+
+error_log("Received Data - Template ID: $template_id, Selected Rows: " . json_encode($selected_rows));
+error_log("Columns: " . json_encode($columns));
+error_log("Rows: " . json_encode($rows));
+
+$user_id = $iduserlogin ?? 1; // Default a 1 se non definito
+
+$db = DBHandlerSelect::getInstance();
+$pdo = $db->getConnection();
+
+// Genera un UUID univoco per importreferencecode
+$importReferenceCode = date('YmdHis') . '-' . uniqid();
+
+// Recupera tutti i mapping dal template
+$stmt = $pdo->prepare("SELECT id, excel_column, data_type, is_required, manual_default, is_manual, field_label, field_id, main_field FROM template_mapping WHERE template_id = ?");
+$stmt->execute([$template_id]);
+$allMappings = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+if (empty($allMappings)) {
+    header("Location: import_xls.php?id=$template_id&status=error&message=" . urlencode("Nessun mapping trovato per il template"));
+    exit;
+}
+
+// Trova il campo main_field
+$mainFieldMapping = null;
+foreach ($allMappings as $mapping) {
+    if ($mapping['main_field'] == 1) {
+        $mainFieldMapping = $mapping;
+        break;
+    }
+}
+
+// Inserisci le righe selezionate in datadb (solo campi generici con templateid)
+$insertedIds = [];
+foreach ($selected_rows as $rowIndex) {
+    $row = $rows[$rowIndex];
+    $values = [
+        $template_id,         // templateid
+        $importReferenceCode, // importreferencecode
+        $newFilename,         // filename_import
+        'i',                  // status
+        $user_id,             // user_id
+        null,                 // limscode
+        date('Y-m-d')         // importdate
+    ];
+    $sql = "INSERT INTO datadb (templateid, importreferencecode, filename_import, status, user_id, limscode, importdate) VALUES (?, ?, ?, ?, ?, ?, ?)";
+    $stmt = $pdo->prepare($sql);
+    $stmt->execute($values);
+
+    $iddatadb = $pdo->lastInsertId();
+    $insertedIds[] = $iddatadb;
+
+    // Inserisci tutti i campi (automatici e manuali) in import_data_details
+    foreach ($allMappings as $mapping) {
+        $fieldValue = null;
+        if (!$mapping['is_manual']) { // Campi automatici dall'XLS
+            $excelColumn = trim($mapping['excel_column']);
+            $excelColumnIndex = array_search($excelColumn, array_map('trim', $columns));
+            if ($excelColumnIndex !== false && isset($row[$excelColumnIndex]) && $row[$excelColumnIndex] !== '') {
+                $fieldValue = $row[$excelColumnIndex];
+                error_log("Found Excel column '$excelColumn' at index $excelColumnIndex, value: " . var_export($fieldValue, true));
+            } else {
+                $fieldValue = $mapping['manual_default'] ?? '';
+                error_log("Excel column '$excelColumn' not found or empty, using default: " . var_export($fieldValue, true));
+            }
+            switch ($mapping['data_type']) {
+                case 'INT':
+                    $fieldValue = is_numeric($fieldValue) ? (int)$fieldValue : ($mapping['manual_default'] ?? 0);
+                    break;
+                case 'DATE':
+                    $fieldValue = !empty($fieldValue) ? date('Y-m-d', strtotime($fieldValue)) : ($mapping['manual_default'] === 'today' ? date('Y-m-d') : ($mapping['manual_default'] ?? ''));
+                    break;
+                case 'CHAR':
+                    $fieldValue = !empty($fieldValue) ? substr((string)$fieldValue, 0, 1) : ($mapping['manual_default'] ?? '');
+                    break;
+                case 'Testo':
+                case 'VARCHAR':
+                default:
+                    $fieldValue = !empty($fieldValue) ? htmlspecialchars((string)$fieldValue) : ($mapping['manual_default'] ?? '');
+                    break;
+            }
+        } else { // Campi manuali
+            $fieldValue = $mapping['manual_default'] ?? '';
+            if ($mapping['data_type'] === 'DATE' && $mapping['manual_default'] === 'today') {
+                $fieldValue = date('Y-m-d');
+            }
+        }
+        if ($mapping['is_required'] && (is_null($fieldValue) || $fieldValue === '')) {
+            error_log("Required field missing for mapping ID: " . $mapping['id'] . ", field: " . $mapping['field_label']);
+        }
+        error_log("Inserting into import_data_details - Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true) . ", Is Manual: " . $mapping['is_manual'] . ", Excel Column: " . ($mapping['excel_column'] ?? 'N/A') . ", Manual Default: " . ($mapping['manual_default'] ?? 'N/A'));
+        $stmt = $pdo->prepare("INSERT INTO import_data_details (id, mapping_id, field_value) VALUES (?, ?, ?)");
+        $stmt->execute([$iddatadb, $mapping['id'], $fieldValue]);
+        error_log("Inserted into import_data_details for ID $iddatadb, Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true));
+    }
+}
+
+$_SESSION['inserted_ids'] = $insertedIds;
+
+$params = [
+    'template_id' => $template_id,
+    'filename'    => $newFilename,
+];
+
+?>
+    <form id="redirectForm" action="import_edit2.php" method="post">
+        <input type="hidden" name="template_id" value="<?= htmlspecialchars($template_id) ?>">
+        <input type="hidden" name="filename" value="<?= htmlspecialchars($newFilename) ?>">
+
+        <?php foreach ($selected_rows as $row): ?>
+            <input type="hidden" name="selected_rows[]" value="<?= htmlspecialchars($row) ?>">
+        <?php endforeach; ?>
+
+        <?php foreach ($insertedIds as $id): ?>
+            <input type="hidden" name="inserted_ids[]" value="<?= htmlspecialchars($id) ?>">
+        <?php endforeach; ?>
+
+        <input type="hidden" name="columns" value='<?= json_encode($columns) ?>'>
+        <input type="hidden" name="rows" value='<?= json_encode($rows) ?>'>
+    </form>
+    <script>
+        document.getElementById('redirectForm').submit();
+    </script>
+<?php
+
+exit;
+

public/userarea/import_xls2.php

@@ -126,11 +126,7 @@ error_log("Loaded template: " . print_r($template, true));
         <div class="page-wrapper">
             <div class="page-content">
                 <?php include('top_stat_widget.php'); ?>
-                <div class="mb-3 text">
-                    <a href="historical_trf.php?id=<?= $id ?>&status=i" class="btn btn-warning me-2">Imported (i)</a>
-                    <a href="historical_trf.php?id=<?= $id ?>&status=P" class="btn btn-primary me-2">In Progress (P)</a>
-                    <a href="historical_trf.php?id=<?= $id ?>&status=l" class="btn btn-success">To LIMS (l)</a>
-                </div>
+
                 <div class="card radius-10">
                     <div class="card-header">
                         <div class="d-flex align-items-center">
@@ -140,7 +136,6 @@ error_log("Loaded template: " . print_r($template, true));
                             </div>
                         </div>
                     </div>
-
                     <div class="card-body">
                         <!-- Form per caricare il file -->
                         <form id="uploadForm" enctype="multipart/form-data" class="mb-4">
@@ -169,12 +164,12 @@ error_log("Loaded template: " . print_r($template, true));
     <!--end wrapper-->
 
     <!-- search modal -->
-    <?php //include('include/searchmodal.php'); 
+    <?php //include('include/searchmodal.php');
     ?>
     <!-- end search modal -->
 
     <!--start switcher-->
-    <?php //include('include/themeswitcher.php'); 
+    <?php //include('include/themeswitcher.php');
     ?>
     <!--end switcher-->
     <?php include('jsinclude.php'); ?>
@@ -210,7 +205,7 @@ error_log("Loaded template: " . print_r($template, true));
                             errorContainer.style.display = 'block';
                         } else {
                             let html = `
-                    <form id="selectRowsForm" action="import_edit2.php" method="POST">
+                    <form id="selectRowsForm" action="import_insert.php" method="POST">
                         <input type="hidden" name="template_id" value="${data.template_id}">
                         <input type="hidden" name="columns" value='${JSON.stringify(data.columns)}'>
                         <input type="hidden" name="rows" value='${JSON.stringify(data.rows)}'>
@@ -331,4 +326,4 @@ error_log("Loaded template: " . print_r($template, true));
     </script>
 </body>
 
-</html>
+</html>

public/userarea/include/navbar.php

@@ -25,7 +25,6 @@
                     <li> <a href="import_dashboard.php"><i class='bx bx-radio-circle'></i>XLS Import</a>
                     </li>
 
-
                 </ul>
             </li>
             <li>

public/userarea/last_url.txt

@@ -78,3 +78,13 @@ https://93.43.5.102/limsapi/api/odata/SchemaCustomField
 https://93.43.5.102/limsapi/api/odata/SchemaCustomField
 https://93.43.5.102/limsapi/api/odata/SchemaCustomField
 https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField
+https://93.43.5.102/limsapi/api/odata/SchemaCustomField

public/userarea/load_more_rows.php

@@ -1,69 +0,0 @@
-<?php
-header('Content-Type: application/json');
-
-include('include/headscript.php');
-
-// Parametri dalla richiesta AJAX
-$template_id = intval($_GET['template_id'] ?? 0);
-$status = $_GET['status'] ?? 'i';
-$offset = intval($_GET['offset'] ?? 0);
-$limit = intval($_GET['limit'] ?? 20);
-
-if (!$template_id || !in_array($status, ['i', 'P', 'l'])) {
-    error_log("Errore in load_more_rows.php: Parametri non validi - template_id: $template_id, status: $status");
-    echo json_encode(['success' => false, 'message' => 'Parametri non validi']);
-    exit;
-}
-
-// Connessione al database
-$db = DBHandlerSelect::getInstance();
-$pdo = $db->getConnection();
-
-// Recupera i dati
-try {
-    $stmt = $pdo->prepare("
-        SELECT d.*, CONCAT(u.first_name, ' ', u.last_name) AS user_name
-        FROM datadb d
-        LEFT JOIN auth_users u ON d.user_id = u.id
-        WHERE d.templateid = ? AND d.status = ?
-        LIMIT ? OFFSET ?
-    ");
-    $stmt->execute([$template_id, $status, $limit, $offset]);
-    $importedData = $stmt->fetchAll(PDO::FETCH_ASSOC);
-
-    // Recupera i dettagli manuali
-    $insertedIds = array_column($importedData, 'iddatadb');
-    $manualDetails = [];
-    if (!empty($insertedIds)) {
-        $placeholders = implode(',', array_fill(0, count($insertedIds), '?'));
-        $stmt = $pdo->prepare("
-            SELECT d.id AS detail_id, d.id AS datadb_id, d.mapping_id, d.field_value, m.field_label, m.data_type, m.is_required, m.manual_default
-            FROM import_data_details d
-            JOIN template_mapping m ON d.mapping_id = m.id
-            WHERE d.id IN ($placeholders)
-        ");
-        $stmt->execute($insertedIds);
-        $manualDetails = $stmt->fetchAll(PDO::FETCH_ASSOC);
-    }
-
-    // Prepara i dati per il JSON
-    $rows = [];
-    foreach ($importedData as $row) {
-        $rowData = [
-            'iddatadb' => $row['iddatadb'] ?? '',
-            'importreferencecode' => $row['importreferencecode'] ?? '',
-            'filename_import' => $row['filename_import'] ?? '',
-            'status' => $row['status'] ?? '',
-            'importdate' => $row['importdate'] ?? '',
-            'details' => array_filter($manualDetails, fn($d) => $d['datadb_id'] == $row['iddatadb'])
-        ];
-        $rows[] = $rowData;
-    }
-
-    error_log("load_more_rows.php: Caricate " . count($rows) . " righe per template_id=$template_id, status=$status, offset=$offset");
-    echo json_encode(['success' => true, 'rows' => $rows]);
-} catch (Exception $e) {
-    error_log("Errore in load_more_rows.php: " . $e->getMessage());
-    echo json_encode(['success' => false, 'message' => 'Errore nel caricamento: ' . $e->getMessage()]);
-}
-exit;

public/userarea/load_photo.php

@@ -14,13 +14,18 @@ if (!$iddatadb) {
 }
 
 try {
-    $stmt = $pdo->prepare("SELECT file_path FROM datadb_photos WHERE iddatadb = :iddatadb LIMIT 1");
+    // Adjust the query to select all photo paths for the given iddatadb
+    $stmt = $pdo->prepare("SELECT file_path FROM datadb_photos WHERE iddatadb = :iddatadb");
     $stmt->execute([':iddatadb' => $iddatadb]);
-    $photo = $stmt->fetch(PDO::FETCH_ASSOC);
+    $photos = $stmt->fetchAll(PDO::FETCH_ASSOC);
 
-    if ($photo && $photo['file_path']) {
-        $fullPath = '../photostrf/' . $photo['file_path']; // Assumi che le foto siano nella cartella photostrf
-        echo json_encode(['success' => true, 'file_path' => $fullPath]);
+    if ($photos && count($photos) > 0) {
+        // Prepare an array of full file paths
+        $photoPaths = array_map(function($photo) {
+            return '../photostrf/' . $photo['file_path']; // Assuming the photos are stored in the "photostrf" folder
+        }, $photos);
+
+        echo json_encode(['success' => true, 'photos' => $photoPaths]); // Return an array of photo paths
     } else {
         echo json_encode(['success' => false, 'message' => 'Nessuna foto trovata']);
     }

public/userarea/mapping_template_xls_scheme2.php

@@ -21,7 +21,7 @@ $schemajson = $template['schemajson'] ? json_decode($template['schemajson'], tru
 $isSchemajsonEmpty = empty(trim($template['schemajson']));
 
 // Recupera i campi dalla tabella template_mapping
-$stmt = $pdo->prepare("SELECT id, field_id, excel_column, is_manual, manual_default, data_type, is_required, default_value, has_list, length, decimals, min_value, max_value, default_curr_date, tablename, field_label FROM template_mapping WHERE template_id = ?");
+$stmt = $pdo->prepare("SELECT id, field_id, excel_column, is_manual, manual_default, data_type, is_required, default_value, has_list, length, decimals, min_value, max_value, default_curr_date, tablename, field_label, main_field FROM template_mapping WHERE template_id = ?");
 $stmt->execute([$id]);
 $mappings = $stmt->fetchAll(PDO::FETCH_ASSOC);
 
@@ -42,6 +42,52 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
     <?php include('cssinclude.php'); ?>
     <title>Configure Template <?= htmlspecialchars($template['name'], ENT_QUOTES, 'UTF-8'); ?></title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
+    <style>
+        .dropdown-select {
+            width: 100%;
+            box-sizing: border-box;
+            border: 1px solid #ced4da;
+            border-radius: 4px;
+            padding: 5px;
+            font-size: 14px;
+            appearance: none;
+            background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23333"><path d="M7.293 4.293a1 1 0 011.414 0L10 6.586l1.293-1.293a1 1 0 111.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2a1 1 0 010-1.414z"/></svg>') no-repeat right 5px center;
+        }
+
+        .dropdown-select:focus {
+            outline: none;
+            border-color: #80bdff;
+            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
+        }
+
+        #loading-overlay {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.7);
+            z-index: 9999;
+            justify-content: center;
+            align-items: center;
+        }
+
+        #loading-overlay div {
+            color: white;
+            font-size: 24px;
+            padding: 20px;
+            background: #333;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+        }
+
+        #schemaFieldsTable th:first-child,
+        #schemaFieldsTable td:first-child {
+            width: 50px;
+            text-align: center;
+        }
+    </style>
 </head>
 
 <body>
@@ -90,6 +136,7 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                                 <table id="schemaFieldsTable" class="table table-striped">
                                     <thead>
                                         <tr>
+                                            <th>Main</th>
                                             <th>Title</th>
                                             <th>ID</th>
                                             <th>Type</th>
@@ -100,23 +147,38 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                                     <tbody id="schemaFieldsBody">
                                         <?php foreach ($mappings as $mapping): ?>
                                             <tr>
+                                                <td>
+                                                    <input type="checkbox" class="main-field-checkbox" data-mapping-id="<?php echo $mapping['id']; ?>" <?php echo $mapping['main_field'] == 1 ? 'checked' : ''; ?>>
+                                                </td>
                                                 <td><?php echo htmlspecialchars($mapping['field_label'] ?? 'N/A'); ?></td>
                                                 <td><?php echo htmlspecialchars($mapping['field_id'] ?? 'N/A'); ?></td>
                                                 <td><?php echo htmlspecialchars($mapping['data_type'] ?? 'N/A'); ?></td>
                                                 <td>
-                                                    <select class="form-select mapping-select" data-id="<?php echo $mapping['id']; ?>" data-field-id="<?php echo $mapping['field_id']; ?>">
-                                                        <option value="">Select Option</option>
-                                                        <option value="xls" <?php echo !$mapping['is_manual'] && $mapping['excel_column'] ? 'selected' : ''; ?>>Map to XLS Column</option>
-                                                        <option value="manual" <?php echo $mapping['is_manual'] ? 'selected' : ' '; ?>>Manual Entry</option>
+                                                    <?php
+                                                    $isSceltaMultipla = $mapping['data_type'] === 'SceltaMultipla';
+                                                    $mappingValue = $isSceltaMultipla ? 'manual' : ($mapping['excel_column'] ? 'xls' : ($mapping['is_manual'] ? 'manual' : ''));
+                                                    ?>
+                                                    <select class="form-select mapping-select" data-id="<?php echo $mapping['id']; ?>" data-field-id="<?php echo $mapping['field_id']; ?>" <?php echo $isSceltaMultipla ? 'disabled' : ''; ?>>
+                                                        <?php if (!$isSceltaMultipla): ?>
+                                                            <option value="">Select Option</option>
+                                                            <option value="xls" <?php echo $mappingValue === 'xls' ? 'selected' : ''; ?>>Map to XLS Column</option>
+                                                        <?php endif; ?>
+                                                        <option value="manual" <?php echo $mappingValue === 'manual' ? 'selected' : ''; ?>>Manual Entry</option>
                                                     </select>
-                                                    <select class="form-select xls-columns" style="display:<?php echo !$mapping['is_manual'] && $mapping['excel_column'] ? 'block' : 'none'; ?>" data-id="<?php echo $mapping['id']; ?>" <?php echo $mapping['excel_column'] ? 'data-current-xls="' . htmlspecialchars($mapping['excel_column']) . '"' : ''; ?>></select>
+                                                    <select class="form-select xls-columns" style="display:<?php echo $mappingValue === 'xls' ? 'block' : 'none'; ?>" data-id="<?php echo $mapping['id']; ?>" <?php echo $mapping['excel_column'] ? 'data-current-xls="' . htmlspecialchars($mapping['excel_column']) . '"' : ''; ?>></select>
                                                     <?php if ($mapping['excel_column']): ?>
                                                         <span class="mapped-column" style="margin-left: 5px;"><?php echo htmlspecialchars($mapping['excel_column']); ?></span>
                                                         <button class="btn btn-danger btn-sm remove-xls" data-id="<?php echo $mapping['id']; ?>" style="margin-left: 5px;">X</button>
                                                     <?php endif; ?>
                                                 </td>
                                                 <td>
-                                                    <input type="text" class="form-control manual-default" placeholder="Default value" value="<?php echo htmlspecialchars($mapping['manual_default'] ?? ''); ?>" style="display:<?php echo $mapping['is_manual'] ? 'block' : 'none'; ?>" data-field-id="<?php echo $mapping['field_id']; ?>">
+                                                    <?php if ($mapping['data_type'] === 'SceltaMultipla'): ?>
+                                                        <select class="form-select dropdown-select manual-default" data-id="<?php echo $mapping['id']; ?>" data-field-id="<?php echo $mapping['field_id']; ?>" data-manual-default="<?php echo htmlspecialchars($mapping['manual_default'] ?? ''); ?>" style="display:block;">
+                                                            <option value="">Seleziona...</option>
+                                                        </select>
+                                                    <?php else: ?>
+                                                        <input type="text" class="form-control manual-default" placeholder="Default value" value="<?php echo htmlspecialchars($mapping['manual_default'] ?? ''); ?>" style="display:<?php echo $mapping['is_manual'] ? 'block' : 'none'; ?>" data-field-id="<?php echo $mapping['field_id']; ?>">
+                                                    <?php endif; ?>
                                                 </td>
                                             </tr>
                                         <?php endforeach; ?>
@@ -138,6 +200,7 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
     </div>
 
     <?php include('jsinclude.php'); ?>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script>
         let availableXlsColumns = <?php echo json_encode($xlsHeaders); ?> || [];
         let usedColumnsFromDB = <?php echo json_encode($usedColumnsFromDB); ?> || [];
@@ -180,8 +243,8 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                     type: 'array'
                 });
                 let sheet = workbook.Sheets[workbook.SheetNames[0]];
-                let rowIndex = parseInt(document.getElementById('headerRow').textContent) || 1; // Usa header_row dal template
-                let startColumn = parseInt(document.getElementById('startColumn').textContent) || 1; // Usa start_column come numero
+                let rowIndex = parseInt(document.getElementById('headerRow').textContent) || 1;
+                let startColumn = parseInt(document.getElementById('startColumn').textContent) || 1;
 
                 let sheetData = XLSX.utils.sheet_to_json(sheet, {
                     header: 1,
@@ -189,7 +252,7 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                     raw: false,
                     range: 0
                 });
-                console.log("Dati della riga " + rowIndex + ":", sheetData[rowIndex - 1]); // Debug: stampa la riga delle intestazioni
+                console.log("Dati della riga " + rowIndex + ":", sheetData[rowIndex - 1]);
                 if (!sheetData[rowIndex - 1]) {
                     document.getElementById('schemaFieldsBody').querySelectorAll('select.xls-columns').forEach(select => {
                         select.innerHTML = '<option value="">Nessuna intestazione trovata</option>';
@@ -197,11 +260,10 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                     return;
                 }
 
-                // Estrai le intestazioni a partire dalla colonna specificata, includendo le vuote
                 let headers = sheetData[rowIndex - 1].slice(startColumn - 1).map(header => header === undefined ? "" : header);
-                console.log("Intestazioni estratte:", headers); // Debug: stampa le intestazioni estratte
+                console.log("Intestazioni estratte:", headers);
                 availableXlsColumns = [...headers];
-                usedColumnsFromDB = []; // Resetta le colonne usate dopo un nuovo caricamento
+                usedColumnsFromDB = [];
                 saveXlsHeaders(headers);
                 updateXlsDropdowns();
             };
@@ -229,18 +291,18 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
             let usedColumns = Array.from(document.querySelectorAll('select.xls-columns'))
                 .filter(select => select.style.display === 'block' && select.value)
                 .map(select => select.value)
-                .concat(usedColumnsFromDB); // Aggiunge le colonne già salvate nel DB
+                .concat(usedColumnsFromDB);
 
             document.querySelectorAll('select.xls-columns').forEach(select => {
                 let currentValue = select.value || select.dataset.currentXls || '';
                 let options = availableXlsColumns
-                    .filter(col => !usedColumns.includes(col) || col === currentValue) // Esclude colonne già usate, tranne la corrente
+                    .filter(col => !usedColumns.includes(col) || col === currentValue)
                     .map(col => `<option value="${col}" ${col === currentValue ? 'selected' : ''}>${col}</option>`)
                     .join('');
                 select.innerHTML = '<option value="">Select XLS Column</option>' + options;
                 select.dataset.currentXls = currentValue;
                 if (currentValue && !options.includes(currentValue)) {
-                    select.value = ''; // Reset se il valore non è più valido
+                    select.value = '';
                 }
             });
         }
@@ -250,6 +312,70 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
             let schemaId = <?php echo json_encode($template['idschema'] ?? 0); ?>;
             let isSchemajsonEmpty = <?php echo json_encode($isSchemajsonEmpty); ?>;
 
+            // Crea l'overlay di caricamento
+            const loadingOverlay = document.createElement('div');
+            loadingOverlay.id = 'loading-overlay';
+            loadingOverlay.innerHTML = '<div>Loading Dropdown Options...</div>';
+            document.body.appendChild(loadingOverlay);
+
+            async function populateDropdowns() {
+                const dropdowns = document.querySelectorAll('.dropdown-select');
+                if (dropdowns.length === 0) return;
+
+                const dropdownData = {};
+
+                // Recupera i dati solo per i field_id univoci
+                const uniqueFieldIds = [...new Set(Array.from(dropdowns).map(d => d.getAttribute('data-field-id')))].filter(fieldId => fieldId);
+                for (const fieldId of uniqueFieldIds) {
+                    if (!dropdownData[fieldId]) {
+                        try {
+                            const response = await fetch(`get_customfield_values.php?field_id=${fieldId}`);
+                            const data = await response.json();
+                            if (data.error) {
+                                console.error('Errore per field_id', fieldId, ':', data.error);
+                                continue;
+                            }
+                            dropdownData[fieldId] = data.CustomFieldsValues || [];
+                        } catch (error) {
+                            console.error('Errore nel fetch per field_id', fieldId, ':', error);
+                        }
+                    }
+                }
+
+                // Popola tutti i dropdown con i dati recuperati
+                dropdowns.forEach(dropdown => {
+                    const fieldId = dropdown.getAttribute('data-field-id');
+                    const manualDefault = dropdown.getAttribute('data-manual-default') || '';
+                    if (!fieldId || !dropdownData[fieldId]) {
+                        dropdown.innerHTML = '<option value="">Errore nel caricamento</option>';
+                        return;
+                    }
+
+                    dropdown.innerHTML = '<option value="">Seleziona...</option>';
+                    dropdownData[fieldId].forEach(value => {
+                        const option = document.createElement('option');
+                        option.value = value.IdCustomFieldsValue;
+                        option.textContent = value.Valore;
+                        if (manualDefault === String(value.IdCustomFieldsValue)) {
+                            option.selected = true;
+                        }
+                        dropdown.appendChild(option);
+                    });
+                });
+            }
+
+            // Carica i dropdown con overlay
+            async function loadDropdownsWithOverlay() {
+                console.log('Inizio caricamento tendine');
+                loadingOverlay.style.display = 'flex';
+                await new Promise(resolve => setTimeout(resolve, 500));
+                await populateDropdowns();
+                console.log('Caricamento tendine completato');
+                loadingOverlay.style.display = 'none';
+            }
+
+            loadDropdownsWithOverlay();
+
             async function loadClientAndSchemaNames() {
                 if (<?php echo json_encode($template['idclient'] ?? 0); ?> > 0) {
                     let response = await fetch(`get_clienti.php?id=<?php echo $template['idclient']; ?>`);
@@ -267,7 +393,7 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
 
             async function updateSchemaDetails() {
                 if (!schemaId) {
-                    document.getElementById('schemaFieldsBody').innerHTML = '<tr><td colspan="5" class="text-warning">No schema associated.</td></tr>';
+                    document.getElementById('schemaFieldsBody').innerHTML = '<tr><td colspan="6" class="text-warning">No schema associated.</td></tr>'; // Aggiornato colspan a 6
                     return;
                 }
 
@@ -284,7 +410,7 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                     await saveSchemaJson(templateId, JSON.stringify(data));
                     alert('Schema updated successfully. Refresh the page to see changes.');
                 } catch (error) {
-                    document.getElementById('schemaFieldsBody').innerHTML = '<tr><td colspan="5" class="text-danger">Error: ' + error.message + '</td></tr>';
+                    document.getElementById('schemaFieldsBody').innerHTML = '<tr><td colspan="6" class="text-danger">Error: ' + error.message + '</td></tr>'; // Aggiornato colspan a 6
                 } finally {
                     updateSchemaButton.disabled = false;
                     updateSchemaButton.textContent = 'Update Schema Details';
@@ -336,9 +462,66 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                     }
                     saveMapping(mappingId, event.target.value, manualInput.value, xlsSelect.value);
                     updateXlsDropdowns();
+                } else if (event.target.classList.contains('main-field-checkbox')) {
+                    const checkbox = event.target;
+                    const mappingId = checkbox.dataset.mappingId;
+                    const value = checkbox.checked ? 1 : 0;
+
+                    // Se checked, deseleziona tutti gli altri visivamente
+                    if (checkbox.checked) {
+                        document.querySelectorAll('.main-field-checkbox').forEach(cb => {
+                            if (cb !== checkbox) cb.checked = false;
+                        });
+                    }
+
+                    // Salva l'aggiornamento
+                    fetch('update_main_field.php', {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({
+                                template_id: <?php echo $id; ?>,
+                                mapping_id: mappingId,
+                                value: value
+                            })
+                        }).then(response => response.json())
+                        .then(data => {
+                            if (!data.success) {
+                                console.error("❌ Error updating main_field:", data.message);
+                                // Revert checkbox state on error
+                                checkbox.checked = !checkbox.checked;
+                                // Riselezione visiva degli altri se errore
+                                if (value === 1) {
+                                    document.querySelectorAll('.main-field-checkbox').forEach(cb => {
+                                        cb.checked = cb.dataset.originalChecked === 'true';
+                                    });
+                                }
+                            } else {
+                                // Aggiorna lo stato originale dopo successo
+                                document.querySelectorAll('.main-field-checkbox').forEach(cb => {
+                                    cb.dataset.originalChecked = cb.checked;
+                                });
+                            }
+                        })
+                        .catch(error => {
+                            console.error("❌ Fetch error:", error);
+                            checkbox.checked = !checkbox.checked;
+                            // Riselezione visiva degli altri se errore
+                            if (value === 1) {
+                                document.querySelectorAll('.main-field-checkbox').forEach(cb => {
+                                    cb.checked = cb.dataset.originalChecked === 'true';
+                                });
+                            }
+                        });
                 }
             });
 
+            // Salva lo stato originale dei checkbox al caricamento
+            document.querySelectorAll('.main-field-checkbox').forEach(cb => {
+                cb.dataset.originalChecked = cb.checked;
+            });
+
             document.getElementById('schemaFieldsBody').addEventListener('change', function(event) {
                 if (event.target.classList.contains('xls-columns')) {
                     let tr = event.target.closest('tr');
@@ -347,12 +530,11 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                     let mappedColumn = tr.querySelector('.mapped-column');
                     let removeBtn = tr.querySelector('.remove-xls');
 
-                    // Aggiungi dinamicamente mappedColumn e removeBtn se non esistono
                     if (!mappedColumn) {
                         mappedColumn = document.createElement('span');
                         mappedColumn.className = 'mapped-column';
                         mappedColumn.style.marginLeft = '5px';
-                        tr.querySelector('td:nth-child(4)').appendChild(mappedColumn);
+                        tr.querySelector('td:nth-child(5)').appendChild(mappedColumn); // Aggiornato a nth-child(5) per la nuova colonna
                     }
                     if (!removeBtn) {
                         removeBtn = document.createElement('button');
@@ -360,9 +542,8 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                         removeBtn.textContent = 'X';
                         removeBtn.style.marginLeft = '5px';
                         removeBtn.setAttribute('data-id', mappingId);
-                        tr.querySelector('td:nth-child(4)').appendChild(removeBtn);
+                        tr.querySelector('td:nth-child(5)').appendChild(removeBtn); // Aggiornato a nth-child(5)
 
-                        // Aggiungi l'event listener per il nuovo pulsante
                         removeBtn.addEventListener('click', function(e) {
                             let tr = e.target.closest('tr');
                             let xlsSelect = tr.querySelector('.xls-columns');
@@ -391,12 +572,25 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                 }
             });
 
+            document.getElementById('schemaFieldsBody').addEventListener('change', function(event) {
+                if (event.target.classList.contains('manual-default') && event.target.tagName === 'SELECT') {
+                    let tr = event.target.closest('tr');
+                    let mappingId = event.target.getAttribute('data-id');
+                    let xlsSelect = tr.querySelector('.xls-columns');
+                    console.log("Manual default dropdown changed:", {
+                        id: mappingId,
+                        value: event.target.value
+                    });
+                    saveMapping(mappingId, 'manual', event.target.value, xlsSelect.value);
+                }
+            });
+
             document.getElementById('schemaFieldsBody').addEventListener('input', function(event) {
-                if (event.target.classList.contains('manual-default')) {
+                if (event.target.classList.contains('manual-default') && event.target.tagName === 'INPUT') {
                     let tr = event.target.closest('tr');
                     let mappingId = tr.querySelector('.mapping-select').getAttribute('data-id');
                     let xlsSelect = tr.querySelector('.xls-columns');
-                    console.log("Manual default changed:", {
+                    console.log("Manual default input changed:", {
                         id: mappingId,
                         value: event.target.value
                     });
@@ -448,8 +642,8 @@ $xlsHeaders = $template['xls_headers'] ? json_decode($template['xls_headers'], t
                         console.log("Save response:", data);
                         if (!data.success) console.error("❌ Error saving mapping:", data.message);
                         if (data.success && excelColumn) {
-                            usedColumnsFromDB = usedColumnsFromDB.filter(col => col !== excelColumn); // Rimuovi dalla lista se salvata
-                            usedColumnsFromDB.push(excelColumn); // Aggiungi la nuova colonna usata
+                            usedColumnsFromDB = usedColumnsFromDB.filter(col => col !== excelColumn);
+                            usedColumnsFromDB.push(excelColumn);
                             updateXlsDropdowns();
                         }
                     })

public/userarea/modal_parts.php

@@ -13,29 +13,32 @@
                         <ul id="partsList" class="list-group"></ul>
                         <table class="table table-striped table-sm mt-3" id="partsTable">
                             <thead>
-                                <tr>
-                                    <th>Num. Parte</th>
-                                    <th>Descrizione Parte</th>
-                                    <th>Azioni</th>
-                                </tr>
+                            <tr>
+                                <th>Num. Parte</th>
+                                <th>Descrizione Parte</th>
+                                <th>Azioni</th>
+                            </tr>
                             </thead>
                             <tbody id="partsTableBody">
-                                <tr data-part-id="new">
-                                    <td><input type="number" class="form-control form-control-sm part-number" value="1" style="width: 80px;"></td>
-                                    <td><input type="text" class="form-control form-control-sm part-description" placeholder="Inserisci descrizione" style="width: 100%;"></td>
-                                    <td>
-                                        <button type="button" class="btn btn-success btn-sm add-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;"><i class="fas fa-plus fa-xs"></i></button>
-                                        <button type="button" class="btn btn-primary btn-sm add-mix-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;">M</button>
-                                        <button type="button" class="btn btn-danger btn-sm remove-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem; display: none;"><i class="fas fa-trash fa-xs"></i></button>
-                                        <span class="save-status text-success" style="display: none; margin-left: 5px;"><i class="fas fa-check fa-xs"></i></span>
-                                        <span class="save-loading text-warning" style="display: none; margin-left: 5px;"><i class="fas fa-spinner fa-spin fa-xs"></i></span>
-                                    </td>
-                                </tr>
+                            <tr data-part-id="new">
+                                <td><input type="number" class="form-control form-control-sm part-number" value="1" style="width: 80px;"></td>
+                                <td><input type="text" class="form-control form-control-sm part-description" placeholder="Inserisci descrizione" style="width: 100%;"></td>
+                                <td>
+                                    <button type="button" class="btn btn-success btn-sm add-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;"><i class="fas fa-plus fa-xs"></i></button>
+                                    <button type="button" class="btn btn-primary btn-sm add-mix-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;">M</button>
+                                    <button type="button" class="btn btn-danger btn-sm remove-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem; display: none;"><i class="fas fa-trash fa-xs"></i></button>
+                                    <span class="save-status text-success" style="display: none; margin-left: 5px;"><i class="fas fa-check fa-xs"></i></span>
+                                    <span class="save-loading text-warning" style="display: none; margin-left: 5px;"><i class="fas fa-spinner fa-spin fa-xs"></i></span>
+                                </td>
+                            </tr>
                             </tbody>
                         </table>
                     </div>
                     <div class="col-md-6">
                         <h6>Foto del Campione</h6>
+                        <div id="photoSelectorContainer" style="display: none;">
+                            <!-- Dropdown or buttons for photo selection will appear here -->
+                        </div>
                         <div style="position: relative; width: 100%; min-height: 400px;">
                             <img id="samplePhoto" src="" alt="Foto del campione" style="max-width: 100%; max-height: 100%; object-fit: contain; position: absolute; top: 0; left: 0;">
                             <canvas id="photoCanvas" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></canvas>
@@ -142,4 +145,24 @@
         padding: 0.1rem 0.3rem;
         font-size: 0.8rem;
     }
-</style>
+
+    /* ნორმალური Save ღილაკი */
+    #savePhotoBtn {
+        transition: all 0.3s ease-in-out;
+    }
+
+    /* დაუმახსოვრებელი ცვლილებები */
+    #savePhotoBtn.unsaved {
+        background-color: #dc3545 !important; /* წითელი */
+        border-color: #dc3545 !important;
+        color: white !important;
+        animation: pulse 1.2s infinite;
+    }
+
+    /* ლამაზი პულსაცია */
+    @keyframes pulse {
+        0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
+        70% { box-shadow: 0 0 10px 15px rgba(220, 53, 69, 0); }
+        100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
+    }
+</style>

public/userarea/parts.js

@@ -1,7 +1,28 @@
 $(document).ready(function () {
     console.log("parts.js caricato correttamente");
 
-    // Gestione del popup per le parti
+    // ===================
+    // GLOBAL STATE (NEW)
+    // ===================
+    let photoData = {
+        naturalWidth: 0,
+        naturalHeight: 0,
+        displayWidth: 0,
+        displayHeight: 0,
+        scale: 1,
+    };
+
+    // markers keyed by photo src => [{ partNumber, x, y } using NATURAL coords]
+    let photoMarkers = {};
+
+    // selection & descriptions
+    let selectedPartNumber = null;
+    let descriptionPosition = {x: 10, y: 10}; // NATURAL coords
+    let hasDescriptions = false;
+
+    // ===================
+    // POPUP HANDLING
+    // ===================
     const partsButtons = document.querySelectorAll(".parts-btn");
     const partsModal = document.getElementById("partsModal");
     const closeBtn = document.querySelector("#partsModal .close-btn");
@@ -12,14 +33,8 @@ $(document).ready(function () {
             console.log("Pulsante Parts cliccato");
             const iddatadb = $(this).data("iddatadb");
             const rowIndex = $(this).data("row");
-            const importRef = $("table tbody tr")
-                .eq(rowIndex)
-                .find("td")
-                .eq(1)
-                .text();
-            const description =
-                $("table tbody tr").eq(rowIndex).find("td").eq(2).text() ||
-                "Sconosciuto";
+            const importRef = $("table tbody tr").eq(rowIndex).find("td").eq(1).text();
+            const description = $("table tbody tr").eq(rowIndex).find("td").eq(2).text() || "Sconosciuto";
 
             $("#trfHeader").text(`${iddatadb} - ${importRef} - ${description}`);
             $("#partsModal").data("iddatadb", iddatadb);
@@ -36,7 +51,6 @@ $(document).ready(function () {
         });
     });
 
-    // Gestione della chiusura del modal Parts
     if (closeBtn) {
         closeBtn.addEventListener("click", function () {
             partsModal.style.display = "none";
@@ -55,41 +69,26 @@ $(document).ready(function () {
         });
     }
 
+    // ===================
+    // PHOTO LOADERS
+    // ===================
     function loadPhoto(iddatadb) {
         $.ajax({
             url: "load_photo.php",
             method: "GET",
-            data: { iddatadb: iddatadb },
+            data: {iddatadb: iddatadb},
             success: function (response) {
-                if (response.success && response.file_path) {
-                    const img = $("#samplePhoto");
-                    img.attr("src", response.file_path);
-                    img.on("load", function () {
-                        const container = img.parent();
-                        const canvas = document.getElementById("photoCanvas");
-                        const containerWidth = container.width();
-                        const containerHeight = container.height();
-                        const scaleX = containerWidth / img[0].naturalWidth;
-                        const scaleY = containerHeight / img[0].naturalHeight;
-                        const scale = Math.min(scaleX, scaleY);
-                        canvas.width = img[0].naturalWidth * scale;
-                        canvas.height = img[0].naturalHeight * scale;
-                        canvas.style.width = `${containerWidth}px`;
-                        canvas.style.height = `${containerHeight}px`;
-                        const ctx = canvas.getContext("2d");
-                        ctx.clearRect(0, 0, canvas.width, canvas.height);
-                        ctx.drawImage(
-                            img.get(0),
-                            0,
-                            0,
-                            canvas.width,
-                            canvas.height,
-                        );
-                        updateMarkers();
-                    });
+                if (response.success) {
+                    if (response.photos && response.photos.length > 1) {
+                        showPhotoSelector(response.photos);
+                    } else if (response.photos && response.photos.length === 1) {
+                        loadSinglePhoto(response.photos[0]);
+                    } else {
+                        $("#samplePhoto").attr("src", "");
+                        alert("Nessuna foto trovata per questo TRF.");
+                    }
                 } else {
-                    $("#samplePhoto").attr("src", "");
-                    alert("Nessuna foto trovata per questo TRF.");
+                    alert(response.message || "Errore nel caricamento della foto.");
                 }
             },
             error: function (xhr, status, error) {
@@ -98,10 +97,89 @@ $(document).ready(function () {
         });
     }
 
+    function showPhotoSelector(photos) {
+        const selectorContainer = $("#photoSelectorContainer");
+        selectorContainer.empty();
+
+        const selector = $('<select id="photoSelector"></select>');
+        photos.forEach((photo, index) => {
+            const option = $('<option></option>').val(photo).text(`Photo ${index + 1}`);
+            // display option with photo name if available
+            if (photo.includes("/")) {
+                const photoName = photo.split("/").pop();
+                option.text(`Photo ${index + 1} - ${photoName}`);
+            }
+            selector.append(option);
+        });
+
+        selector.on("change", function () {
+            const selectedPhoto = $(this).val();
+            loadSinglePhoto(selectedPhoto);
+        });
+
+        selectorContainer.append(selector);
+        selectorContainer.show();
+
+        if (photos.length > 0) {
+            selector.val(photos[0]);
+            loadSinglePhoto(photos[0]);
+        }
+    }
+
+    function loadSinglePhoto(photoPath) {
+        const img = $("#samplePhoto");
+        img.off("load"); // avoid stacking multiple handlers
+        img.attr("src", photoPath);
+
+        img.on("load", function () {
+            const canvas = document.getElementById("photoCanvas");
+            const ctx = canvas.getContext("2d");
+
+            // Real image size
+            const naturalWidth = img[0].naturalWidth;
+            const naturalHeight = img[0].naturalHeight;
+
+            // Compute scale to FIT inside its parent without distorting aspect ratio
+            const parent = $(canvas).parent();
+            const maxW = parent.width();
+            const maxH = parent.height();
+            const scale = Math.min(maxW / naturalWidth, maxH / naturalHeight);
+
+            // Display size on screen
+            const displayWidth = Math.max(1, Math.round(naturalWidth * scale));
+            const displayHeight = Math.max(1, Math.round(naturalHeight * scale));
+
+            // Save globally
+            photoData = {naturalWidth, naturalHeight, displayWidth, displayHeight, scale};
+
+            // Canvas in REAL size (so saving uses natural coords 1:1)
+            canvas.width = naturalWidth;
+            canvas.height = naturalHeight;
+
+            // Visual size on screen
+            canvas.style.width = `${displayWidth}px`;
+            canvas.style.height = `${displayHeight}px`;
+
+            // Also size/align the overlay containers to match the canvas
+            $("#markerContainer").css({width: `${displayWidth}px`, height: `${displayHeight}px`});
+            $("#descriptionList").css({maxWidth: `${Math.max(200, Math.round(displayWidth * 0.35))}px`});
+
+            // Draw fresh image at full resolution
+            ctx.clearRect(0, 0, naturalWidth, naturalHeight);
+            ctx.drawImage(img.get(0), 0, 0, naturalWidth, naturalHeight);
+
+            updateMarkers();
+            if (hasDescriptions) drawDescriptions(descriptionPosition.x, descriptionPosition.y);
+        });
+    }
+
+    // ===================
+    // PARTS TABLE
+    // ===================
     function addNewRow(nextPartNumber, isMix = false) {
         const description = isMix ? "Mix" : "";
         const newRow = `
-            <tr data-part-id="new">
+            <tr data-part-id="">
                 <td><input type="number" class="form-control form-control-sm part-number" value="${nextPartNumber || 1}" style="width: 80px;"></td>
                 <td><input type="text" class="form-control form-control-sm part-description" value="${description}" placeholder="Inserisci descrizione" style="width: 100%;"></td>
                 <td>
@@ -111,33 +189,25 @@ $(document).ready(function () {
                     <span class="save-status text-success" style="display: none; margin-left: 5px;"><i class="fas fa-check fa-xs"></i></span>
                     <span class="save-loading text-warning" style="display: none; margin-left: 5px;"><i class="fas fa-spinner fa-spin fa-xs"></i></span>
                 </td>
-            </tr>
-        `;
+            </tr>`;
         $("#partsTableBody").append(newRow);
         updateRowButtons();
     }
 
     function updateRowButtons() {
         const rowCount = $("#partsTableBody tr").length;
-        $("#partsTableBody tr").each(function (index) {
+        $("#partsTableBody tr").each(function () {
             const $removeBtn = $(this).find(".remove-row");
-            if (rowCount > 1) {
-                $removeBtn.show();
-            } else {
-                $removeBtn.hide();
-            }
+            if (rowCount > 1) $removeBtn.show(); else $removeBtn.hide();
         });
     }
 
     $(document).on("click", ".add-row", function (e) {
         e.preventDefault();
-        console.log("Pulsante Aggiungi riga cliccato");
         const maxPartNumber = Math.max(
-            ...$("#partsTableBody tr")
-                .map(function () {
-                    return parseInt($(this).find(".part-number").val()) || 0;
-                })
-                .get(),
+            ...$("#partsTableBody tr").map(function () {
+                return parseInt($(this).find(".part-number").val()) || 0;
+            }).get(),
         );
         addNewRow(maxPartNumber + 1);
         updatePartsList();
@@ -145,13 +215,10 @@ $(document).ready(function () {
 
     $(document).on("click", ".add-mix-row", function (e) {
         e.preventDefault();
-        console.log("Pulsante Aggiungi Mix cliccato");
         const maxPartNumber = Math.max(
-            ...$("#partsTableBody tr")
-                .map(function () {
-                    return parseInt($(this).find(".part-number").val()) || 0;
-                })
-                .get(),
+            ...$("#partsTableBody tr").map(function () {
+                return parseInt($(this).find(".part-number").val()) || 0;
+            }).get(),
         );
         addNewRow(maxPartNumber + 1, true);
         updatePartsList();
@@ -159,26 +226,16 @@ $(document).ready(function () {
 
     $(document).on("click", ".remove-row", function (e) {
         e.preventDefault();
-        console.log("Pulsante Rimuovi riga cliccato");
         const $row = $(this).closest("tr");
         const partId = $row.data("part-id");
-        console.log("ID parte da eliminare:", partId);
 
         if (partId !== "new" && partId !== undefined && partId !== null) {
-            console.log("Procedo con la cancellazione dal database");
             $.ajax({
                 url: "delete_part.php",
                 method: "POST",
-                data: JSON.stringify({ part_id: partId }),
+                data: JSON.stringify({part_id: partId}),
                 contentType: "application/json",
-                beforeSend: function () {
-                    console.log(
-                        "Invio richiesta AJAX a delete_part.php con part_id:",
-                        partId,
-                    );
-                },
                 success: function (response) {
-                    console.log("Risposta da delete_part.php:", response);
                     if (response.success) {
                         $row.remove();
                         updateRowButtons();
@@ -189,21 +246,10 @@ $(document).ready(function () {
                     }
                 },
                 error: function (xhr, status, error) {
-                    console.log("Errore AJAX:", status, error);
-                    alert(
-                        "Errore nell'eliminazione: " +
-                            error +
-                            ". Stato: " +
-                            xhr.status +
-                            " - " +
-                            xhr.responseText,
-                    );
+                    alert("Errore nell'eliminazione: " + error + ". Stato: " + xhr.status + " - " + xhr.responseText);
                 },
             });
         } else {
-            console.log(
-                'Riga non salvata nel database (partId = "new" o non definito), rimuovo solo visivamente',
-            );
             $row.remove();
             updateRowButtons();
             updatePartsList();
@@ -220,11 +266,8 @@ $(document).ready(function () {
         const iddatadb = $("#partsModal").data("iddatadb");
         const isMix = partDescription.startsWith("Mix") ? "Y" : "N";
 
-        console.log("Evento blur su input:", {
-            partNumber,
-            partDescription,
-            isMix,
-        });
+        // არსებული part-id row-დან (თუ უკვე არსებობს)
+        const partId = $row.data("part-id") || null;
 
         if (partDescription && iddatadb) {
             $saveLoading.show();
@@ -237,6 +280,7 @@ $(document).ready(function () {
                     iddatadb: iddatadb,
                     parts: [
                         {
+                            id: partId,  // გავგზავნე part-ის ID (თუ არის)
                             part_number: partNumber,
                             part_description: partDescription,
                             mix: isMix,
@@ -246,16 +290,14 @@ $(document).ready(function () {
                 contentType: "application/json",
                 success: function (response) {
                     if (response.success) {
-                        if (response.part_id) {
-                            $row.data("part-id", response.part_id);
-                            console.log(
-                                "Aggiornato partId della riga:",
-                                response.part_id,
-                            );
-                        }
                         $saveLoading.hide();
                         $saveStatus.show();
                         updatePartsList();
+                        // თუ ახალია, backend-მა მოგვცა ახალი ID
+                        if (response.part_id) {
+                            $row.attr("data-part-id", response.part_id);
+                            $row.data("part-id", response.part_id);
+                        }
                         setTimeout(() => $saveStatus.hide(), 2000);
                     } else {
                         alert("Errore nel salvataggio: " + response.message);
@@ -274,7 +316,7 @@ $(document).ready(function () {
         $.ajax({
             url: "load_parts.php",
             method: "GET",
-            data: { iddatadb: iddatadb },
+            data: {iddatadb: iddatadb},
             success: function (response) {
                 if (response.success) {
                     $("#partsTableBody").empty();
@@ -291,8 +333,7 @@ $(document).ready(function () {
                                         <span class="save-status text-success" style="display: none; margin-left: 5px;"><i class="fas fa-check fa-xs"></i></span>
                                         <span class="save-loading text-warning" style="display: none; margin-left: 5px;"><i class="fas fa-spinner fa-spin fa-xs"></i></span>
                                     </td>
-                                </tr>
-                            `;
+                                </tr>`;
                             $("#partsTableBody").append(newRow);
                         });
                     } else {
@@ -301,10 +342,7 @@ $(document).ready(function () {
                     updateRowButtons();
                     updatePartsList();
                 } else {
-                    alert(
-                        "Errore nel caricamento delle parti: " +
-                            response.message,
-                    );
+                    alert("Errore nel caricamento delle parti: " + response.message);
                     addNewRow(1);
                 }
             },
@@ -320,11 +358,7 @@ $(document).ready(function () {
         $("#partsTableBody tr").each(function () {
             const partNumber = $(this).find(".part-number").val();
             const partDescription = $(this).find(".part-description").val();
-            if (
-                partNumber &&
-                partDescription &&
-                !partDescription.startsWith("Mix")
-            ) {
+            if (partNumber && partDescription && !partDescription.startsWith("Mix")) {
                 const listItem = `
                     <li class="list-group-item" data-part-number="${partNumber}">
                         ${partNumber} - ${partDescription}
@@ -337,15 +371,10 @@ $(document).ready(function () {
 
     $(document).on("click", ".add-to-mix-btn", function () {
         const $listItem = $(this).closest("li");
-        const partDescription = $listItem.text().split(" - ")[1].trim(); // Prende tutta la descrizione dopo il trattino
-        const $mixRow = $("#partsTableBody tr")
-            .filter(function () {
-                return $(this)
-                    .find(".part-description")
-                    .val()
-                    .startsWith("Mix");
-            })
-            .last();
+        const partDescription = $listItem.text().split(" - ")[1].trim();
+        const $mixRow = $("#partsTableBody tr").filter(function () {
+            return $(this).find(".part-description").val().startsWith("Mix");
+        }).last();
 
         if ($mixRow.length === 0) {
             alert("Crea prima una riga Mix usando il pulsante 'M'.");
@@ -360,167 +389,131 @@ $(document).ready(function () {
         } else if (!currentDescription.includes(partDescription)) {
             currentDescription += ` + ${partDescription}`;
         } else {
-            return; // Parte già presente, non aggiungerla
+            return;
         }
 
         $descriptionInput.val(currentDescription);
-        $descriptionInput.trigger("blur"); // Attiva il salvataggio
+        $descriptionInput.trigger("blur");
         updatePartsList();
     });
 
-    let selectedPartNumber = null;
-    let markers = [];
-    let descriptionPosition = { x: 10, y: 10 };
-    let hasDescriptions = false;
-
     $("#partsList").on("click", "li", function (e) {
         if ($(e.target).hasClass("add-to-mix-btn")) return;
         selectedPartNumber = $(this).data("part-number");
-        console.log("Part number selezionato:", selectedPartNumber);
         $(this).addClass("active").siblings().removeClass("active");
     });
 
+    // ===================
+    // MARKERS & DESCRIPTIONS
+    // ===================
     const canvas = document.getElementById("photoCanvas");
     const ctx = canvas.getContext("2d");
 
     $("#markerContainer").on("click", function (e) {
-        console.log("Click sul markerContainer rilevato");
-        if (selectedPartNumber !== null) {
-            const img = $("#samplePhoto");
-            const canvas = document.getElementById("photoCanvas");
-            const rect = canvas.getBoundingClientRect();
-            const container = img.parent();
-            const containerWidth = container.width();
-            const containerHeight = container.height();
-            const scaleX = containerWidth / img.get(0).naturalWidth;
-            const scaleY = containerHeight / img.get(0).naturalHeight;
-            const scale = Math.min(scaleX, scaleY);
-            const x = (e.clientX - rect.left) / scale;
-            const y = (e.clientY - rect.top) / scale;
+        if (selectedPartNumber === null) return;
 
-            console.log("Coordinate cliccate (x, y):", x, y);
+        const rect = canvas.getBoundingClientRect();
+        const clickX = e.clientX - rect.left;
+        const clickY = e.clientY - rect.top;
 
-            const existingMarker = markers.find(
-                (m) => m.partNumber == selectedPartNumber,
-            );
-            if (existingMarker) {
-                existingMarker.x = x;
-                existingMarker.y = y;
-            } else {
-                markers.push({ partNumber: selectedPartNumber, x, y });
-            }
-            console.log("Markers aggiornati:", markers);
-            updateMarkers();
-            if (hasDescriptions) {
-                drawDescriptions(descriptionPosition.x, descriptionPosition.y);
-            }
-            selectedPartNumber = null;
-            $("#partsList li").removeClass("active");
+        const x = clickX / photoData.scale; // convert to NATURAL coords
+        const y = clickY / photoData.scale;
+
+        const currentPhoto = $("#samplePhoto").attr("src");
+        if (!photoMarkers[currentPhoto]) photoMarkers[currentPhoto] = [];
+
+        const existingMarker = photoMarkers[currentPhoto].find(m => m.partNumber == selectedPartNumber);
+        if (existingMarker) {
+            existingMarker.x = x;
+            existingMarker.y = y;
         } else {
-            console.log("Nessun part number selezionato");
+            photoMarkers[currentPhoto].push({partNumber: selectedPartNumber, x, y});
         }
+
+        updateMarkers();
+        if (hasDescriptions) drawDescriptions(descriptionPosition.x, descriptionPosition.y);
+
+        selectedPartNumber = null;
+        $("#partsList li").removeClass("active");
     });
 
     function updateMarkers() {
-        const img = $("#samplePhoto");
-        const container = img.parent();
-        const containerWidth = container.width();
-        const containerHeight = container.height();
-        const scaleX = containerWidth / img.get(0).naturalWidth;
-        const scaleY = containerHeight / img.get(0).naturalHeight;
-        const scale = Math.min(scaleX, scaleY);
-
         const markerContainer = $("#markerContainer");
         markerContainer.empty();
 
+        // keep overlay sized to canvas display
+        markerContainer.css({width: `${photoData.displayWidth}px`, height: `${photoData.displayHeight}px`});
+
+        const currentPhoto = $("#samplePhoto").attr("src");
+        const markers = photoMarkers[currentPhoto] || [];
+
         markers.forEach((marker) => {
-            const scaledX = marker.x * scale;
-            const scaledY = marker.y * scale;
-            console.log(
-                "Aggiungo marker:",
-                marker.partNumber,
-                "a posizione (scaledX, scaledY):",
-                scaledX,
-                scaledY,
-            );
-            const $marker = $(
-                `<div class="draggable-marker">${marker.partNumber}</div>`,
-            ).css({
+            const scaledX = marker.x * photoData.scale;
+            const scaledY = marker.y * photoData.scale;
+
+            const $marker = $(`<div class="draggable-marker">${marker.partNumber}</div>`).css({
                 left: scaledX - 8 + "px",
                 top: scaledY - 8 + "px",
             });
             markerContainer.append($marker);
-            makeDraggable($marker, marker, scale);
+            makeDraggable($marker, marker);
         });
     }
 
-    function makeDraggable($element, item, scale) {
+    function makeDraggable($element, item) {
         let isDragging = false;
-        let currentX = parseFloat($element.css("left")) || 0;
-        let currentY = parseFloat($element.css("top")) || 0;
-        let initialX, initialY;
+        let startLeft = 0;
+        let startTop = 0;
+        let initialX = 0;
+        let initialY = 0;
 
         $element.on("mousedown", function (e) {
             e.preventDefault();
             isDragging = true;
-            initialX = e.clientX - currentX;
-            initialY = e.clientY - currentY;
+            startLeft = parseFloat($element.css("left")) || 0;
+            startTop = parseFloat($element.css("top")) || 0;
+            initialX = e.clientX - startLeft;
+            initialY = e.clientY - startTop;
             $element.css("z-index", 1001);
         });
 
-        $(document).on("mousemove", function (e) {
-            if (isDragging) {
-                e.preventDefault();
-                currentX = e.clientX - initialX;
-                currentY = e.clientY - initialY;
-                const container = $("#photoCanvas").parent();
-                const containerWidth = container.width();
-                const containerHeight = container.height();
-                const maxX = containerWidth - $element.width();
-                const maxY = containerHeight - $element.height();
+        $(document).on("mousemove.dragMarker", function (e) {
+            if (!isDragging) return;
+            let currentX = e.clientX - initialX;
+            let currentY = e.clientY - initialY;
 
-                currentX = Math.max(0, Math.min(currentX, maxX));
-                currentY = Math.max(0, Math.min(currentY, maxY));
+            const maxX = photoData.displayWidth - $element.width();
+            const maxY = photoData.displayHeight - $element.height();
 
-                $element.css({
-                    left: currentX + "px",
-                    top: currentY + "px",
-                });
+            currentX = Math.max(0, Math.min(currentX, maxX));
+            currentY = Math.max(0, Math.min(currentY, maxY));
 
-                if (item.partNumber) {
-                    item.x = (currentX + 8) / scale;
-                    item.y = (currentY + 8) / scale;
-                } else {
-                    descriptionPosition.x = (currentX + 5) / scale;
-                    descriptionPosition.y = (currentY + 5) / scale;
-                }
+            $element.css({left: currentX + "px", top: currentY + "px"});
+
+            if (item && item.partNumber) {
+                item.x = (currentX + 8) / photoData.scale;
+                item.y = (currentY + 8) / photoData.scale;
+            } else {
+                // draggable description panel
+                descriptionPosition.x = (currentX + 5) / photoData.scale;
+                descriptionPosition.y = (currentY + 5) / photoData.scale;
             }
         });
 
-        $(document).on("mouseup", function () {
+        $(document).on("mouseup.dragMarker", function () {
+            if (!isDragging) return;
             isDragging = false;
             $element.css("z-index", 1000);
+            $(document).off("mousemove.dragMarker mouseup.dragMarker");
         });
     }
 
     function drawDescriptions(x, y) {
-        const img = $("#samplePhoto");
-        const container = img.parent();
-        const containerWidth = container.width();
-        const containerHeight = container.height();
-        const scaleX = containerWidth / img.get(0).naturalWidth;
-        const scaleY = containerHeight / img.get(0).naturalHeight;
-        const scale = Math.min(scaleX, scaleY);
-
         const partsList = [];
         $("#partsTableBody tr").each(function () {
             const partNumber = $(this).find(".part-number").val();
             const partDescription = $(this).find(".part-description").val();
-            if (
-                partNumber &&
-                partDescription &&
-                !partDescription.startsWith("Mix")
-            ) {
+            if (partNumber && partDescription && !partDescription.startsWith("Mix")) {
                 partsList.push(`${partNumber} ${partDescription}`);
             }
         });
@@ -529,148 +522,223 @@ $(document).ready(function () {
         descriptionList.empty();
         descriptionList.css({
             display: "block",
-            top: y * scale + "px",
-            left: x * scale + "px",
-            width: "200px",
-        });
-        partsList.forEach((part) => {
-            descriptionList.append(`<div>${part}</div>`);
+            top: y * photoData.scale + "px",
+            left: x * photoData.scale + "px",
         });
+        partsList.forEach((part) => descriptionList.append(`<div>${part}</div>`));
 
         updateMarkers();
     }
 
     function clearCanvasMarkers() {
-        markers = [];
+        const currentPhoto = $("#samplePhoto").attr("src");
+        photoMarkers[currentPhoto] = [];
         hasDescriptions = false;
         $("#descriptionList").css("display", "none");
         $("#markerContainer").empty();
-        const canvas = document.getElementById("photoCanvas");
-        const img = $("#samplePhoto");
-        const ctx = canvas.getContext("2d");
-        const container = img.parent();
-        const containerWidth = container.width();
-        const containerHeight = container.height();
-        const scaleX = containerWidth / img.get(0).naturalWidth;
-        const scaleY = containerHeight / img.get(0).naturalHeight;
-        const scale = Math.min(scaleX, scaleY);
 
-        canvas.width = img.get(0).naturalWidth * scale;
-        canvas.height = img.get(0).naturalHeight * scale;
+        const canvas = document.getElementById("photoCanvas");
+        const ctx = canvas.getContext("2d");
+
+        // reset canvas to current image (keeps proportions)
+        canvas.width = photoData.naturalWidth;
+        canvas.height = photoData.naturalHeight;
+        canvas.style.width = `${photoData.displayWidth}px`;
+        canvas.style.height = `${photoData.displayHeight}px`;
+
+        const img = $("#samplePhoto");
         ctx.clearRect(0, 0, canvas.width, canvas.height);
-        ctx.drawImage(img.get(0), 0, 0, canvas.width, canvas.height);
+        if (img[0].naturalWidth) {
+            ctx.drawImage(img.get(0), 0, 0, canvas.width, canvas.height);
+        }
     }
 
     $("#addDescriptionsBtn").on("click", function () {
         hasDescriptions = true;
-        descriptionPosition = { x: 10, y: 10 };
+        descriptionPosition = {x: 10, y: 10};
         drawDescriptions(descriptionPosition.x, descriptionPosition.y);
-        makeDraggable(
-            $("#descriptionList"),
-            descriptionPosition,
-            Math.min(
-                $("#photoCanvas").parent().width() /
-                    $("#samplePhoto").get(0).naturalWidth,
-                $("#photoCanvas").parent().height() /
-                    $("#samplePhoto").get(0).naturalHeight,
-            ),
-        );
+        makeDraggable($("#descriptionList"));
     });
 
     $("#removeAnnotationsBtn").on("click", function () {
         clearCanvasMarkers();
     });
 
+    let unsavedChanges = false;
+
+// --- helper functions ---
+    function markUnsaved() {
+        if (!unsavedChanges) {
+            unsavedChanges = true;
+            $("#savePhotoBtn").addClass("unsaved").text("⚠️ Salva Modifiche");
+        }
+    }
+
+    function clearUnsaved() {
+        unsavedChanges = false;
+        $("#savePhotoBtn").removeClass("unsaved").text("Salva Foto con Nome");
+    }
+
+// --- event listeners ---
+// როცა ვცვლით input-ს ცხრილში
+    $(document).on("input change", "#partsTableBody input", markUnsaved);
+
+// როცა ვამატებთ/ვშლით რიგს
+    $(document).on("click", ".add-row, .add-mix-row, .remove-row", markUnsaved);
+
+// თუ გაქვს draggable marker ან description list
+    $(document).on("markerChanged descriptionChanged", markUnsaved);
+
+// --- modal close protection ---
+    $('#partsModal').on('hide.bs.modal', function (e) {
+        if (unsavedChanges) {
+            if (!confirm("Hai modifiche non salvate. Vuoi davvero uscire?")) {
+                e.preventDefault();
+            }
+        }
+    });
+
+// --- SAVE BUTTON ---
     $("#savePhotoBtn").on("click", function () {
         const canvas = document.getElementById("photoCanvas");
-        const img = $("#samplePhoto");
         const ctx = canvas.getContext("2d");
+        const img = $("#samplePhoto");
 
-        canvas.width = img.get(0).naturalWidth;
-        canvas.height = img.get(0).naturalHeight;
-        ctx.drawImage(img.get(0), 0, 0);
+        // Ensure canvas is real size
+        const naturalWidth = img.get(0).naturalWidth;
+        const naturalHeight = img.get(0).naturalHeight;
+        canvas.width = naturalWidth;
+        canvas.height = naturalHeight;
 
+        // Redraw base image
+        ctx.drawImage(img.get(0), 0, 0, naturalWidth, naturalHeight);
+
+        // Descriptions box
         const partsList = [];
         $("#partsTableBody tr").each(function () {
             const partNumber = $(this).find(".part-number").val();
             const partDescription = $(this).find(".part-description").val();
-            if (
-                partNumber &&
-                partDescription &&
-                !partDescription.startsWith("Mix")
-            ) {
+            if (partNumber && partDescription && !partDescription.startsWith("Mix")) {
                 partsList.push(`${partNumber} ${partDescription}`);
             }
         });
 
-        if (hasDescriptions) {
-            ctx.fillStyle = "rgba(255, 255, 255, 0.8)";
-            ctx.fillRect(
-                descriptionPosition.x,
-                descriptionPosition.y,
-                200,
-                partsList.length * 12 + 10,
-            );
-            ctx.fillStyle = "#000000";
-            ctx.font = "10px Arial";
+        if (hasDescriptions && partsList.length > 0) {
+            const fontSize = Math.round(naturalWidth * 0.02);
+            ctx.font = fontSize + "px Arial";
+            const textHeight = fontSize + 8;
+            const boxWidth = Math.round(naturalWidth * 0.28);
+            const boxHeight = partsList.length * textHeight + 25;
+
+            const x = descriptionPosition.x;
+            const y = descriptionPosition.y;
+
+            // ჩრდილი
+            ctx.save();
+            ctx.shadowColor = "rgba(0,0,0,0.3)";
+            ctx.shadowBlur = 8;
+            ctx.shadowOffsetX = 3;
+            ctx.shadowOffsetY = 3;
+
+            // ლამაზი ბექგრაუნდი
+            ctx.fillStyle = "rgba(255, 255, 255, 0.9)";
+            ctx.beginPath();
+            ctx.roundRect(x, y, boxWidth, boxHeight, 12);
+            ctx.fill();
+
+            ctx.restore();
+
+            // ტექსტი
+            ctx.fillStyle = "#111111";
             partsList.forEach((part, index) => {
-                ctx.fillText(
-                    part,
-                    descriptionPosition.x + 5,
-                    descriptionPosition.y + 12 + index * 12,
-                );
+            const domWidth = $("#samplePhoto").width();
+            const domHeight = $("#samplePhoto").height();
+
+            // NATURAL ზომა (ფაილის რეალური ზომა)
+            const naturalWidth = photoData.naturalWidth;
+            const naturalHeight = photoData.naturalHeight;
+
+            // მასშტაბები
+            const scaleX = naturalWidth / domWidth;
+            const scaleY = naturalHeight / domHeight;
+
+            // გადაყვანილი კოორდინატები
+            const x = descriptionPosition.x * scaleX;
+            const y = descriptionPosition.y * scaleY;
+
+            ctx.fillText(part, x + 15, y + 35 + index * textHeight);
             });
         }
 
+        // Markers
+        const currentPhoto = $("#samplePhoto").attr("src");
+        const markers = photoMarkers[currentPhoto] || [];
         markers.forEach((marker) => {
+            const x = marker.x; // already NATURAL coords
+            const y = marker.y;
+            const radius = Math.max(5, Math.round(naturalWidth * 0.025));
+            const fontSize = Math.max(8, Math.round(radius * 0.9));
+
             ctx.beginPath();
-            ctx.arc(marker.x, marker.y, 8, 0, 2 * Math.PI);
-            ctx.fillStyle = "rgba(255, 0, 0, 0.5)";
+            ctx.arc(x, y, radius, 0, 2 * Math.PI);
+            ctx.fillStyle = "rgba(255,0,0,0.85)";
             ctx.fill();
-            ctx.strokeStyle = "#ff0000";
-            ctx.lineWidth = 1;
+
+            ctx.lineWidth = 3;
+            ctx.strokeStyle = "#ffffff";
             ctx.stroke();
+
             ctx.fillStyle = "#ffffff";
-            ctx.font = "bold 8px Arial";
+            ctx.font = `bold ${fontSize}px Arial`;
             ctx.textAlign = "center";
             ctx.textBaseline = "middle";
-            ctx.fillText(marker.partNumber, marker.x, marker.y);
+            ctx.fillText(marker.partNumber || "", x, y);
         });
 
         const dataURL = canvas.toDataURL("image/png");
         const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
-        const defaultName = `photo_${$("#partsModal").data("iddatadb")}_${timestamp}.png`;
-        const newName = prompt(
-            "Inserisci il nome del file (senza estensione):",
-            defaultName.split(".png")[0],
-        );
+        const iddatadb = $("#partsModal").data("iddatadb");
+        const defaultName = `photo_${iddatadb}_${timestamp}.png`;
+
+        const newName = prompt("Inserisci il nome del file (senza estensione):", defaultName.split(".png")[0]);
+
         if (newName) {
             const finalName = newName + "_" + timestamp + ".png";
             $.ajax({
                 url: "save_annotated_photo.php",
                 method: "POST",
-                data: { dataURL: dataURL, filename: finalName },
+                data: {
+                    dataURL: dataURL,
+                    filename: finalName,
+                    iddatadb: iddatadb
+                },
                 success: function (response) {
                     if (response.success) {
-                        alert(
-                            "Foto salvata con successo: " + response.file_path,
-                        );
+                        alert("Foto salvata con successo: " + response.file_path);
+                        $("#samplePhoto").attr("src", response.file_path);
+                        loadPhoto(iddatadb);
+                        clearCanvasMarkers();
+
+                        clearUnsaved(); // ✅ reset unsaved status
                     } else {
-                        alert("Errore nel salvataggio: " + response.message);
+                        alert("Errore: " + response.message);
                     }
                 },
                 error: function (xhr, status, error) {
-                    alert("Errore nel salvataggio della foto: " + error);
+                    alert("Errore Ajax: " + error);
                 },
             });
         }
     });
 
+    // ===================
+    // DEBUG HOVER LOGS
+    // ===================
     $(document).on("mouseenter", "tr", function () {
-        console.log("Mouse entrato su riga");
+        // console.log("Mouse entrato su riga");
     });
 
     $(document).on("mouseleave", "tr", function () {
-        console.log("Mouse uscito da riga");
+        // console.log("Mouse uscito da riga");
     });
 });

public/userarea/photos_popup.php

@@ -44,7 +44,7 @@ $photos = $stmt->fetchAll(PDO::FETCH_ASSOC);
 $photoBasePath = '../photostrf/';
 
 // Genera l'URL per il QR code
-$baseUrl = "http://localhost/trf_certest/public/userarea/"; // Sostituisci con il tuo dominio
+$baseUrl = "http://localhost:8000/userarea/"; // Sostituisci con il tuo dominio
 $uploadUrl = $baseUrl . "upload_photos_mobile.php?iddatadb=" . $iddatadb;
 
 // Genera il QR code con endroid/qr-code 6.0.6
@@ -224,4 +224,4 @@ $result->saveToFile($qrCodeFile);
         font-size: 16px;
         color: white;
     }
-</style>
+</style>

public/userarea/save_annotated_photo.php

@@ -1,25 +1,53 @@
 <?php
 header('Content-Type: application/json');
 
-include('include/headscript.php');
+include('include/headscript.php'); // აქედან უნდა იყოს DB კავშირიც
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
 
-$dataURL = $_POST['dataURL'] ?? null;
-$filename = $_POST['filename'] ?? null;
+$dataURL  = $_POST['dataURL']   ?? null;
+$filename = $_POST['filename']  ?? null;
+$iddatadb = $_POST['iddatadb']  ?? null; // 🟢 ახალი ველი
 
-if (!$dataURL || !$filename) {
+if (!$dataURL || !$filename || !$iddatadb) {
     echo json_encode(['success' => false, 'message' => 'Dati mancanti']);
     exit;
 }
 
 try {
+    // --- ფაილის შენახვა ---
     $data = explode(',', $dataURL)[1];
     $decodedData = base64_decode($data);
-    $filePath = '../photostrf/annotated/' . $filename; // Crea una sottocartella 'annotated' per le foto modificate
-    if (!file_exists('../photostrf/annotated')) {
-        mkdir('../photostrf/annotated', 0777, true);
+
+    $dirPath = '../photostrf/annotated';
+    if (!file_exists($dirPath)) {
+        mkdir($dirPath, 0777, true);
     }
+
+    $filePath = $dirPath . '/' . $filename;
     file_put_contents($filePath, $decodedData);
-    echo json_encode(['success' => true, 'file_path' => $filePath, 'message' => 'Foto salvata con successo']);
+
+    $db = DBHandlerSelect::getInstance();
+    $pdo = $db->getConnection();
+
+    // --- ბაზაში ჩაწერა ---
+    $stmt = $pdo->prepare("
+        INSERT INTO datadb_photos (iddatadb, file_path, file_name, uploaded_at, uploaded_by)
+        VALUES (:iddatadb, :file_path, :file_name, NOW(), :uploaded_by)
+    ");
+    $stmt->execute([
+        ':iddatadb'   => $iddatadb,
+        ':file_path'  => $filePath,
+        ':file_name'  => $filename,
+        ':uploaded_by'=> $iduserlogin
+    ]);
+
+    echo json_encode([
+        'success'   => true,
+        'file_path' => $filePath,
+        'message'   => 'Foto salvata con successo e registrata nel DB'
+    ]);
+
 } catch (Exception $e) {
-    echo json_encode(['success' => false, 'message' => 'Errore nel salvataggio: ' . $e->getMessage()]);
+    echo json_encode(['success' => false, 'message' => 'Errore: ' . $e->getMessage()]);
 }

public/userarea/save_edited_row.php

@@ -14,28 +14,64 @@ try {
     $db = DBHandlerSelect::getInstance();
     $pdo = $db->getConnection();
 
-    // Prepara i dati da aggiornare
-    $updates = [];
-    $values = [];
-    foreach ($_POST as $key => $value) {
-        if ($key !== 'iddatadb') {
-            $updates[] = "$key = ?";
-            $values[] = htmlspecialchars($value);
+    $data = $_POST;
+    $details = [];
+
+    // 1. POST-დან ამოვიღოთ მხოლოდ details
+    foreach ($data as $key => $value) {
+        if (preg_match('/^details(\d+)field_value$/', $key, $matches)) {
+            $id = $matches[1];
+            $details[$id] = $value;
         }
     }
-    $values[] = $iddatadb;
 
-    if (empty($updates)) {
-        throw new Exception('Nessun dato da aggiornare');
+    // 2. DB-დან წამოვიღოთ არსებული მნიშვნელობები
+    $stmt = $pdo->prepare("SELECT mapping_id, field_value FROM import_data_details WHERE id = ?");
+    $stmt->execute([$iddatadb]);
+
+    $currentValues = [];
+    while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
+        $currentValues[$row['mapping_id']] = $row['field_value'];
     }
 
-    $sql = "UPDATE datadb SET " . implode(', ', $updates) . " WHERE iddatadb = ?";
-    $stmt = $pdo->prepare($sql);
-    $stmt->execute($values);
+    // 3. შევადაროთ POST-ს და DB-ს
+    $changed = [];
+    foreach ($details as $id => $newValue) {
+        $oldValue = $currentValues[$id] ?? null;
+        if ($oldValue !== $newValue) {
+            $changed[$id] = [
+                'old' => $oldValue,
+                'new' => $newValue
+            ];
+        }
+    }
+
+    // 4. თუ არის ცვლილებები → UPDATE
+    if (!empty($changed)) {
+        $updateStmt = $pdo->prepare("
+            UPDATE import_data_details
+            SET field_value = :newValue
+            WHERE id = :iddatadb AND mapping_id = :mappingId
+        ");
+
+        foreach ($changed as $mappingId => $values) {
+            $updateStmt->execute([
+                ':newValue'   => $values['new'],
+                ':iddatadb'   => $iddatadb,
+                ':mappingId'  => $mappingId
+            ]);
+        }
+
+        $response['success'] = true;
+        $response['message'] = "Updated successfully";
+        $response['changed'] = $changed; // Debug / optional
+    } else {
+        $response['success'] = true;
+        $response['message'] = "No changes found";
+    }
 
-    $response['success'] = true;
-    $response['message'] = 'Riga aggiornata con successo';
 } catch (Exception $e) {
+    $response['success'] = false;
     $response['message'] = $e->getMessage();
     error_log("Errore in save_edited_row.php: " . $e->getMessage());
 }

public/userarea/save_parts.php

@@ -1,6 +1,5 @@
 <?php
 header('Content-Type: application/json');
-
 include('include/headscript.php');
 
 $dbHandler = DBHandlerSelect::getInstance();
@@ -17,20 +16,42 @@ if (!$iddatadb || empty($parts)) {
 }
 
 $part = $parts[0];
+$partId = $part['id'] ?? null;   // part_id თუ არსებობს
 $partNumber = $part['part_number'] ?? null;
 $partDescription = $part['part_description'] ?? '';
-$mix = $part['mix'] ?? 'N'; // Aggiunto per gestire il campo mix
+$mix = $part['mix'] ?? 'N';
 
 if ($partDescription) {
     try {
-        $stmt = $pdo->prepare("INSERT INTO identification_parts (iddatadb, part_number, part_description, mix, created_at, updated_at) VALUES (:iddatadb, :part_number, :part_description, :mix, NOW(), NOW())");
-        $stmt->execute([
-            ':iddatadb' => $iddatadb,
-            ':part_number' => $partNumber,
-            ':part_description' => $partDescription,
-            ':mix' => $mix
-        ]);
-        echo json_encode(['success' => true, 'message' => 'Parte salvata con successo']);
+        if ($partId) {
+            // UPDATE თუ უკვე არსებობს part
+            $stmt = $pdo->prepare("UPDATE identification_parts
+                SET part_number = :part_number,
+                    part_description = :part_description,
+                    mix = :mix,
+                    updated_at = NOW()
+                WHERE id = :id");
+            $stmt->execute([
+                ':id' => $partId,
+                ':part_number' => $partNumber,
+                ':part_description' => $partDescription,
+                ':mix' => $mix
+            ]);
+            echo json_encode(['success' => true, 'part_id' => $partId, 'part_number'=>$partNumber, 'message' => 'Parte aggiornata con successo']);
+        } else {
+            // INSERT თუ ახალია
+            $stmt = $pdo->prepare("INSERT INTO identification_parts
+                (iddatadb, part_number, part_description, mix, created_at, updated_at)
+                VALUES (:iddatadb, :part_number, :part_description, :mix, NOW(), NOW())");
+            $stmt->execute([
+                ':iddatadb' => $iddatadb,
+                ':part_number' => $partNumber,
+                ':part_description' => $partDescription,
+                ':mix' => $mix
+            ]);
+            $newId = $pdo->lastInsertId();
+            echo json_encode(['success' => true, 'part_id' => $newId, 'part_number'=>$partNumber,  'message' => 'Parte salvata con successo']);
+        }
     } catch (PDOException $e) {
         echo json_encode(['success' => false, 'message' => 'Errore nel salvataggio: ' . $e->getMessage()]);
     }

public/userarea/update_main_field.php

@@ -0,0 +1,41 @@
+<?php
+ini_set('display_errors', 1);
+ini_set('display_startup_errors', 1);
+error_reporting(E_ALL);
+
+include('include/headscript.php'); // Assumi che questo includa la connessione DB
+
+// Recupera il payload JSON
+$data = json_decode(file_get_contents('php://input'), true);
+
+$template_id = intval($data['template_id']);
+$mapping_id = intval($data['mapping_id']);
+$value = intval($data['value']);
+
+if ($template_id <= 0 || $mapping_id <= 0) {
+    echo json_encode(['success' => false, 'message' => 'Invalid IDs']);
+    exit;
+}
+
+$db = DBHandlerSelect::getInstance();
+$pdo = $db->getConnection();
+
+try {
+    $pdo->beginTransaction();
+
+    if ($value === 1) {
+        // Setta tutti main_field a 0 per questo template
+        $stmt = $pdo->prepare("UPDATE template_mapping SET main_field = 0 WHERE template_id = ?");
+        $stmt->execute([$template_id]);
+    }
+
+    // Setta il valore per questo mapping
+    $stmt = $pdo->prepare("UPDATE template_mapping SET main_field = ? WHERE id = ? AND template_id = ?");
+    $stmt->execute([$value, $mapping_id, $template_id]);
+
+    $pdo->commit();
+    echo json_encode(['success' => true]);
+} catch (Exception $e) {
+    $pdo->rollBack();
+    echo json_encode(['success' => false, 'message' => $e->getMessage()]);
+}

public/userarea/upload_photos_mobile.php

@@ -142,4 +142,4 @@ $sampleCode = $row['sample_code'] ?? 'Non disponibile';
     </script>
 </body>
 
-</html>
+</html>

resources/views/layouts/app.blade.php

@@ -42,6 +42,7 @@
 
     <script src="{{ url(mix('assets/js/vendor.js')) }}"></script>
     <script src="{{ url('assets/js/as/app.js') }}"></script>
+    <script src="{{ url('assets/js/alpinejs.js') }}"></script>
     @yield('scripts')
 
     @hook('app:scripts')

routes/web.php

@@ -188,3 +188,11 @@ Route::group(['prefix' => 'install'], function () {
     Route::get('complete', 'InstallController@complete')->name('install.complete');
     Route::get('error', 'InstallController@error')->name('install.error');
 });
+
+use App\Vanguard\Http\Controllers\Userarea\UploadPhotosMobileController;
+
+Route::get('/userarea/upload-photos-mobile', [UploadPhotosMobileController::class, 'index'])
+    ->name('userarea.upload-photos-mobile.index');
+
+Route::post('/userarea/upload-photos-mobile', [UploadPhotosMobileController::class, 'upload'])
+    ->name('userarea.upload-photos-mobile.upload');