diff --git a/public/admin-services.php b/public/admin-services.php
index 3496416..0c5307a 100644
--- a/public/admin-services.php
+++ b/public/admin-services.php
@@ -367,10 +367,8 @@ $services = $pdo->query(
                                                                 <a href="associate-services.php?id=<?php echo (int) $svc['idservice']; ?>">
                                                                     <button type="button" class="btn btn-info btn-sm">Associa</button>
                                                                 </a>
-                                                                <a href="updateservice.php?idservice=<?php echo (int) $svc['idservice']; ?>">
-                                                                    <button type="button" class="btn btn-warning btn-sm">
-                                                                        <i class="mdi mdi-lead-pencil font-size-16 align-middle"></i>
-                                                                    </button>
+                                                                <a href="updateservice.php?idservice=<?php echo (int) $svc['idservice']; ?>" class="btn btn-warning btn-sm">
+                                                                    <i class="mdi mdi-lead-pencil font-size-16 align-middle"></i>
                                                                 </a>
                                                                 <a href="cancelservice.php?idservice=<?php echo (int) $svc['idservice']; ?>">
                                                                     <button type="button" class="btn btn-danger btn-sm">
@@ -443,9 +441,14 @@ $services = $pdo->query(
                 palette: [
                     ["#FF0000", "#00FF00", "#0000FF"],
                     ["#1ebf73", "#f39c12", "#8e44ad"]
-                ],
-                change: function(color) {
-                    $('#colorclass').val(color.toHexString());
+                ]
+            });
+
+            // Forza il valore del colore nel campo prima dell'invio del form
+            $('#insertclass').on('submit', function() {
+                var col = $('#colorclass').spectrum('get');
+                if (col) {
+                    $('#colorclass').val(col.toHexString());
                 }
             });
         });
diff --git a/public/updateservice.php b/public/updateservice.php
index f182694..4bd6f8d 100644
--- a/public/updateservice.php
+++ b/public/updateservice.php
@@ -1,52 +1,55 @@
+<?php require_once('include/headscript.php'); ?>
 <?php require_once('Connections/bkngstm.php'); ?>
 <?php require_once('webassist/mysqli/rsobj.php'); ?>
 <?php require_once('webassist/mysqli/queryobj.php'); ?>
-<?php if (isset($_POST['classinsert'])) { $formclass='Y'; } else { $formclass='N'; } ?>
+<?php if (isset($_POST['classinsert'])) {
+    $formclass = 'Y';
+} else {
+    $formclass = 'N';
+} ?>
 <?php
-      if (isset($_GET['idservice'])) {
+if (isset($_GET['idservice'])) {
     $idservice = $_GET['idservice'];
-if ($formclass == 'Y') {
+    if ($formclass == 'Y') {
 
-    
-    $UpdateQuery = new WA_MySQLi_Query($bkngstm);
-    $UpdateQuery->Action = "update";
-    $UpdateQuery->Table = "service";
-    $UpdateQuery->bindColumn("servicename", "s", isset($_POST["servicename"]) ? $_POST["servicename"] : "", "WA_DEFAULT");
-    $UpdateQuery->bindColumn("wpcatalognumber", "i", isset($_POST["wpcatalognumber"]) ? $_POST["wpcatalognumber"] : "", "WA_DEFAULT");
-    $UpdateQuery->bindColumn("day", "s", isset($_POST["classdayday"]) ? $_POST["classdayday"] : "", "WA_DEFAULT");
-    $UpdateQuery->bindColumn("time", "s", isset($_POST["classtime"]) ? $_POST["classtime"] : "", "WA_DEFAULT");
-    $UpdateQuery->bindColumn("category", "i", isset($_POST["servicecategory"]) ? $_POST["servicecategory"] : "", "WA_DEFAULT");
-    $UpdateQuery->bindColumn("maxcapacity", "i", isset($_POST["maxcapacity"]) ? $_POST["maxcapacity"] : "", "WA_DEFAULT");
-    $UpdateQuery->bindColumn("colorclass", "s", isset($_POST["colorclass"]) ? $_POST["colorclass"] : "", "WA_DEFAULT");
-    $UpdateQuery->bindColumn("classduration", "d", isset($_POST["classduration"]) ? $_POST["classduration"] : "", "WA_DEFAULT");
-    
-    $UpdateQuery->addFilter("idservice", "=", "s", $idservice);
-    
-    $UpdateQuery->saveInSession("");
-    $UpdateQuery->execute();
-    
-    $UpdateGoTo = "";
-    if (function_exists("rel2abs")) {
-      $UpdateGoTo = $UpdateGoTo ? rel2abs($UpdateGoTo, dirname(__FILE__)) : "";
+
+        $UpdateQuery = new WA_MySQLi_Query($bkngstm);
+        $UpdateQuery->Action = "update";
+        $UpdateQuery->Table = "service";
+        $UpdateQuery->bindColumn("servicename", "s", isset($_POST["servicename"]) ? $_POST["servicename"] : "", "WA_DEFAULT");
+        $UpdateQuery->bindColumn("wpcatalognumber", "i", isset($_POST["wpcatalognumber"]) ? $_POST["wpcatalognumber"] : "", "WA_DEFAULT");
+        $UpdateQuery->bindColumn("day", "s", isset($_POST["classdayday"]) ? $_POST["classdayday"] : "", "WA_DEFAULT");
+        $UpdateQuery->bindColumn("time", "s", isset($_POST["classtime"]) ? $_POST["classtime"] : "", "WA_DEFAULT");
+        $UpdateQuery->bindColumn("category", "i", isset($_POST["servicecategory"]) ? $_POST["servicecategory"] : "", "WA_DEFAULT");
+        $UpdateQuery->bindColumn("maxcapacity", "i", isset($_POST["maxcapacity"]) ? $_POST["maxcapacity"] : "", "WA_DEFAULT");
+        $UpdateQuery->bindColumn("colorclass", "s", isset($_POST["colorclass"]) ? $_POST["colorclass"] : "", "WA_DEFAULT");
+        $UpdateQuery->bindColumn("classduration", "d", isset($_POST["classduration"]) ? $_POST["classduration"] : "", "WA_DEFAULT");
+
+        $UpdateQuery->addFilter("idservice", "=", "s", $idservice);
+
+        $UpdateQuery->saveInSession("");
+        $UpdateQuery->execute();
+
+        $UpdateQuery->execute();
+        header('Location: admin-services.php?message=updated');
+        exit;
     }
-    $UpdateQuery->redirect($UpdateGoTo);
-  }
 }
 ?>
 
 <?php
-$servicesclass = new WA_MySQLi_RS("servicesclass",$bkngstm,0);
+$servicesclass = new WA_MySQLi_RS("servicesclass", $bkngstm, 0);
 $servicesclass->setQuery("SELECT * FROM service LEFT JOIN servicecategory on service.category=servicecategory.idservicecategory WHERE service.idservice='$idservice'");
 $servicesclass->execute();
 ?>
 <?php
-$categoryclass = new WA_MySQLi_RS("categoryclass",$bkngstm,0);
+$categoryclass = new WA_MySQLi_RS("categoryclass", $bkngstm, 0);
 $categoryclass->setQuery("SELECT * FROM servicecategory");
 $categoryclass->execute();
 ?>
 <?php
-    
-    $conn = new mysqli($servername, $username, $password, $dbname);
+
+$conn = new mysqli($servername, $username, $password, $dbname);
 
 // Controlla la connessione
 if ($conn->connect_error) {
@@ -60,7 +63,7 @@ $result = $conn->query($query);
 <!doctype html>
 <html lang="en">
 
-   <head>
+<head>
 
     <meta charset="utf-8" />
     <title>Starter Page | webadmin - Admin & Dashboard Template</title>
@@ -76,197 +79,196 @@ $result = $conn->query($query);
     <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
     <!-- App Css-->
     <link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" />
-<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
 
 
-<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 
-    
-        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.1/spectrum.min.css">
+
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.1/spectrum.min.css">
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.1/spectrum.min.js"></script>
-<script>
-    $(document).ready(function() {
-        $("#datepicker").datepicker(); // Inizializza il calendario
-        
-        $("#calendar-form").on("submit", function(event) {
-            event.preventDefault();
-            
-            // Ottieni il valore della data selezionata
-            const selectedDate = $("input[name='selectedDate']").val();
-            
-            // Esegui qui le azioni necessarie con la data selezionata
-            
-            // Ad esempio, puoi inviare la data al server tramite AJAX
-            // $.ajax({
-            //     url: "url_del_server",
-            //     type: "POST",
-            //     data: { selectedDate: selectedDate },
-            //     success: function(response) {
-            //         // Aggiorna la visualizzazione dei dati o effettua altre azioni
-            //     },
-            //     error: function(error) {
-            //         // Gestisci l'errore
-            //     }
-            // });
+    <script>
+        $(document).ready(function() {
+            $("#datepicker").datepicker(); // Inizializza il calendario
+
+            $("#calendar-form").on("submit", function(event) {
+                event.preventDefault();
+
+                // Ottieni il valore della data selezionata
+                const selectedDate = $("input[name='selectedDate']").val();
+
+                // Esegui qui le azioni necessarie con la data selezionata
+
+                // Ad esempio, puoi inviare la data al server tramite AJAX
+                // $.ajax({
+                //     url: "url_del_server",
+                //     type: "POST",
+                //     data: { selectedDate: selectedDate },
+                //     success: function(response) {
+                //         // Aggiorna la visualizzazione dei dati o effettua altre azioni
+                //     },
+                //     error: function(error) {
+                //         // Gestisci l'errore
+                //     }
+                // });
+            });
         });
-    });
-</script>
-<style>
-    .calendar-input {
-        width: 30%;
-    }
-</style>
+    </script>
     <style>
-    .expanded-row {
-        display: none;
-    }
-    
-    .expanded {
-        display: table-row;
-        transition: display 0.3s ease;
-    }
-</style>
+        .calendar-input {
+            width: 30%;
+        }
+    </style>
+    <style>
+        .expanded-row {
+            display: none;
+        }
+
+        .expanded {
+            display: table-row;
+            transition: display 0.3s ease;
+        }
+    </style>
+
 
-    
 </head>
 
-    
-    <body>
+
+<body>
 
     <!-- <body data-layout="horizontal"> -->
 
-        <!-- Begin page -->
-        <div id="layout-wrapper">
+    <!-- Begin page -->
+    <div id="layout-wrapper">
 
-            <!-- Top Bar -->
-            <header id="page-topbar" class="isvertical-topbar">
-                <div class="navbar-header">
-                    <div class="d-flex">
-                        <!-- LOGO -->
-                        <?php include('include/logoarea.php'); ?>
+        <!-- Top Bar -->
+        <header id="page-topbar" class="isvertical-topbar">
+            <div class="navbar-header">
+                <div class="d-flex">
+                    <!-- LOGO -->
+                    <?php include('include/logoarea.php'); ?>
 
-                        <button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect vertical-menu-btn">
-                            <i class="bx bx-menu align-middle"></i>
+                    <button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect vertical-menu-btn">
+                        <i class="bx bx-menu align-middle"></i>
+                    </button>
+
+                    <!-- start page title -->
+                    <div class="page-title-box align-self-center d-none d-md-block">
+                        <h4 class="page-title mb-0">Inserimento e Propagazione Classi</h4>
+                    </div>
+                    <!-- end page title -->
+
+                </div>
+
+                <div class="d-flex">
+
+                    <?php include('include/languageselection.php'); ?>
+
+                    <div class="dropdown d-inline-block">
+                        <button type="button" class="btn header-item noti-icon"
+                            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            <i class="bx bx-search icon-sm align-middle"></i>
                         </button>
-
-                        <!-- start page title -->
-                        <div class="page-title-box align-self-center d-none d-md-block">
-                            <h4 class="page-title mb-0">Inserimento e Propagazione Classi</h4>
-                        </div>
-                        <!-- end page title -->
-
-                    </div>
-
-                    <div class="d-flex">
-          
-                        <?php include('include/languageselection.php'); ?>
-
-                        <div class="dropdown d-inline-block">
-                            <button type="button" class="btn header-item noti-icon"
-                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="bx bx-search icon-sm align-middle"></i>
-                            </button>
-                            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0">
-                                <form class="p-2">
-                                    <div class="search-box">
-                                        <div class="position-relative">
-                                            <input type="text" class="form-control rounded bg-light border-0" placeholder="Search...">
-                                            <i class="bx bx-search search-icon"></i>
-                                        </div>
+                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0">
+                            <form class="p-2">
+                                <div class="search-box">
+                                    <div class="position-relative">
+                                        <input type="text" class="form-control rounded bg-light border-0" placeholder="Search...">
+                                        <i class="bx bx-search search-icon"></i>
                                     </div>
-                                </form>
-                            </div>
+                                </div>
+                            </form>
                         </div>
-
-                        
-            
-                        <?php include('include/profiletopbar.php'); ?>
-                    </div>
-                </div>
-            </header>
-			<?php include('include/sidebar.php'); ?>
-		   
-           <header class="ishorizontal-topbar">
-                <div class="navbar-header">
-                    <div class="d-flex">
-                        
-
-                        
-
                     </div>
 
-                   
+
+
+                    <?php include('include/profiletopbar.php'); ?>
+                </div>
+            </div>
+        </header>
+        <?php include('include/sidebar.php'); ?>
+
+        <header class="ishorizontal-topbar">
+            <div class="navbar-header">
+                <div class="d-flex">
+
+
+
+
                 </div>
 
-                <div class="topnav">
-                    <div class="container-fluid">
-                        <nav class="navbar navbar-light navbar-expand-lg topnav-menu">
-    
-                            
-                        </nav>
-                    </div>
+
+            </div>
+
+            <div class="topnav">
+                <div class="container-fluid">
+                    <nav class="navbar navbar-light navbar-expand-lg topnav-menu">
+
+
+                    </nav>
                 </div>
-            </header>
+            </div>
+        </header>
 
-            <!-- ============================================================== -->
-            <!-- Start right Content here -->
-            <!-- ============================================================== -->
-            <div class="main-content">
-                <div class="page-content">
-                    <div class="container-fluid">
-                        
+        <!-- ============================================================== -->
+        <!-- Start right Content here -->
+        <!-- ============================================================== -->
+        <div class="main-content">
+            <div class="page-content">
+                <div class="container-fluid">
 
-                        <div class="row">
-                            <div class="col-xl-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                <h5>Benvenuta/o </h5>
-                                <p>Modifica il tuo servizio</p>
 
-<?php
+                    <div class="row">
+                        <div class="col-xl-12">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h5>Benvenuta/o </h5>
+                                    <p>Modifica il tuo servizio</p>
 
-?>
+                                    <?php
 
-<form method="post" name="insertclass" id="insertclass">
-                                            <div class="mb-3">
-                                                <label for="formrow-firstname-input" class="form-label">Descrizione classe</label>
-                                                <input type="text" class="form-control" placeholder="Classe" id="servicename" name="servicename" value="<?php echo ($servicesclass->getColumnVal("servicename")); ?>">
-                                                <input type="hidden" class="form-control" id="classinsert" name="classinsert" value="Y">
-                                            </div>
+                                    ?>
 
-                                            <div class="row">
-                                                
-                                                <div class="col-md-6">
-                                                    <div class="mb-3">
-                                                        <label for="formrow-email-input" class="form-label">Inserisci il WP catalog number</label>
-                                                        <input type="text" class="form-control" placeholder="WP Number" id="wpcatalognumber" name="wpcatalognumber" value="<?php echo ($servicesclass->getColumnVal("wpcatalognumber")); ?>">
-                                                    </div>
-                                                </div>
-                                                <div class="col-md-6">
-                                                    <div class="mb-3">
-    <label for="choices-single-default" class="form-label font-size-13 text-muted">Seleziona il giorno</label>
-    <select class="form-select" id="classdayday" name="classdayday">
-        <option value="">Seleziona</option>
-        <option value="Monday" <?php if ($servicesclass->getColumnVal("day") === "Monday") echo "selected"; ?>>Lunedì</option>
-        <option value="Tuesday" <?php if ($servicesclass->getColumnVal("day") === "Tuesday") echo "selected"; ?>>Martedì</option>
-        <option value="Wednesday" <?php if ($servicesclass->getColumnVal("day") === "Wednesday") echo "selected"; ?>>Mercoledì</option>
-        <option value="Thursday" <?php if ($servicesclass->getColumnVal("day") === "Thursday") echo "selected"; ?>>Giovedì</option>
-        <option value="Friday" <?php if ($servicesclass->getColumnVal("day") === "Friday") echo "selected"; ?>>Venerdì</option>
-        <option value="Saturday" <?php if ($servicesclass->getColumnVal("day") === "Saturday") echo "selected"; ?>>Sabato</option>
-        <option value="Sunday" <?php if ($servicesclass->getColumnVal("day") === "Sunday") echo "selected"; ?>>Domenica</option>
-    </select>
-</div>
+                                    <form method="post" name="insertclass" id="insertclass">
+                                        <div class="mb-3">
+                                            <label for="formrow-firstname-input" class="form-label">Descrizione classe</label>
+                                            <input type="text" class="form-control" placeholder="Classe" id="servicename" name="servicename" value="<?php echo ($servicesclass->getColumnVal("servicename")); ?>">
+                                            <input type="hidden" class="form-control" id="classinsert" name="classinsert" value="Y">
+                                        </div>
 
+                                        <div class="row">
+
+                                            <div class="col-md-6">
+                                                <div class="mb-3">
+                                                    <label for="formrow-email-input" class="form-label">Inserisci il WP catalog number</label>
+                                                    <input type="text" class="form-control" placeholder="WP Number" id="wpcatalognumber" name="wpcatalognumber" value="<?php echo ($servicesclass->getColumnVal("wpcatalognumber")); ?>">
                                                 </div>
                                             </div>
+                                            <div class="col-md-6">
+                                                <div class="mb-3">
+                                                    <label for="choices-single-default" class="form-label font-size-13 text-muted">Seleziona il giorno</label>
+                                                    <select class="form-select" id="classdayday" name="classdayday">
+                                                        <option value="">Seleziona</option>
+                                                        <option value="Monday" <?php if ($servicesclass->getColumnVal("day") === "Monday") echo "selected"; ?>>Lunedì</option>
+                                                        <option value="Tuesday" <?php if ($servicesclass->getColumnVal("day") === "Tuesday") echo "selected"; ?>>Martedì</option>
+                                                        <option value="Wednesday" <?php if ($servicesclass->getColumnVal("day") === "Wednesday") echo "selected"; ?>>Mercoledì</option>
+                                                        <option value="Thursday" <?php if ($servicesclass->getColumnVal("day") === "Thursday") echo "selected"; ?>>Giovedì</option>
+                                                        <option value="Friday" <?php if ($servicesclass->getColumnVal("day") === "Friday") echo "selected"; ?>>Venerdì</option>
+                                                        <option value="Saturday" <?php if ($servicesclass->getColumnVal("day") === "Saturday") echo "selected"; ?>>Sabato</option>
+                                                        <option value="Sunday" <?php if ($servicesclass->getColumnVal("day") === "Sunday") echo "selected"; ?>>Domenica</option>
+                                                    </select>
+                                                </div>
 
-                                            <div class="row">
-                                                <div class="col-lg-4">
-                                                    <div class="mb-3">
-                                                        <label for="formrow-inputCity" class="form-label">Ora</label>
-                                                        <input type="text" class="form-control" placeholder="Ora" id="classtime" name="classtime" value="<?php echo ($servicesclass->getColumnVal("classtime")); ?>">
-                                                    </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="row">
+                                            <div class="col-lg-4">
+                                                <div class="mb-3">
+                                                    <label for="formrow-inputCity" class="form-label">Ora</label>
+                                                    <input type="text" class="form-control" placeholder="Ora" id="classtime" name="classtime" value="<?php echo ($servicesclass->getColumnVal("time")); ?>">
                                                 </div>
                                                 <div class="col-lg-4">
                                                     <div class="mb-3">
@@ -276,186 +278,187 @@ $result = $conn->query($query);
                                                 </div>
                                                 <div class="col-lg-4">
                                                     <div class="mb-3">
-                                                      <label for="servicecategory">Seleziona una categoria:</label>
-        <select name="servicecategory" id="servicecategory" class="form-select">
-            <?php
-            // Popola il dropdown con le opzioni dalla query
-            while ($rowcat = $result->fetch_assoc()) {
-                $idservicecategory = $rowcat['idservicecategory'];
-                $namecategory = $rowcat['namecategory'];
-                echo "<option value='$idservicecategory'>$namecategory</option>";
-            }
-            ?>
-        </select>
-                                                </div>
-                                                
-                                                
-                                            </div>
-                                            
-                                            
-                                            <div class="row">
-                                                <div class="col-lg-4">
-                                                    <div class="mb-3">
-                                                        <label for="formrow-inputCity" class="form-label">Capacità Massima</label>
-                                                        <input type="text" class="form-control" placeholder="Max Capacity" id="maxcapacity" name="maxcapacity" value="<?php echo ($servicesclass->getColumnVal("maxcapacity")); ?>">
+                                                        <label for="servicecategory">Seleziona una categoria:</label>
+                                                        <select name="servicecategory" id="servicecategory" class="form-select">
+                                                            <?php
+                                                            $catattuale = $servicesclass->getColumnVal("category");
+                                                            while ($rowcat = $result->fetch_assoc()) {
+                                                                $idservicecategory = $rowcat['idservicecategory'];
+                                                                $namecategory = $rowcat['namecategory'];
+                                                                $sel = ($idservicecategory == $catattuale) ? "selected" : "";
+                                                                echo "<option value='$idservicecategory' $sel>$namecategory</option>";
+                                                            }
+                                                            ?>
+                                                        </select>
                                                     </div>
+
+
                                                 </div>
-                 <div class="col-lg-4">
-  <div class="mb-3">
-    <label for="color-picker" class="form-label">Seleziona e modifica un colore</label>
-    <input type="color" class="form-control color-picker" id="color-picker" name="color-picker" value="<?php echo ($servicesclass->getColumnVal("colorclass")); ?>">
-    <input type="text" class="form-control color-code" id="color-code" name="color-code" maxlength="7" pattern="#[0-9A-Fa-f]{6}" value="<?php echo ($servicesclass->getColumnVal("colorclass")); ?>">
-</div>
 
-<script>
-    const colorPicker = document.querySelector('.color-picker');
-    const colorCodeInput = document.querySelector('.color-code');
-    
-    colorPicker.addEventListener('input', function(event) {
-        colorCodeInput.value = event.target.value;
-    });
-    
-    colorCodeInput.addEventListener('input', function(event) {
-        const colorCode = event.target.value;
-        if (colorCode.match(/^#[0-9A-Fa-f]{6}$/)) {
-            colorPicker.value = colorCode;
-        }
-    });
-</script>
+
+                                                <div class="row">
+                                                    <div class="col-lg-4">
+                                                        <div class="mb-3">
+                                                            <label for="formrow-inputCity" class="form-label">Capacità Massima</label>
+                                                            <input type="text" class="form-control" placeholder="Max Capacity" id="maxcapacity" name="maxcapacity" value="<?php echo ($servicesclass->getColumnVal("maxcapacity")); ?>">
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-lg-4">
+                                                        <div class="mb-3">
+                                                            <label for="color-picker" class="form-label">Seleziona e modifica un colore</label>
+                                                            <input type="color" class="form-control color-picker" id="color-picker" name="color-picker" value="<?php echo ($servicesclass->getColumnVal("colorclass")); ?>">
+                                                            <input type="text" class="form-control color-code" id="color-code" name="colorclass" maxlength="7" pattern="#[0-9A-Fa-f]{6}" value="<?php echo ($servicesclass->getColumnVal("colorclass")); ?>">
+                                                        </div>
+
+                                                        <script>
+                                                            const colorPicker = document.querySelector('.color-picker');
+                                                            const colorCodeInput = document.querySelector('.color-code');
+
+                                                            colorPicker.addEventListener('input', function(event) {
+                                                                colorCodeInput.value = event.target.value;
+                                                            });
+
+                                                            colorCodeInput.addEventListener('input', function(event) {
+                                                                const colorCode = event.target.value;
+                                                                if (colorCode.match(/^#[0-9A-Fa-f]{6}$/)) {
+                                                                    colorPicker.value = colorCode;
+                                                                }
+                                                            });
+                                                        </script>
 
 
 
-</div>
-
-                                              
-                                                
-                                                
-                                            </div>
-
-                                            <div class="mb-3">
-                                                
-                                                
-                                            </div>
-                                            <div>
-                                                <button type="submit" class="btn btn-primary w-md">Inserisci</button>
-                                            </div>
-                                        </form>  
+                                                    </div>
+
+
+
+
+                                                </div>
+
+                                                <div class="mb-3">
+
+
+                                                </div>
+                                                <div>
+                                                    <button type="submit" class="btn btn-primary w-md">Inserisci</button>
+                                                </div>
+                                    </form>
+
 
 
 
-                                
-                                    </div>
                                 </div>
                             </div>
+                        </div>
+
+
 
-                           
 
-                    
 
                     </div>
                     <!-- container-fluid -->
                 </div>
-               
-                
-                    <div class="container-fluid">
-                   
-<div class="row">
-    <div class="col-xl-12">
-        <div class="card">
-            <div class="card-body">
-                <div class="table-responsive">
-<table class="table table-nowrap align-middle mb-0">
-    <thead class="table-light">
-        <tr>
-            <th></th>
-            <th>Classe</th>
-            <th>Giorno</th>
-            <th>Orario</th>
-            <th>Durata</th>
-            <th>Categoria</th>
-            <th>Action</th>
-        </tr>
-    </thead>
-    <tbody>
-        <?php
-        $wa_startindex = 0;
-        while (!$servicesclass->atEnd()) {
-            $wa_startindex = $servicesclass->Index;
-            ?>
-            <tr>
-                <td style="width: 40px;"></td>
-                <td>
-                    <h5 class="text-truncate font-size-14 m-0">
-                        <a href="javascript: void(0);" class="text-dark">
-                            <?php echo ($servicesclass->getColumnVal("servicename")); ?>
-                        </a>
-                    </h5>
-                </td>
-                <td>
-                    <p class="mb-0"><?php echo ($servicesclass->getColumnVal("day")); ?></p>
-                </td>
-                <td>
-                    <p class="mb-0"><?php echo ($servicesclass->getColumnVal("time")); ?></p>
-                </td>
-                <td>
-                    <p class="mb-0">
-                        <i class="mdi mdi-clock-time-nine-outline align-middle font-size-16 me-1"></i>
-                        <?php echo ($servicesclass->getColumnVal("classduration")); ?>
-                    </p>
-                </td>
-                <td>
-                    <p class="mb-0"><?php echo ($servicesclass->getColumnVal("namecategory")); ?></p>
-                </td>
-                <td>
-                    <button type="button" class="btn btn-primary toggle-form">
-                        Propaga
-                    </button>
-                    <a href="associate-services.php?id=<?php echo ($servicesclass->getColumnVal("idservice")); ?>"><button type="button" class="btn btn-info toggle-form">
-                        Associa
-                    </button></a>
-                    <button type="button" class="btn btn-warning waves-effect waves-light">
-                        <i class="mdi mdi-lead-pencil font-size-16 align-middle me-2"></i>
-                    </button>
-                    <a href="cancelservice.php?idservice=<?php echo ($servicesclass->getColumnVal("idservice")); ?>"><button type="button" class="btn btn-danger waves-effect waves-light">
-                        <i class="bx bx-block font-size-16 align-middle me-2"></i>
-                    </button></a>
-                </td>
-            </tr>
-            <tr class="expanded-row">
-                <td colspan="7">
-                    <div class="expanded-content">
-                        <form id="calendar-form" method="post" action="nextdateclass.php">
-                            <div class="form-group">
-                                <label for="datepicker">Seleziona una data:</label>
-                                <input type="text" id="datepicker" name="propagateenddate" class="form-control calenda-input" required>
-                                <input type="hidden" id="idservice" name="idservice" value='<?php echo $servicesclass->getColumnVal("idservice"); ?>'>
-                                <input type="hidden" id="timeclass" name="timeclass" value='<?php echo $servicesclass->getColumnVal("time"); ?>'>
-                                <input type="hidden" id="dayclass" name="dayclass" value='<?php echo $servicesclass->getColumnVal("day"); ?>'>
-                                <input type="hidden" id="durationtime" name="durationtime" value='<?php echo $servicesclass->getColumnVal("classduration"); ?>'>
+
+
+                <div class="container-fluid">
+
+                    <div class="row">
+                        <div class="col-xl-12">
+                            <div class="card">
+                                <div class="card-body">
+                                    <div class="table-responsive">
+                                        <table class="table table-nowrap align-middle mb-0">
+                                            <thead class="table-light">
+                                                <tr>
+                                                    <th></th>
+                                                    <th>Classe</th>
+                                                    <th>Giorno</th>
+                                                    <th>Orario</th>
+                                                    <th>Durata</th>
+                                                    <th>Categoria</th>
+                                                    <th>Action</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                <?php
+                                                $wa_startindex = 0;
+                                                while (!$servicesclass->atEnd()) {
+                                                    $wa_startindex = $servicesclass->Index;
+                                                ?>
+                                                    <tr>
+                                                        <td style="width: 40px;"></td>
+                                                        <td>
+                                                            <h5 class="text-truncate font-size-14 m-0">
+                                                                <a href="javascript: void(0);" class="text-dark">
+                                                                    <?php echo ($servicesclass->getColumnVal("servicename")); ?>
+                                                                </a>
+                                                            </h5>
+                                                        </td>
+                                                        <td>
+                                                            <p class="mb-0"><?php echo ($servicesclass->getColumnVal("day")); ?></p>
+                                                        </td>
+                                                        <td>
+                                                            <p class="mb-0"><?php echo ($servicesclass->getColumnVal("time")); ?></p>
+                                                        </td>
+                                                        <td>
+                                                            <p class="mb-0">
+                                                                <i class="mdi mdi-clock-time-nine-outline align-middle font-size-16 me-1"></i>
+                                                                <?php echo ($servicesclass->getColumnVal("classduration")); ?>
+                                                            </p>
+                                                        </td>
+                                                        <td>
+                                                            <p class="mb-0"><?php echo ($servicesclass->getColumnVal("namecategory")); ?></p>
+                                                        </td>
+                                                        <td>
+                                                            <button type="button" class="btn btn-primary toggle-form">
+                                                                Propaga
+                                                            </button>
+                                                            <a href="associate-services.php?id=<?php echo ($servicesclass->getColumnVal("idservice")); ?>"><button type="button" class="btn btn-info toggle-form">
+                                                                    Associa
+                                                                </button></a>
+                                                            <a href="updateservice.php?idservice=<?php echo ($servicesclass->getColumnVal("idservice")); ?>" class="btn btn-warning waves-effect waves-light">
+                                                                <i class="mdi mdi-lead-pencil font-size-16 align-middle me-2"></i>
+                                                            </a>
+                                                            <a href="cancelservice.php?idservice=<?php echo ($servicesclass->getColumnVal("idservice")); ?>"><button type="button" class="btn btn-danger waves-effect waves-light">
+                                                                    <i class="bx bx-block font-size-16 align-middle me-2"></i>
+                                                                </button></a>
+                                                        </td>
+                                                    </tr>
+                                                    <tr class="expanded-row">
+                                                        <td colspan="7">
+                                                            <div class="expanded-content">
+                                                                <form id="calendar-form" method="post" action="nextdateclass.php">
+                                                                    <div class="form-group">
+                                                                        <label for="datepicker">Seleziona una data:</label>
+                                                                        <input type="text" id="datepicker" name="propagateenddate" class="form-control calenda-input" required>
+                                                                        <input type="hidden" id="idservice" name="idservice" value='<?php echo $servicesclass->getColumnVal("idservice"); ?>'>
+                                                                        <input type="hidden" id="timeclass" name="timeclass" value='<?php echo $servicesclass->getColumnVal("time"); ?>'>
+                                                                        <input type="hidden" id="dayclass" name="dayclass" value='<?php echo $servicesclass->getColumnVal("day"); ?>'>
+                                                                        <input type="hidden" id="durationtime" name="durationtime" value='<?php echo $servicesclass->getColumnVal("classduration"); ?>'>
+                                                                    </div>
+                                                                    <button type="submit" class="btn btn-primary">Invia</button>
+                                                                </form>
+                                                            </div>
+                                                        </td>
+                                                    </tr>
+                                                <?php
+                                                    $servicesclass->moveNext();
+                                                }
+                                                $servicesclass->moveFirst(); //return RS to the first record
+                                                unset($wa_startindex);
+                                                unset($wa_repeatcount);
+                                                ?>
+                                            </tbody>
+                                        </table>
+
+                                    </div>
+                                </div>
                             </div>
-                            <button type="submit" class="btn btn-primary">Invia</button>
-                        </form>
+                        </div>
                     </div>
-                </td>
-            </tr>
-        <?php
-            $servicesclass->moveNext();
-        }
-        $servicesclass->moveFirst(); //return RS to the first record
-        unset($wa_startindex);
-        unset($wa_repeatcount);
-        ?>
-    </tbody>
-</table>
-
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
 
 
-                   
+
                     <!-- container-fluid -->
                 </div>
                 <!-- End Page-content -->
@@ -472,29 +475,29 @@ $result = $conn->query($query);
 
 
         <script>
-    document.addEventListener("DOMContentLoaded", function() {
-        const toggleButtons = document.querySelectorAll(".toggle-form");
-        
-        toggleButtons.forEach(button => {
-            button.addEventListener("click", function() {
-                const row = this.closest("tr");
-                const expandedRow = row.nextElementSibling;
-                const expandedContent = expandedRow.querySelector(".expanded-content");
-                
-                if (expandedRow.classList.contains("expanded")) {
-                    expandedRow.classList.remove("expanded");
-                } else {
-                    expandedRow.classList.add("expanded");
-                    // Aggiungi qui il codice per popolare il contenuto espanso
-                    // Puoi utilizzare AJAX per ottenere i dati dinamicamente se necessario
-                }
+            document.addEventListener("DOMContentLoaded", function() {
+                const toggleButtons = document.querySelectorAll(".toggle-form");
+
+                toggleButtons.forEach(button => {
+                    button.addEventListener("click", function() {
+                        const row = this.closest("tr");
+                        const expandedRow = row.nextElementSibling;
+                        const expandedContent = expandedRow.querySelector(".expanded-content");
+
+                        if (expandedRow.classList.contains("expanded")) {
+                            expandedRow.classList.remove("expanded");
+                        } else {
+                            expandedRow.classList.add("expanded");
+                            // Aggiungi qui il codice per popolare il contenuto espanso
+                            // Puoi utilizzare AJAX per ottenere i dati dinamicamente se necessario
+                        }
+                    });
+                });
             });
-        });
-    });
-</script>
+        </script>
+
 
 
-        
 
         <!-- JAVASCRIPT -->
         <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
@@ -503,25 +506,25 @@ $result = $conn->query($query);
         <script src="assets/libs/eva-icons/eva.min.js"></script>
 
         <script src="assets/js/app.js"></script>
-        
+
         <script>
-    $(document).ready(function() {
-        $('#colorclass').spectrum({
-            preferredFormat: 'hex', // Il formato del codice del colore (es. esadecimale)
-            showInput: true, // Mostra l'input per inserire il codice del colore manualmente
-            showPalette: true, // Mostra una tavolozza di colori predefiniti
-            palette: [ // Esempi di colori predefiniti nella tavolozza
-                "#FF0000", "#00FF00", "#0000FF"
-                // Aggiungi altri colori se necessario
-            ],
-            change: function(color) {
-                $('#colorclass').val(color.toHexString()); // Imposta il valore dell'input con il codice del colore
-            }
-        });
-    });
-</script>
+            $(document).ready(function() {
+                $('#colorclass').spectrum({
+                    preferredFormat: 'hex', // Il formato del codice del colore (es. esadecimale)
+                    showInput: true, // Mostra l'input per inserire il codice del colore manualmente
+                    showPalette: true, // Mostra una tavolozza di colori predefiniti
+                    palette: [ // Esempi di colori predefiniti nella tavolozza
+                        "#FF0000", "#00FF00", "#0000FF"
+                        // Aggiungi altri colori se necessario
+                    ],
+                    change: function(color) {
+                        $('#colorclass').val(color.toHexString()); // Imposta il valore dell'input con il codice del colore
+                    }
+                });
+            });
+        </script>
 
 
-    </body>
+</body>
 
 </html>
\ No newline at end of file