fix call 11-09-2025

app/Http/Livewire/Reports.php

@@ -101,7 +101,7 @@ class Reports extends Component
     public function getTesseratiData()
     {
         $endYear = $this->parseSeason($this->seasonFilter)['end_year'];
-        return self::getMemberCountChartData($endYear);
+        return self::getMemberCountChartData($endYear, 3);
     }
 
     public function change($type)

public/css/new_style.css

@@ -11,6 +11,10 @@
     --color-verde: #339e8e;
 }
 
+::-webkit-scrollbar {
+    width: 0.325rem;
+}
+
 /* General styles*/
 html,
 body {
@@ -106,6 +110,16 @@ body .login--box .credential--recovery a {
     color: var(--color-blu);
 }
 
+body h1.primary,
+body h2.primary,
+body h3.primary,
+body h4.primary,
+body h5.primary,
+body h6.primary,
+body .title-form.primary {
+    color: var(--color-blu);
+}
+
 /* Main content */
 body #card--dashboard {
     position: relative;
@@ -412,6 +426,15 @@ body .dashboard-container .dashboard-card-title {
     margin-bottom: 10px;
 }
 
+body .dashboard-container .dashboard-card-link .dashboard-card-header,
+body
+    .dashboard-container
+    .dashboard-card-link
+    .dashboard-card-header
+    .dashboard-card-title {
+    margin: 0;
+}
+
 body .dashboard-container .dashboard-card-icon {
     color: var(--color-viola);
     font-size: 20px;
@@ -425,6 +448,26 @@ body .dashboard-container .dashboard-card-value {
     line-height: 1;
 }
 
+body .dashboard-container .dashboard-card.dashboard-card-link {
+    background-color: var(--color-viola-hover);
+    border-color: transparent;
+}
+
+body .dashboard-container .dashboard-card.dashboard-card-link:hover {
+    background-color: var(--color-viola);
+}
+
+body
+    .dashboard-container
+    .dashboard-card.dashboard-card-link:hover
+    .dashboard-card-title,
+body
+    .dashboard-container
+    .dashboard-card.dashboard-card-link:hover
+    .dashboard-card-icon {
+    color: white;
+}
+
 body .dashboard-container .card-income .dashboard-card-icon,
 body .dashboard-container .card-income .dashboard-card-value {
     color: var(--color-verde);
@@ -501,28 +544,48 @@ body .dashboard-container .courses-list {
 }
 
 body .dashboard-container .course-item {
-    padding: 12px;
-    border-left: 4px solid var(--color-viola);
-    margin-bottom: 8px;
-    background: #f6f7ff;
-    border-radius: 0 8px 8px 0;
+    margin-bottom: 20px;
+    display: grid;
+    grid-template-columns: 32px auto 1fr;
+    align-items: center;
+    column-gap: 15px;
 }
 
-body .dashboard-container .course-time {
-    font-weight: bold;
-    color: #333;
-    font-size: 14px;
+body .dashboard-container .course-item .course-time {
+    grid-row: span 2;
+    font-weight: 600;
+    color: black;
+    font-size: 12px;
+    white-space: break-spaces;
+}
+
+body .dashboard-container .course-item .course-time:empty {
+    display: none;
 }
 
-body .dashboard-container .course-name {
+body .dashboard-container .course-item .course-divider {
+    grid-row: span 2;
+    width: 1px;
+    height: 100%;
+    background-color: #ababab;
+}
+
+body .dashboard-container .course-item .course-time:empty + .course-divider {
+    display: none;
+}
+
+body .dashboard-container .course-item .course-name {
     font-size: 13px;
-    color: var(--color-viola);
+    color: black;
     font-weight: 600;
+    line-height: 1.2;
+    grid-column: 3;
 }
 
-body .dashboard-container .course-days {
+body .dashboard-container .course-item .course-days {
     font-size: 12px;
     color: #666;
+    grid-column: 3;
 }
 
 body .dashboard-container .fields-grid {
@@ -590,7 +653,7 @@ body .dashboard-container .save-btn:hover {
 }
 
 body .dashboard-container .notes-list {
-    max-height: 200px;
+    max-height: 380px;
     overflow-y: auto;
 }
 
@@ -810,6 +873,12 @@ body .dashboard-container .grid-3 {
     gap: 20px;
 }
 
+body .dashboard-container .grid-1-2 {
+    display: grid;
+    grid-template-rows: repeat(2, 1fr);
+    gap: 20px;
+}
+
 body .dashboard-container .grid-2 {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -867,3 +936,105 @@ body .course-controls {
 body .dashboard-container .chart-card .dashboard-card-title {
     margin-bottom: 20px;
 }
+
+/* dettaglio utente */
+body .user--profile_card {
+    background: unset;
+    background-color: var(--color-lilla);
+    color: black;
+    border: 1px solid var(--color-outile);
+    border-radius: 15px;
+}
+
+body .user--profile_resume {
+    background: unset;
+    background-color: var(--color-lilla);
+    color: black;
+    border-radius: 0 15px 15px 0;
+    margin-block: 30px;
+}
+
+body .title--tessera_added span.title-detail_date {
+    color: black;
+}
+
+body .user--profile_card .avatar--wrapper {
+    margin-inline: auto;
+}
+
+body .user--profile_card article header {
+    color: black;
+}
+
+body .user--profile_card article .credito_title {
+    color: black;
+}
+
+body .user--profile_card article header i {
+    color: var(--color-viola);
+}
+
+.user--profile_card .resume--info {
+    border-left: 2px solid var(--color-viola);
+    padding-left: 15px;
+    margin-left: 42px;
+    margin-bottom: 10px;
+    color: #000000;
+}
+
+body .user--profile_resume .resume--tab_info .title i {
+    color: var(--color-viola);
+}
+
+body .user--profile_resume .resume--tab_info .title {
+    color: black;
+}
+
+.user--profile_resume .user_name .name {
+    color: black;
+}
+
+.user--profile_resume .user-address li,
+.user--profile_resume .user-residence li {
+    gap: 22px;
+    align-items: center;
+    margin-bottom: 15px;
+    font-size: 14px;
+}
+
+.user--profile_resume .user-address li i,
+.user--profile_resume .user-residence li i {
+    font-size: 20px;
+    width: 20px;
+    height: 20px;
+    color: var(--color-viola);
+    margin: 0;
+}
+
+.user--profile_resume .resume--info.resume-corso {
+    border-left: 2px solid var(--color-viola);
+    padding-left: 15px;
+    margin-left: 42px;
+    margin-bottom: 10px;
+}
+
+.resume--tab_info.gruppi .title h4 {
+    display: list-item;
+}
+
+.resume--tab_info.gruppi .title h4::marker {
+    color: var(--color-viola);
+}
+
+.resume--tab_info.gruppi .resume--info {
+    padding-left: 55px;
+}
+
+.user--profile_resume .user-address li span a {
+    color: var(--color-blu);
+    text-decoration: underline;
+}
+
+.title--tessera_added span.title-detail {
+    color: #000000;
+}

public/css/style.css

@@ -13070,7 +13070,7 @@ textarea.form-control-lg {
 #menu-anagrafica li:hover a span,
 #menu-contabilita li:hover a span,
 #menu-scadenze li:hover a span {
-  color: #0C6197;
+  color: var(--color-blu);
 }
 #menu-anagrafica li:hover a .badge-menu,
 #menu-contabilita li:hover a .badge-menu,
@@ -13223,11 +13223,11 @@ a.sidebar--opener {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Raggruppa_136' data-name='Raggruppa 136' transform='translate(-91.417 -332)'%3E%3Cg id='Ellisse_25' data-name='Ellisse 25' transform='translate(107.417 348) rotate(180)' fill='none' stroke='%23ffffff' stroke-width='1.5'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7.25' fill='none'/%3E%3C/g%3E%3Cg id='Raggruppa_127' data-name='Raggruppa 127' transform='translate(30.887 70.5)'%3E%3Cline id='Linea_7' data-name='Linea 7' y1='5' x2='5' transform='translate(66.53 266.5)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Linea_8' data-name='Linea 8' x1='4' transform='translate(67.53 266.5)' fill='none' stroke='%2334454e' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Linea_9' data-name='Linea 9' x1='4.386' transform='translate(71.53 266.5) rotate(90)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }
 .card--ui .card--ui_btnDash.utente, .card--ui .utente.card--ui.card--ui_btnAddHeader {
-  background: #0C6197;
-  background: -moz-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: -webkit-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#004169", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="var(--color-blu)", GradientType=1);
 }
 .card--ui .card--ui_btnDash.fornitore, .card--ui .fornitore.card--ui.card--ui_btnAddHeader {
   background: #F28322;
@@ -13238,13 +13238,13 @@ a.sidebar--opener {
 }
 .card--ui .card--ui_btnDash.entrata, .card--ui .entrata.card--ui.card--ui_btnAddHeader {
   background: transparent;
-  border: 2px solid #0C6197;
+  border: 2px solid var(--color-blu);
 }
 .card--ui .card--ui_btnDash.entrata i.add, .card--ui .entrata.card--ui.card--ui_btnAddHeader i.add {
   opacity: 1;
 }
 .card--ui .card--ui_btnDash.entrata h2, .card--ui .entrata.card--ui.card--ui_btnAddHeader h2 {
-  color: #0C6197;
+  color: var(--color-blu);
 }
 .card--ui .card--ui_btnDash.entrata h2 small, .card--ui .entrata.card--ui.card--ui_btnAddHeader h2 small {
   color: #34454E;
@@ -13274,11 +13274,11 @@ a.sidebar--opener {
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
-  background: #0C6197;
-  background: -moz-linear-gradient(45deg, #0C6197 0%, #0C6197 100%);
-  background: -webkit-linear-gradient(45deg, #0C6197 0%, #0C6197 100%);
-  background: linear-gradient(45deg, #0C6197 0%, #0C6197 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#0C6197", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="var(--color-blu)", GradientType=1);
 }
 .card--ui .card--ui_btnDash.fornitore:hover, .card--ui .fornitore.card--ui.card--ui_btnAddHeader:hover {
   cursor: pointer;
@@ -13322,11 +13322,11 @@ a.sidebar--opener {
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
-  background: #0C6197;
-  background: -moz-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: -webkit-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#004169", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="var(--color-blu)", GradientType=1);
 }
 .card--ui.card--ui_btnAddHeaderUser header h2 {
   font-size: 24px;
@@ -13421,7 +13421,7 @@ a.sidebar--opener {
   margin: 24px 0;
 }
 #filter--section aside {
-  background-color: #004169;
+  background-color: var(--color-blu);
   height: 100%;
   max-width: 15.625rem;
   border-radius: 0.5rem 0 0 0.5rem;
@@ -13448,7 +13448,7 @@ a.sidebar--opener {
   left: 10px;
   width: 2rem;
   height: 2rem;
-  background-color: #0C6197;
+  background-color: var(--color-blu);
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
@@ -13488,7 +13488,7 @@ a.sidebar--opener {
 .calendar--wrapper h2 {
   font-size: 32px;
   line-height: 20px;
-  color: #0C6197;
+  color: var(--color-blu);
 }
 .calendar--wrapper h2 small {
   display: block;
@@ -13545,16 +13545,16 @@ a.sidebar--opener {
   font-size: 0.875rem;
 }
 #card--resume.primary {
-  background: #0C6197;
-  background: -moz-linear-gradient(135deg, #0C6197 0%, #004169 100%);
-  background: -webkit-linear-gradient(135deg, #0C6197 0%, #004169 100%);
-  background: linear-gradient(135deg, #0C6197 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#004169", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(135deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(135deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: linear-gradient(135deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="var(--color-blu)", GradientType=1);
   color: #EDF0F2;
 }
 #card--resume.user--resume header {
   padding: 1.25rem;
-  background-color: #004169;
+  background-color: var(--color-blu);
   border-radius: 12px 12px 0 0;
   -webkit-border-radius: 12px 12px 0 0;
   -moz-border-radius: 12px 12px 0 0;
@@ -13629,7 +13629,7 @@ ul.pagination li a {
   font-size: 0.875rem;
 }
 ul.pagination li a[aria-label=Previous], ul.pagination li a[aria-label=Next] {
-  background-color: #0C6197;
+  background-color: var(--color-blu);
   color: #fff;
   border-top-left-radius: 2rem !important;
   border-bottom-left-radius: 2rem !important;
@@ -13637,7 +13637,7 @@ ul.pagination li a[aria-label=Previous], ul.pagination li a[aria-label=Next] {
   border-bottom-right-radius: 2rem !important;
 }
 ul.pagination li a[aria-label=Previous]:hover, ul.pagination li a[aria-label=Next]:hover {
-  background-color: #004169;
+  background-color: var(--color-blu);
 }
 ul.pagination li a[aria-label=Previous] {
   background-image: url("../img/right-arrow_ico.svg");
@@ -13668,7 +13668,7 @@ ul.pagination li a[aria-label=Next] {
   -moz-border-radius: 12px 12px 0 0;
 }
 #accountingEntry .accountingEntry_resume > header span.primary {
-  color: #0C6197;
+  color: var(--color-blu);
   font-size: 1.5rem;
   line-height: 1.5rem;
   font-weight: bold;
@@ -13688,7 +13688,7 @@ ul.pagination li a[aria-label=Next] {
 }
 #accountingEntry .accountingEntry_resume .resume--body .resume-item .evidence_name {
   font-weight: bold;
-  color: #0C6197;
+  color: var(--color-blu);
   font-size: 1rem;
 }
 #accountingEntry .title-form {
@@ -13696,7 +13696,7 @@ ul.pagination li a[aria-label=Next] {
   margin-bottom: 12px;
 }
 #accountingEntry span.total {
-  color: #0C6197;
+  color: var(--color-blu);
   font-size: 1.75rem !important;
   font-weight: bold;
 }
@@ -13704,13 +13704,13 @@ ul.pagination li a[aria-label=Next] {
   font-size: 24px !important;
 }
 #accountingEntry input.totalInput {
-  border: 2px solid #0C6197;
-  color: #0C6197;
+  border: 2px solid var(--color-blu);
+  color: var(--color-blu);
   font-size: 18px !important;
   font-weight: bold;
 }
 #accountingEntry input.totalInput::placeholder {
-  color: #0C6197;
+  color: var(--color-blu);
   font-size: 18px;
   font-weight: bold;
 }
@@ -13815,18 +13815,18 @@ ul.pagination li a[aria-label=Next] {
   margin-bottom: 12px;
 }
 #accountingExit span.total {
-  color: #0C6197;
+  color: var(--color-blu);
   font-size: 14px;
   font-weight: bold;
 }
 #accountingExit input.totalInput {
-  border: 2px solid #0C6197;
-  color: #0C6197;
+  border: 2px solid var(--color-blu);
+  color: var(--color-blu);
   font-size: 18px !important;
   font-weight: bold;
 }
 #accountingExit input.totalInput::placeholder {
-  color: #0C6197;
+  color: var(--color-blu);
   font-size: 18px;
   font-weight: bold;
 }
@@ -13853,7 +13853,7 @@ ul.pagination li a[aria-label=Next] {
   border-bottom: 1px solid #7d8c97;
 }
 .total--wrapper_netprice {
-  color: #0C6197;
+  color: var(--color-blu);
 }
 .total--wrapper_netprice .netprice_p {
   font-size: 2rem;
@@ -13873,7 +13873,7 @@ ul.pagination li a[aria-label=Next] {
   border-bottom: 1px solid #7d8c97;
 }
 #accountingExit .total--wrapper_netprice {
-  color: #0C6197;
+  color: var(--color-blu);
 }
 #accountingExit .total--wrapper_netprice .netprice_p {
   font-size: 1rem;
@@ -13886,11 +13886,11 @@ ul.pagination li a[aria-label=Next] {
   padding: 0 !important;
 }
 .user--profile_card {
-  background: #0C6197;
-  background: -moz-linear-gradient(180deg, #0C6197 0%, #004169 100%);
-  background: -webkit-linear-gradient(180deg, #0C6197 0%, #004169 100%);
-  background: linear-gradient(180deg, #0C6197 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#004169", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(180deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(180deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: linear-gradient(180deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="var(--color-blu)", GradientType=1);
   border-radius: 0.75rem;
   -webkit-border-radius: 0.75rem;
   -moz-border-radius: 0.75rem;
@@ -13903,7 +13903,7 @@ ul.pagination li a[aria-label=Next] {
   margin-bottom: 30px;
 }
 .user--profile_card .avatar--wrapper {
-  background-color: #004169;
+  background-color: var(--color-blu);
   height: 76px;
   width: 76px;
   border-radius: 76px;
@@ -13956,7 +13956,7 @@ ul.pagination li a[aria-label=Next] {
 .user--profile_card article .badge.details {
   background-color: #F5F8FA;
   text-transform: initial;
-  color: #0C6197;
+  color: var(--color-blu);
   border-radius: 0.75rem;
   -webkit-border-radius: 0.75rem;
   -moz-border-radius: 0.75rem;
@@ -13979,7 +13979,7 @@ ul.pagination li a[aria-label=Next] {
   display: block;
   font-size: 2rem;
   line-height: 2rem;
-  color: #0C6197;
+  color: var(--color-blu);
   font-weight: bold;
 }
 .user--profile_resume .user_name .email {
@@ -14015,7 +14015,7 @@ ul.pagination li a[aria-label=Next] {
   margin-bottom: 2rem;
 }
 .user--profile_resume .user-residence span.title {
-  color: #0C6197;
+  color: var(--color-blu);
   font-weight: bold;
 }
 .user--profile_resume .resume--tab_info {
@@ -14024,7 +14024,7 @@ ul.pagination li a[aria-label=Next] {
 .user--profile_resume .resume--tab_info h2 {
   font-size: 1.125rem;
   line-height: 1.25rem;
-  color: #0C6197;
+  color: var(--color-blu);
 }
 .user--profile_resume .resume--tab_info .title h4 {
   font-size: 0.875rem;
@@ -14116,7 +14116,7 @@ ul.pagination li a[aria-label=Next] {
   justify-content: center;
   height: 1.875rem !important;
   color: #fff;
-  background-color: #0C6197 !important;
+  background-color: var(--color-blu) !important;
   padding: 0 1.25rem;
   font-size: 0.875rem;
   font-family: greycliff-cf, sans-serif;
@@ -14164,9 +14164,9 @@ ul.pagination li a[aria-label=Next] {
   align-items: center;
   justify-content: center;
   height: 1.875rem;
-  color: #0C6197;
+  color: var(--color-blu);
   background-color: transparent !important;
-  border-bottom: 1px solid #0C6197 !important;
+  border-bottom: 1px solid var(--color-blu) !important;
   border-top: none;
   border-left: none;
   border-right: none;
@@ -14187,7 +14187,7 @@ ul.pagination li a[aria-label=Next] {
   align-items: center;
   justify-content: center;
   height: 1.875rem !important;
-  color: #0C6197;
+  color: var(--color-blu);
   background-color: #fff !important;
   padding: 0 1.25rem;
   font-size: 0.875rem;
@@ -14285,7 +14285,7 @@ ul.pagination li a[aria-label=Next] {
   align-items: center;
   justify-content: center;
   height: 1.875rem !important;
-  color: #0C6197;
+  color: var(--color-blu);
   background-color: #d3dce1 !important;
   padding: 0 1.25rem;
   font-size: 0.875rem;
@@ -14383,7 +14383,7 @@ ul.pagination li a[aria-label=Next] {
   align-items: center;
   justify-content: center;
   height: 1.875rem !important;
-  color: #0C6197;
+  color: var(--color-blu);
   background-color: #EDF0F2 !important;
   padding: 0 1.25rem;
   font-size: 0.875rem;
@@ -14432,7 +14432,7 @@ ul.pagination li a[aria-label=Next] {
   align-items: center;
   justify-content: center;
   height: 1.875rem !important;
-  color: #0C6197;
+  color: var(--color-blu);
   background-color: #cfd7dd !important;
   padding: 0 1.25rem;
   font-size: 0.875rem;
@@ -14537,9 +14537,9 @@ ul.pagination li a[aria-label=Next] {
   align-items: center;
   justify-content: center;
   height: 1.875rem;
-  color: #0C6197;
+  color: var(--color-blu);
   background-color: transparent !important;
-  border: 1px solid #0C6197 !important;
+  border: 1px solid var(--color-blu) !important;
   padding: 0 1.25rem;
   font-size: 0.875rem;
   font-weight: bold;
@@ -14770,18 +14770,18 @@ ul.pagination li a[aria-label=Next] {
 }
 
 .modal-backdrop {
-  background-color: #0C6197;
+  background-color: var(--color-blu);
 }
 .modal-backdrop.show {
   opacity: 0.9;
 }
 
 .modal--play_ico {
-  background: #0C6197;
-  background: -moz-linear-gradient(45deg, #0C6197 0%, #F28322 100%);
-  background: -webkit-linear-gradient(45deg, #0C6197 0%, #F28322 100%);
-  background: linear-gradient(45deg, #0C6197 0%, #F28322 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#F28322", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(45deg, var(--color-blu) 0%, #F28322 100%);
+  background: -webkit-linear-gradient(45deg, var(--color-blu) 0%, #F28322 100%);
+  background: linear-gradient(45deg, var(--color-blu) 0%, #F28322 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="#F28322", GradientType=1);
   width: 6rem;
   height: 6rem;
   border-radius: 50%;
@@ -14822,7 +14822,7 @@ ul.pagination li a[aria-label=Next] {
   color: rgba(112, 130, 140, 0.5);
 }
 .nav-tabs button.active {
-  background-color: #0C6197 !important;
+  background-color: var(--color-blu) !important;
   color: #fff !important;
   border: none !important;
   font-weight: bold;
@@ -14911,7 +14911,7 @@ ul.pagination li a[aria-label=Next] {
 }
 .tessere--tab .nav button.active {
   background: #F5F8FA;
-  color: #0C6197;
+  color: var(--color-blu);
 }
 .tessere--tab .tab-content {
   width: 65%;
@@ -14935,7 +14935,7 @@ ul.pagination li a[aria-label=Next] {
   font-size: 12px;
 }
 .login--box .credential--recovery a {
-  color: #0C6197;
+  color: var(--color-blu);
   font-weight: 600;
 }
 .login--box .fb--login {
@@ -15146,7 +15146,7 @@ span.tipology {
 }
 .check--invoice label {
   font-weight: bold;
-  color: #0C6197;
+  color: var(--color-blu);
   font-size: 14px;
 }
 .check--invoice input[type=radio] {
@@ -15160,7 +15160,7 @@ input[type=radio] {
   height: 20px;
 }
 input[type=radio]:checked {
-  background-color: #0C6197 !important;
+  background-color: var(--color-blu) !important;
 }
 
 input[type=checkbox] {
@@ -15172,7 +15172,7 @@ input[type=checkbox]:checked {
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: cover;
-  background-color: #0C6197 !important;
+  background-color: var(--color-blu) !important;
 }
 
 h1,
@@ -15192,7 +15192,7 @@ h4.primary,
 h5.primary,
 h6.primary,
 .title-form.primary {
-  color: #0C6197;
+  color: var(--color-blu);
 }
 h1.secondary,
 h2.secondary,
@@ -15299,7 +15299,7 @@ h2 {
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
-  background-color: #0C6197;
+  background-color: var(--color-blu);
   background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 23C8 22.4477 8.44772 22 9 22H18C18.5523 22 19 22.4477 19 23V23C19 23.5523 18.5523 24 18 24H9C8.44771 24 8 23.5523 8 23V23Z' fill='%23fff'/%3E%3Crect x='8' y='16' width='16' height='2' rx='1' fill='white'/%3E%3Crect x='8' y='10' width='16' height='2' rx='1' fill='white'/%3E%3C/svg%3E%0A");
 }
 .ico--ui.title_section {
@@ -15409,7 +15409,7 @@ h2 {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Raggruppa_406' data-name='Raggruppa 406' transform='translate(-1015 -133)'%3E%3Crect id='Rettangolo_462' data-name='Rettangolo 462' width='16' height='16' transform='translate(1015 133)' fill='none'/%3E%3Cg id='people' transform='translate(1013.5 127.5)'%3E%3Cpath id='Tracciato_78' data-name='Tracciato 78' d='M26.531,13.367a2.56,2.56,0,0,1-1.867-.861,3.33,3.33,0,0,1-.867-2.033,2.783,2.783,0,0,1,.7-2.125,2.843,2.843,0,0,1,4.052,0,2.778,2.778,0,0,1,.709,2.121A3.339,3.339,0,0,1,28.4,12.5,2.553,2.553,0,0,1,26.531,13.367ZM28.731,10.433Z' transform='translate(-14.364)' fill='%23edf0f2'/%3E%3Cpath id='Tracciato_79' data-name='Tracciato 79' d='M26.227,31.8H17.438a.924.924,0,0,1-.733-.356,1.007,1.007,0,0,1-.175-.86,4.393,4.393,0,0,1,2.011-2.7,6.626,6.626,0,0,1,6.582-.014,4.369,4.369,0,0,1,2.013,2.718,1.009,1.009,0,0,1-.177.859A.923.923,0,0,1,26.227,31.8Z' transform='translate(-9.666 -12.567)' fill='%23edf0f2'/%3E%3Cpath id='Tracciato_80' data-name='Tracciato 80' d='M9.6,15.433A2.506,2.506,0,0,1,7.3,13a2.35,2.35,0,0,1,.6-1.787,2.371,2.371,0,0,1,3.4,0A2.332,2.332,0,0,1,11.9,13,2.505,2.505,0,0,1,9.6,15.433Z' transform='translate(-3.734 -1.933)' fill='%23edf0f2'/%3E%3Cpath id='Tracciato_81' data-name='Tracciato 81' d='M8.055,26.544a5.059,5.059,0,0,0-2.188-.43,5.156,5.156,0,0,0-2.686.721,3.616,3.616,0,0,0-1.653,2.224.913.913,0,0,0,.16.779.844.844,0,0,0,.67.325h3.7a.267.267,0,0,0,.262-.219c0-.021.008-.042.014-.063a4.828,4.828,0,0,1,1.924-2.794.267.267,0,0,0-.021-.446C8.184,26.61,8.124,26.577,8.055,26.544Z' transform='translate(0 -11.996)' fill='%23edf0f2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
 }
 .ico--ui_primary {
-  background-color: #0C6197;
+  background-color: var(--color-blu);
 }
 .ico--ui_primary:hover {
   background-color: #084368;
@@ -16271,12 +16271,12 @@ table.tablesaw tbody tr td input.table-check {
   padding: 0;
 }
 table.tablesaw tbody tr td .primary {
-  color: #0C6197;
+  color: var(--color-blu);
   font-weight: bold;
 }
 
 .mobile-row-selector {
-  color: #0C6197;
+  color: var(--color-blu);
   font-weight: bold;
 }
 
@@ -16380,7 +16380,7 @@ a:hover, a:visited {
   right: 0;
   width: 2rem;
   height: 2rem;
-  background-color: #0C6197;
+  background-color: var(--color-blu);
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
@@ -16397,7 +16397,7 @@ a:hover, a:visited {
   align-items: center;
   flex-wrap: nowrap;
   color: #fff;
-  background-color: #0C6197;
+  background-color: var(--color-blu);
 }
 .header--gestionale_logo {
   width: 30%;
@@ -16516,11 +16516,11 @@ a:hover, a:visited {
   border: 3px solid #12B548;
 }
 #checkall-target a.blue {
-  border: 3px solid #0C6197;
+  border: 3px solid var(--color-blu);
   background-color: #D9E0E3;
 }
 #checkall-target a.yellow {
-  border: 3px solid #0C6197;
+  border: 3px solid var(--color-blu);
 }
 #checkall-target a.orange.half {
   border: 3px solid #e09f77 !important;
@@ -16798,12 +16798,12 @@ table.tableHead thead {
 
 .loading-content {
     text-align: center;
-    color: #0C6197;
+    color: var(--color-blu);
 }
 
 .loading-content i {
     margin-bottom: 15px;
-    color: #0C6197;
+    color: var(--color-blu);
 }
 
 .loading-content p {
@@ -16853,7 +16853,7 @@ button[disabled] {
 }
 
 .modal-header {
-    background-color: #0C6197;
+    background-color: var(--color-blu);
     color: white;
     border-bottom: none;
     border-radius: 8px 8px 0 0;

public/css/style140924.css

@@ -13169,10 +13169,10 @@ textarea.form-control-lg {
 }
 .card--ui .card--ui_btnDash.utente, .card--ui .utente.card--ui.card--ui_btnAddHeader {
   background: #006099;
-  background: -moz-linear-gradient(45deg, #006099 0%, #004169 100%);
-  background: -webkit-linear-gradient(45deg, #006099 0%, #004169 100%);
-  background: linear-gradient(45deg, #006099 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006099", endColorstr="#004169", GradientType=1);
+  background: -moz-linear-gradient(45deg, #006099 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(45deg, #006099 0%, var(--color-blu) 100%);
+  background: linear-gradient(45deg, #006099 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006099", endColorstr="var(--color-blu)", GradientType=1);
 }
 .card--ui .card--ui_btnDash.fornitore, .card--ui .fornitore.card--ui.card--ui_btnAddHeader {
   background: #F28322;
@@ -13269,11 +13269,11 @@ textarea.form-control-lg {
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
-  background: #0C6197;
-  background: -moz-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: -webkit-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#004169", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="var(--color-blu)", GradientType=1);
 }
 .card--ui.card--ui_btnAddHeaderUser header h2 {
   font-size: 24px;
@@ -13368,7 +13368,7 @@ textarea.form-control-lg {
   margin: 24px 0;
 }
 #filter--section aside {
-  background-color: #004169;
+  background-color: var(--color-blu);
   height: 100%;
   max-width: 15.625rem;
   border-radius: 0.5rem 0 0 0.5rem;
@@ -13484,15 +13484,15 @@ textarea.form-control-lg {
 }
 #card--resume.primary {
   background: #006099;
-  background: -moz-linear-gradient(135deg, #006099 0%, #004169 100%);
-  background: -webkit-linear-gradient(135deg, #006099 0%, #004169 100%);
-  background: linear-gradient(135deg, #006099 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006099", endColorstr="#004169", GradientType=1);
+  background: -moz-linear-gradient(135deg, #006099 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(135deg, #006099 0%, var(--color-blu) 100%);
+  background: linear-gradient(135deg, #006099 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006099", endColorstr="var(--color-blu)", GradientType=1);
   color: #EDF0F2;
 }
 #card--resume.user--resume header {
   padding: 1.25rem;
-  background-color: #004169;
+  background-color: var(--color-blu);
   border-radius: 12px 12px 0 0;
   -webkit-border-radius: 12px 12px 0 0;
   -moz-border-radius: 12px 12px 0 0;
@@ -13575,7 +13575,7 @@ ul.pagination li a[aria-label=Previous], ul.pagination li a[aria-label=Next] {
   border-bottom-right-radius: 2rem !important;
 }
 ul.pagination li a[aria-label=Previous]:hover, ul.pagination li a[aria-label=Next]:hover {
-  background-color: #004169;
+  background-color: var(--color-blu);
 }
 ul.pagination li a[aria-label=Previous] {
   background-image: url("../img/right-arrow_ico.svg");
@@ -13782,10 +13782,10 @@ ul.pagination li a[aria-label=Next] {
 }
 .user--profile_card {
   background: #006099;
-  background: -moz-linear-gradient(180deg, #006099 0%, #004169 100%);
-  background: -webkit-linear-gradient(180deg, #006099 0%, #004169 100%);
-  background: linear-gradient(180deg, #006099 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006099", endColorstr="#004169", GradientType=1);
+  background: -moz-linear-gradient(180deg, #006099 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(180deg, #006099 0%, var(--color-blu) 100%);
+  background: linear-gradient(180deg, #006099 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006099", endColorstr="var(--color-blu)", GradientType=1);
   border-radius: 0.75rem;
   -webkit-border-radius: 0.75rem;
   -moz-border-radius: 0.75rem;
@@ -13798,7 +13798,7 @@ ul.pagination li a[aria-label=Next] {
   margin-bottom: 30px;
 }
 .user--profile_card .avatar--wrapper {
-  background-color: #004169;
+  background-color: var(--color-blu);
   height: 76px;
   width: 76px;
   border-radius: 76px;
@@ -16010,11 +16010,11 @@ a:hover, a:visited {
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
-  background: #0C6197;
-  background: -moz-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: -webkit-linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  background: linear-gradient(45deg, #0C6197 0%, #004169 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6197", endColorstr="#004169", GradientType=1);
+  background: var(--color-blu);
+  background: -moz-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: -webkit-linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  background: linear-gradient(45deg, var(--color-blu) 0%, var(--color-blu) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-blu)", endColorstr="var(--color-blu)", GradientType=1);
 }
 
 .card--ui.card--ui_btnCancel {

resources/views/emails/account-activated.blade.php

@@ -27,7 +27,7 @@
         }
         .login-button {
             display: inline-block;
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             padding: 12px 30px;
             text-decoration: none;
@@ -36,7 +36,7 @@
             font-weight: bold;
         }
         .brand {
-            color: #0C6197;
+            color: var(--color-blu);
             font-weight: bold;
         }
         .footer {
@@ -48,7 +48,7 @@
         }
         .login-url {
             background-color: white;
-            border: 2px solid #0C6197;
+            border: 2px solid var(--color-blu);
             border-radius: 8px;
             padding: 15px;
             margin: 20px 0;

resources/views/emails/custom.blade.php

@@ -14,7 +14,7 @@
             padding: 20px;
         }
         .header {
-            border-bottom: 2px solid #0C6197;
+            border-bottom: 2px solid var(--color-blu);
             padding-bottom: 20px;
             margin-bottom: 30px;
         }
@@ -32,7 +32,7 @@
 </head>
 <body>
     <div class="header">
-        <h2 style="color: #0C6197; margin: 0;">{{ config('app.name', 'La Tua App') }}</h2>
+        <h2 style="color: var(--color-blu); margin: 0;">{{ config('app.name', 'La Tua App') }}</h2>
     </div>
 
     <div class="content">

resources/views/emails/export-notification.blade.php

@@ -20,7 +20,7 @@
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         }
         .header {
-            background: linear-gradient(135deg, #0C6197 0%, #084c6b 100%);
+            background: linear-gradient(135deg, var(--color-blu) 0%, var(--color-blu) 100%);
             color: white;
             padding: 30px 20px;
             text-align: center;
@@ -44,14 +44,14 @@
         }
         .export-details {
             background-color: #f8f9fa;
-            border-left: 4px solid #0C6197;
+            border-left: 4px solid var(--color-blu);
             padding: 20px;
             margin: 20px 0;
             border-radius: 0 6px 6px 0;
         }
         .export-details h3 {
             margin: 0 0 15px 0;
-            color: #0C6197;
+            color: var(--color-blu);
             font-size: 18px;
         }
         .detail-item {
@@ -70,7 +70,7 @@
             color: #495057;
         }
         .detail-value {
-            color: #0C6197;
+            color: var(--color-blu);
             font-weight: 500;
         }
         .attachment-info {
@@ -83,7 +83,7 @@
         }
         .attachment-icon {
             font-size: 24px;
-            color: #0C6197;
+            color: var(--color-blu);
             margin-bottom: 10px;
         }
         .footer {
@@ -100,7 +100,7 @@
         .btn {
             display: inline-block;
             padding: 12px 24px;
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             text-decoration: none;
             border-radius: 6px;
@@ -108,7 +108,7 @@
             margin: 10px 0;
         }
         .btn:hover {
-            background-color: #084c6b;
+            background-color: var(--color-blu);
         }
         @media (max-width: 600px) {
             .container {

resources/views/emails/password-changed.blade.php

@@ -41,7 +41,7 @@
             color: #6c757d;
         }
         .brand {
-            color: #0C6197;
+            color: var(--color-blu);
             font-weight: bold;
         }
     </style>

resources/views/emails/password-reset.blade.php

@@ -14,7 +14,7 @@
             padding: 20px;
         }
         .header {
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             padding: 20px;
             text-align: center;
@@ -27,7 +27,7 @@
         }
         .reset-button {
             display: inline-block;
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             padding: 15px 30px;
             text-decoration: none;
@@ -38,7 +38,7 @@
         }
         .reset-url {
             background-color: white;
-            border: 2px solid #0C6197;
+            border: 2px solid var(--color-blu);
             border-radius: 8px;
             padding: 15px;
             margin: 20px 0;

resources/views/emails/welcome-user.blade.php

@@ -14,7 +14,7 @@
             padding: 20px;
         }
         .header {
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             padding: 20px;
             text-align: center;
@@ -27,7 +27,7 @@
         }
         .credentials-box {
             background-color: white;
-            border: 2px solid #0C6197;
+            border: 2px solid var(--color-blu);
             border-radius: 8px;
             padding: 20px;
             margin: 20px 0;
@@ -49,7 +49,7 @@
         }
         .login-button {
             display: inline-block;
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             padding: 12px 30px;
             text-decoration: none;

resources/views/first-login.blade.php

@@ -32,7 +32,7 @@
         }
 
         .card-header {
-            background: linear-gradient(135deg, #0C6197 0%, #094a79 100%);
+            background: linear-gradient(135deg, var(--color-blu) 0%, var(--color-blu) 100%);
             color: white;
             border: none;
             padding: 2rem;
@@ -45,23 +45,23 @@
         }
 
         .text-primary {
-            color: #0C6197 !important;
+            color: var(--color-blu) !important;
         }
 
         .btn-primary {
-            background-color: #0C6197;
-            border-color: #0C6197;
+            background-color: var(--color-blu);
+            border-color: var(--color-blu);
             padding: 12px 30px;
             font-weight: 600;
         }
 
         .btn-primary:hover {
-            background-color: #094a79;
-            border-color: #094a79;
+            background-color: var(--color-blu);
+            border-color: var(--color-blu);
         }
 
         .form-control:focus {
-            border-color: #0C6197;
+            border-color: var(--color-blu);
             box-shadow: 0 0 0 0.2rem rgba(12, 97, 151, 0.25);
         }
 

resources/views/layouts/app.blade.php

@@ -15,11 +15,11 @@
   .page-link.active, .active > .page-link
   {
 
-    background-color: #006099 !important;
+    background-color: var(--color-blu) !important;
     border-color: var(--bs-pagination-active-border-color);
   }
   .buttons-print, .buttons-csv, .buttons-excel, .buttons-pdf{
-    background-color: #006099 !important;
+    background-color: var(--color-blu) !important;
   }
     .top{
         margin-bottom:20px;
@@ -61,7 +61,7 @@
     .btn--ui
     {
         -webkit-border-radius: 0.5rem !important;
-        background-color:#0C6197 !important;
+        background-color:var(--color-blu) !important;
         font-weight:normal;
     }
     .btn--ui.lightGrey, .btn--ui.extraLightGrey
@@ -114,7 +114,7 @@
     .btn--ui
     {
         -webkit-border-radius: 0.5rem !important;
-        background-color:#0C6197 !important;
+        background-color:var(--color-blu) !important;
         font-weight:normal;
     }
     .btn--ui.lightGrey, .btn--ui.extraLightGrey
@@ -220,7 +220,7 @@
 
             <div class="header--userprofile d-flex align-items-center" style="cursor: pointer;">
                 <div class="header--userprofile-icon">
-                    <h3 style="font-size:1.50rem;color:#0C6197">{{substr(Auth::user()->name, 0, 1)}}</h3>
+                    <h3 style="font-size:1.50rem;color:var(--color-blu)">{{substr(Auth::user()->name, 0, 1)}}</h3>
                 </div>
                 <a id="link-popover" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover">{{Auth::user()->name}} <small>{{Auth::user()->level == 0 ? 'Admin' : 'Worker'}}</small></a>
             </div>

resources/views/livewire/azienda.blade.php

@@ -218,7 +218,7 @@
                         <div class="mt-4 d-flex justify-content-start">
                             <button type="button" class="btn--ui lightGrey" onclick="annulla()">Annulla</button>
                             <button type="submit" class="btn text-light"
-                                style="background-color:#0C6197;margin-left:15px; ">Salva</button>
+                                style="background-color:var(--color-blu);margin-left:15px; ">Salva</button>
                         </div>
                     </form>
                 </div>
@@ -243,7 +243,7 @@
     }
 
     .blu-text {
-        color: #0C6197 !important;
+        color: var(--color-blu) !important;
     }
 </style>
 @push('scripts')

resources/views/livewire/course.blade.php

@@ -403,7 +403,7 @@
             width:50px;
             align-items: center;
             justify-content: center;
-            color: #006099;
+            color: var(--color-blu);
             background-color: #d3dce1 !important;
             padding: 0 1.25rem;
             font-size: 0.875rem;
@@ -427,7 +427,7 @@
             align-items: center;
             justify-content: center;
             color: #fff;
-            background-color: #006099 !important;
+            background-color: var(--color-blu) !important;
             padding: 0 1.25rem;
             font-size: 0.875rem;
             font-family: greycliff-cf, sans-serif;
@@ -443,7 +443,7 @@
         div.day
         {
             margin-top:20px;
-            color: #006099;
+            color: var(--color-blu);
             background-color: #ffffff !important;
             padding: 20px;
             border-radius: 1.875rem !important;

resources/views/livewire/dashboard.blade.php

@@ -2,6 +2,34 @@
 
     <div class="grid-2-1">
         <div class="grid-4">
+            <a class="dashboard-card dashboard-card-link" href="#" wire:click="addMember()">
+                <div class="dashboard-card-header">
+                    <div class="dashboard-card-title">Aggiungi utente</div>
+                    <i class="dashboard-card-icon fa-solid fa-user-plus"></i>
+                </div>
+            </a>
+
+            <a class="dashboard-card dashboard-card-link" href="#" wire:click="addSupplier()">
+                <div class="dashboard-card-header">
+                    <div class="dashboard-card-title">Aggiungi fornitore</div>
+                    <i class="dashboard-card-icon fa-solid fa-user-cog"></i>
+                </div>
+            </a>
+
+            <a class="dashboard-card dashboard-card-link" href="#" wire:click="addIn()">
+                <div class="dashboard-card-header">
+                    <div class="dashboard-card-title">Aggiungi entrata</div>
+                    <i class="dashboard-card-icon fa-solid fa-money-bill-trend-up"></i>
+                </div>
+            </a>
+
+            <a class="dashboard-card dashboard-card-link" href="#" wire:click="addOut()">
+                <div class="dashboard-card-header">
+                    <div class="dashboard-card-title">Aggiungi uscita</div>
+                    <i class="dashboard-card-icon fa-solid fa-money-bill-transfer"></i>
+                </div>
+            </a>
+
             <div class="dashboard-card dashboard-stat">
                 <div class="dashboard-card-header">
                     <div class="dashboard-card-title">Utenti Totali</div>
@@ -37,19 +65,22 @@
                 <div class="dashboard-card-value">{{$suspendedSubscriptions}}</div>
                 <div class="dashboard-card-info"><span {{$suspendedSubscriptions> 0 ? 'class=more' : 'class=less'}}>{{$suspendedSubscriptions}}</span> dal mese scorso</div>
             </div>
-
-
+    
             <!-- Corsi Section -->
-            <div class="dashboard-card">
+            <div class="dashboard-card grid-w-3">
                 <div class="dashboard-card-title">Corsi</div>
                 @if(count($courses) > 0)
                 <div class="courses-list">
                     @foreach($courses as $course)
+                    @php
+                        $course_time = trim(str_replace(" - ", "\n", $course['time']));
+                    @endphp
                     <div class="course-item">
-                        <div class="course-time">{{$course['time']}}</div>
+                        <div class="course-time">{{$course_time}}</div>
+                        <div class="course-divider"></div>
                         <div class="course-name">{{$course['full_name'] ?? $course['course_name']}}</div>
                         <div class="course-days">{{$course['days']}}</div>
-                        @if(!empty($course['level_name']) || !empty($course['frequency_name']))
+                        {{-- @if(!empty($course['level_name']) || !empty($course['frequency_name']))
                         <div style="font-size: 11px; color: #888; margin-top: 4px;">
                             @if(!empty($course['level_name']))
                             <span>{{$course['level_name']}}</span>
@@ -61,7 +92,7 @@
                             <span>{{$course['frequency_name']}}</span>
                             @endif
                         </div>
-                        @endif
+                        @endif --}}
                     </div>
                     @endforeach
                 </div>
@@ -74,43 +105,47 @@
                 </div>
                 @endif
             </div>
-
-            {{-- campi e sale --}}
             <div class="dashboard-card">
-                <div class="dashboard-card-title">Campi e sale</div>
+                <div class="dashboard-card-title"></div>
             </div>
+            
+            {{-- campi e sale --}}
+            {{-- <div class="dashboard-card"> --}}
+                {{-- <div class="dashboard-card-title">Campi e sale</div> --}}
+            {{-- </div> --}}
 
             {{-- grafico --}}
-            <div class="dashboard-card grid-w-2"></div>
+            {{-- <div class="dashboard-card grid-w-2"></div> --}}
         </div>
-
-
+        
         <!-- To Do Section -->
-        <div class="dashboard-card card-inverted">
-            <div class="dashboard-card-title">To do</div>
-            {{-- <div style="font-size: 14px; color: #666; margin-bottom: 10px;">{{date('d/m/Y')}}</div> --}}
-
-            <!-- Notes List -->
-            @if(count($savedNotes) > 0)
-            <div class="notes-list">
-                @foreach($savedNotes as $note)
-                <div class="note-item">
-                    <div class="note-content">
-                        <div class="note-text">{{$note['text']}}</div>
-                        <div class="note-date">{{$note['created_at']}}</div>
-                    </div>
-                    <div class="note-checkbox" wire:click="completeNote('{{$note['id']}}')" title="Segna come completato">
-                        ✓
+        <div class="card-inverted d-flex dashboard-card flex-column justify-content-between">
+            <div>
+                <div class="dashboard-card-title">To do</div>
+                {{-- <div style="font-size: 14px; color: #666; margin-bottom: 10px;">{{date('d/m/Y')}}</div> --}}
+        
+                <!-- Notes List -->
+                @if(count($savedNotes) > 0)
+                <div class="notes-list">
+                    @foreach($savedNotes as $note)
+                    <div class="note-item">
+                        <div class="note-content">
+                            <div class="note-text">{{$note['text']}}</div>
+                            <div class="note-date">{{$note['created_at']}}</div>
+                        </div>
+                        <div class="note-checkbox" wire:click="completeNote('{{$note['id']}}')" title="Segna come completato">
+                            ✓
+                        </div>
                     </div>
+                    @endforeach
                 </div>
-                @endforeach
-            </div>
-            @else
-            <div class="empty-notes">
-                Nessuna nota salvata
+                @else
+                <div class="empty-notes">
+                    Nessuna nota salvata
+                </div>
+                @endif
             </div>
-            @endif
-
+    
             <!-- Add Note Section -->
             <div class="notes-section">
                 <textarea class="notes-input" placeholder="Inserisci una nuova nota..." wire:model="notes"></textarea>
@@ -122,7 +157,7 @@
     <div class="grid-2">
         <!-- Courses Participation Section -->
         <div class="dashboard-card">
-            <div class="dashboard-card-title">Corsi con più partecipazioni</div>
+            <div class="dashboard-card-title">Corsi con più iscritti</div>
             @if(count($coursesParticipation) > 0)
             <div style="padding: 20px 0 0;">
                 @foreach($coursesParticipation as $course)
@@ -176,12 +211,15 @@
         </div>
     </div>
 
+    @php
+        $current_month = now()->locale('it-IT')->translatedFormat("M Y");
+    @endphp
     <div class="grid-2">
         <div class="grid-3">
             <!-- Financial Cards moved here -->
             <div class="dashboard-card dashboard-stat card-inverted card-income">
                 <div class="dashboard-card-header">
-                    <div class="dashboard-card-title">Da incassare</div>
+                    <div class="dashboard-card-title">Da incassare<br/><small><small><i>{{$current_month}}</i></small></small></div>
                     <i class="dashboard-card-icon fa-solid fa-money-bill-trend-up"></i>
                 </div>
                 <div class="dashboard-card-value">{{number_format($toReceive, 2, ",", ".")}}</div>
@@ -189,7 +227,7 @@
 
             <div class="dashboard-card dashboard-stat card-inverted card-expense">
                 <div class="dashboard-card-header">
-                    <div class="dashboard-card-title">Da pagare</div>
+                    <div class="dashboard-card-title">Da pagare<br/><small><small><i>{{$current_month}}</i></small></small></div>
                     <i class="dashboard-card-icon fa-solid fa-money-bill-transfer"></i>
                 </div>
                 <div class="dashboard-card-value">{{number_format($toPay, 2, ",", ".")}}</div>

resources/views/livewire/member.blade.php

@@ -1,14 +1,15 @@
 <div>
     @if($showDetail)
-        <a style="margin-top:20px" class="btn--ui lightGrey" href="/{{$from != '' ? ($from . '?showFilters=1') : 'members'}}"><i class="fa-solid fa-arrow-left"></i></a><br><br>
-        <div class="col col-lg-12" style="margin-bottom:100px;">
-            <div class="user--profile d-lg-flex" style="margin-top:20px !important">
-                <div class="user--profile_card d-flex justify-content-between flex-column w-100 w-lg-auto mb-3 mb-lg-0">
-                    <div class="user--details">
-                        <header>
-                            <div class="avatar--wrapper d-flex align-items-center justify-content-between w-50">
-                                <figure class="m-0 avatar--wrapper_img">
-                                       @if ($currentMember->image != '')
+        <div class="col card--ui" id="card--dashboard">
+            <a style="margin-top:20px" class="btn--ui lightGrey" href="/{{$from != '' ? ($from . '?showFilters=1') : 'members'}}"><i class="fa-solid fa-arrow-left"></i></a><br><br>
+            <div class="col col-lg-12" style="margin-bottom:100px;">
+                <div class="user--profile d-lg-flex" style="margin-top:20px !important">
+                    <div class="user--profile_card d-flex justify-content-between flex-column w-100 w-lg-auto mb-3 mb-lg-0">
+                        <div class="user--details">
+                            <header>
+                                <div class="avatar--wrapper d-flex align-items-center justify-content-between w-50">
+                                    <figure class="m-0 avatar--wrapper_img">
+                                        @if ($currentMember->image != '')
                                             @php
                                                 $fileService = app(App\Services\MemberFileService::class);
                                                 $imageUrl = $fileService->getFileUrl($currentMember->image);
@@ -21,37 +22,37 @@
                                                 </div>
                                             @endif
                                         @endif
-                                </figure>
-                            </div>
-                        </header>
-                        <article>
-                            <header class="title d-flex align-items-center mb-4"><i class="ico--ui borsellino fill me-2"></i>Borsellino</header>
-                            <div class="credito d-flex align-items-center justify-content-between">
-                                <div class="credito_title">
-                                    <span>Borsellino MAD: <br></span><span class="value">{{formatPrice($currentMember->getMoney())}}</span>
+                                    </figure>
                                 </div>
-                                <a href="/in?new=1&memberId={{$currentMember->id}}&causalId={{$causalId}}" class="btn--ui white small" style="width:100px">ricarica</a>
+                            </header>
+                            <article>
+                                <header class="title d-flex align-items-center mb-3 gap-4"><i class="fa-solid fa-wallet"></i><span>Borsellino</span></header>
+                                <div class="credito d-flex align-items-center justify-content-between">
+                                    <div class="credito_title">
+                                        <span>Borsellino MAD: <br></span><span class="value">{{formatPrice($currentMember->getMoney())}}</span>
+                                    </div>
+                                    <a href="/in?new=1&memberId={{$currentMember->id}}&causalId={{$causalId}}" class="btn--ui lightGrey" style="width:100px">ricarica</a>
 
-                            </div>
-                            <div class="credito d-flex align-items-center justify-content-between">
-                                <br><br><button type="button" class="btn--ui white small" data-bs-toggle="modal" data-bs-target="#userModal"  style="width:100px">Modifica</button>
-                            </div>
-                        </article>
-                        <article>
-                            <header class="title d-flex align-items-center mb-4"><i class="ico--ui corsi fill me-2"></i>Certificato</header>
-                            @if(sizeof($currentMember->certificates) > 0)
-                                @php
-                                $cert = $currentMember->certificates[0]
-                                @endphp
-                                <ul class="course-list m-0 p-0">
-                                    <li>
-                                        <span class="course_name">
-                                            {{$cert->type == 'A' ? 'Agonistico' : 'Non agonistico'}}<br>
-                                            Scadenza: <span class="title-detail_date">{{$cert->expire_date ? date("d/m/Y", strtotime($cert->expire_date)) : ''}}
-                                            </span>
-                                        </span>
-                                        <span style="float:right">
-                                        @if($cert->expire_date < date("Y-m-d"))
+                                </div>
+                                <div class="credito d-flex align-items-center justify-content-between">
+                                    <br><br><button type="button" class="btn--ui primary" data-bs-toggle="modal" data-bs-target="#userModal"  style="width:100px">Modifica</button>
+                                </div>
+                            </article>
+                            <article>
+                                <header class="title d-flex align-items-center mb-3 gap-4"><i class="fa-solid fa-file-lines"></i><span>Certificato</span></header>
+                                @if(sizeof($currentMember->certificates) > 0)
+                                    @php
+                                    $cert = $currentMember->certificates[0]
+                                    @endphp
+                                    
+                                    <div class="resume--wrapper d-flex align-items-start justify-content-between mb-2">
+                                        <div class="resume--info resume-certificato d-flex align-items-start">
+                                            <div class="title--tessera_added">
+                                                <h4>{{$cert->type == 'A' ? 'Agonistico' : 'Non agonistico'}}</h4>
+                                                <span class="title-detail">Scadenza: <span class="title-detail_date">{{$cert->expire_date ? date("d/m/Y", strtotime($cert->expire_date)) : ''}}</span></span></small>
+                                            </div>
+                                        </div>
+                                        @if($cert->expire_date . " 23:59:59" < date("Y-m-d"))
                                             <span class="badge tessera-badge suspended">scaduto</span>
                                         @endif
                                         @if($cert->expire_date . " 23:59:59" >= date("Y-m-d") && $cert->expire_date < date("Y-m-d", strtotime("+1 month")))
@@ -60,127 +61,150 @@
                                         @if($cert->expire_date . " 23:59:59" >= date("Y-m-d", strtotime("+1 month")))
                                             <span class="badge tessera-badge active">valido</span>
                                         @endif
-                                        </span>
-                                    </li>
-                                </ul>
-                            @endif
-                        </article>
-                        <article>
-                            <header class="title d-flex align-items-center mb-4"><i class="ico--ui corsi fill me-2"></i>Tesseramento</header>
-                            @if(sizeof($currentMember->cards) > 0)
-                                @foreach($currentMember->cards as $card)
-                                    @php
-                                    $active = 'active';
-                                    if ($card->expire_date != '' && $card->expire_date < date("Y-m-d  23:59:59"))
-                                    {
-                                        $active = 'suspended';
-                                    }
-                                    @endphp
-                                    @if($active != 'suspended')
-                                        <ul class="course-list m-0 p-0">
-                                            <li>
-                                                <span class="course_name">
-                                                    {{$card->card->name}}<br>
-                                                    Scadenza: <span class="title-detail_date">{{$card->expire_date ? date("d/m/Y", strtotime($card->expire_date)) : ''}}
+                                    </div>
+                                @endif
+                            </article>
+                            <article>
+                                <header class="title d-flex align-items-center mb-3 gap-4"><i class="fa-solid fa-address-card"></i><span>Tesseramento</span></header>
+                                @if(sizeof($currentMember->cards) > 0)
+                                    @foreach($currentMember->cards as $card)
+                                        @php
+                                        $active = 'active';
+                                        if ($card->expire_date != '' && $card->expire_date < date("Y-m-d  23:59:59"))
+                                        {
+                                            $active = 'suspended';
+                                        }
+                                        @endphp
+                                        @if($active != 'suspended')
+                                            {{-- <ul class="course-list m-0 p-0">
+                                                <li>
+                                                    <span class="course_name">
+                                                        {{$card->card->name}}<br>
+                                                        Scadenza: <span class="title-detail_date">{{$card->expire_date ? date("d/m/Y", strtotime($card->expire_date)) : ''}}
+                                                        </span>
                                                     </span>
-                                                </span>
-                                                <span style="float:right">
-                                                    <span class="badge tessera-badge {{$active}}">{{$active == 'active' ? 'ATTIVA' : 'SCADUTA'}}
-                                                </span>
-                                            </li>
-                                        </ul>
+                                                    <span style="float:right">
+                                                        <span class="badge tessera-badge {{$active}}">{{$active == 'active' ? 'ATTIVA' : 'SCADUTA'}}
+                                                    </span>
+                                                </li>
+                                            </ul> --}}
+                                    
+                                            <div class="resume--wrapper d-flex align-items-start justify-content-between mb-2">
+                                                <div class="resume--info resume-tessera d-flex align-items-start">
+                                                    <div class="title--tessera_added">
+                                                        <h4>{{$card->card->name}}</h4>
+                                                        <span class="title-detail">Scadenza: <span class="title-detail_date">{{$card->expire_date ? date("d/m/Y", strtotime($card->expire_date)) : ''}}</span></span></small>
+                                                        @if($card->discipline_1)
+                                                        </br>
+                                                            <span class="title-detail">Disciplina : <b>{{$card->discipline_1->name}}</b></span>
+                                                        @endif
+                                                        @if($card->discipline_2)
+                                                        </br>
+                                                            <span class="title-detail">Disciplina : <b>{{$card->discipline_2->name}}</b></span>
+                                                        @endif
+                                                        @if($card->discipline_3)
+                                                        </br>
+                                                            <span class="title-detail">Disciplina : <b>{{$card->discipline_3->name}}</b></span>
+                                                        @endif
+                                                    </div>
+                                                </div>
+                                                <span class="badge tessera-badge {{$active}}">{{$active == 'active' ? 'ATTIVA' : 'SCADUTA'}}</span>
+                                            </div>
+                                        @endif
+                                    @endforeach
+                                @endif
+                            </article>
+                        </div>
+                    </div>
+                    <div class="user--profile_resume">
+                        <header class="d-flex align-item-center ">
+                            <div class="user_name me-4">
+                                <span class="name">{{$currentMember->first_name}} {{$currentMember->last_name}}</span>
+                                <span class="badge tessera-badge {{$currentStatus["status"] > 0 ? ($currentStatus["status"] == 2 ? 'active' : 'due') : 'suspended'}}">{{$currentStatus["status"] > 0 ? ($currentStatus["status"] == 2 ? 'Tesserato' : 'Sospeso') : 'Non tesserato'}}</span>
+                            </div>
+                            <button class="btn--ui lightGrey" wire:click="edit({{ $currentMember->id }})" data-bs-toggle="popover"  data-bs-trigger="hover focus" data-bs-placement="bottom" data-bs-content="Modifica"><i class="fa-regular fa-pen-to-square"></i></button>
+                        </header>
+                        <ul class="user-address mb-4 p-0">
+                            <li><i class="fa-solid fa-phone"></i><span>Tel. {{ $currentMember->phone }}</span></li>
+                            <li><i class="fa-solid fa-calendar"></i><span>Nato il {{ $currentMember->birth_date ? date("d/m/Y", strtotime($currentMember->birth_date)) : '' }}&nbsp;({{$currentMember->getAge()}} anni)</span></li>
+                            <li><i class="fa-solid fa-envelope"></i><span><a href="mailto:{{ $currentMember->email }}" target="_blank">{{ $currentMember->email }}</a></span></li>
+                        </ul>
+                        <ul class="user-residence p-0">
+                            <li><i class="fa-solid fa-building"></i>
+                                <span>
+                                    @if($currentMember->city_id > 0)
+                                        {{$this->getCity($currentMember->city_id)}}
+                                        @if($currentMember->province_id > 0)
+                                            ( {{$this->getProvince($currentMember->province_id)}} ) -
+                                        @endif
                                     @endif
+                                    {{ $currentMember->zip_code }}<br>
+                                    {{ $currentMember->address }}
+                                </span>
+                            </li>
+                        </ul>
+                        <div class="resume--tab_info gruppi">
+                            <h2 class="title d-flex align-items-center mb-3 gap-4"><i class="fa-solid fa-users"></i>Gruppi di appartenenza</h2>
+                            <div class="resume--info d-flex align-items-start row">
+
+                                @foreach($currentMember->categories as $member_category)
+                                    <div class="align-items-baseline col-md-3 d-flex gap-2 mb-3">
+                                        {{-- <i class="fa-solid fa-users"></i> --}}
+                                        <div class="title" style="margin-right:20px">
+                                            <h4>{{$member_category->category->getTree()}}</h4>
+                                        </div>
+                                    </div>
                                 @endforeach
-                            @endif
-                        </article>
-                    </div>
-                </div>
-                <div class="user--profile_resume">
-                    <header class="d-flex align-item-center ">
-                        <div class="user_name me-4">
-                            <span class="name">{{$currentMember->first_name}} {{$currentMember->last_name}}</span>
-                            <span class="badge tessera-badge {{$currentStatus["status"] > 0 ? ($currentStatus["status"] == 2 ? 'active' : 'due') : 'suspended'}}">{{$currentStatus["status"] > 0 ? ($currentStatus["status"] == 2 ? 'Tesserato' : 'Sospeso') : 'Non tesserato'}}</span>
+
+                            </div>
                         </div>
-                        <button class="btn--ui extraLightGrey" wire:click="edit({{ $currentMember->id }})" data-bs-toggle="popover"  data-bs-trigger="hover focus" data-bs-placement="bottom" data-bs-content="Modifica"><i class="fa-regular fa-pen-to-square"></i></button>
-                    </header>
-                    <ul class="user-address mb-4 p-0">
-                        <li><i class="ico--ui resume--ico phone me-2"></i><span>Tel. {{$currentMember->phone}}</span></li>
-                        <li><i class="ico--ui resume--ico birth me-2"></i><span>Nato/a il {{$currentMember->birth_date ? date("d/m/Y", strtotime($currentMember->birth_date)) : ''}}</span>&nbsp;({{$currentMember->getAge()}} anni)</li>
-                        <li><i class="ico--ui resume--ico mail me-2"></i><span>{{strtolower($currentMember->email)}}</span></li>
-                    </ul>
-                    <ul class="user-residence p-0">
-                        <li><i class="ico--ui residence me-2"></i><span class="title">Residenza</span></li>
-                        <li><i class="ico--ui resume--ico blank me-2"></i>
-                            <span>
-                                @if($currentMember->city_id > 0)
-                                    {{$this->getCity($currentMember->city_id)}}
-                                    @if($currentMember->province_id > 0)
-                                        ( {{$this->getProvince($currentMember->province_id)}} ) -
-                                    @endif
-                                @endif
-                                {{ $currentMember->zip_code }}<br>
-                                {{$currentMember->address}}
-                            </span>
-                        </li>
-                    </ul>
-                    <div class="resume--tab_info gruppi">
-                        <h2 class="mb-3">Gruppi di appartenenza</h2>
-                        <div class="resume--info d-flex align-items-start row">
-
-                            @foreach($currentMember->categories as $member_category)
-                                <div class="col-md-3 mb-3">
-                                    <i class="ico--ui gruppi me-2"></i>
-                                    <div class="title" style="margin-right:20px">
-                                        <h4>{{$member_category->category->getTree()}}</h4>
+                        <div class="resume--tab_info corsi">
+                            <h2 class="title d-flex align-items-center mb-3 gap-4"><i class="fa-solid fa-chalkboard"></i>Corsi</h2>
+                            @foreach($currentMember->courses as $member_course)
+                                <div class="resume--info resume-corso d-flex align-items-center">
+                                    <div class="row">
+                                        <div class="row">
+                                            <strong>{{$member_course->course->getTree()}}</strong></span><br>
+                                        </div>
+                                        <div class="row">
+                                            <span class="title-detail">
+                                                @php
+                                                $aMo = json_decode($member_course->months);
+                                                if (sizeof($aMo) == 1)
+                                                {
+                                                    print($this->getMonth($aMo[0]->m));
+                                                }
+                                                if (sizeof($aMo) > 1)
+                                                {
+                                                    print($this->getMonth($aMo[0]->m) . " - " . $this->getMonth($aMo[sizeof($aMo) - 1]->m));
+                                                }
+                                                @endphp
+                                            </span>
+                                        </div>
+                                        <div class="row">
+                                            <span class="title-detail">
+                                                @foreach(json_decode($member_course->when) as $xx => $x)
+                                                    @if($xx > 0)
+                                                        <br>
+                                                    @endif
+                                                    @foreach($x->day as $d)
+                                                        {{$d}}
+                                                    @endforeach
+                                                    {{$x->from}} - {{$x->to}}
+                                                @endforeach
+                                            </span>
+                                        </div>
                                     </div>
                                 </div>
                             @endforeach
-
                         </div>
                     </div>
-                    <div class="resume--tab_info corsi">
-                        <h2 class="mb-3">Corsi</h2>
-                        @foreach($currentMember->courses as $member_course)
-                            <div class="d-flex align-items-center corsi--user_details">
-                                <div class="title me-3">
-                                    <h4>{{$member_course->course->getTree()}}</h4>
-                                </div>
-                                <div class="corsi--mesi me-3">
-                                    <span class="corsi_mesi_text">
-                                        @php
-                                            $aMo = json_decode($member_course->months);
-                                            if (sizeof($aMo) == 1)
-                                            {
-                                                print($this->getMonth($aMo[0]->m));
-                                            }
-                                            if (sizeof($aMo) > 1)
-                                            {
-                                                print($this->getMonth($aMo[0]->m) . " - " . $this->getMonth($aMo[sizeof($aMo) - 1]->m));
-                                            }
-                                    @endphp
-                                    </span>
-                                </div>
-                                <div class="title--dettagli corsi--orari me-3">
-                                    <span class="corsi--orari_text">
-                                        @foreach(json_decode($member_course->when) as $xx => $x)
-                                            @if($xx > 0)
-                                            @endif
-                                            @foreach($x->day as $d)
-                                                {{$d}}
-                                            @endforeach
-                                            h {{$x->from}} - {{$x->to}}
-                                        @endforeach
-                                    </span>
-                                </div>
-                            </div>
-                        @endforeach
-                    </div>
                 </div>
-            </div>
-            <div class="service--button d-md-flex align-items-center " style="margin-bottom:30px">
-                <button class="btn--ui lightGrey" onclick="annulla()" style="margin-right:10px">annulla</button>
-                <div class="payment_btn">
-                    <a href="/in?new=1&memberId={{$currentMember->id}}" class="btn--ui primary">NUOVA ENTRATA</a>
+                <div class="service--button d-md-flex align-items-center " style="margin-bottom:30px">
+                    <button class="btn--ui lightGrey" onclick="annulla()" style="margin-right:10px">annulla</button>
+                    <div class="payment_btn">
+                        <a href="/in?new=1&memberId={{$currentMember->id}}" class="btn--ui primary">NUOVA ENTRATA</a>
+                    </div>
                 </div>
             </div>
         </div>
@@ -428,10 +452,10 @@
                     <div class="row mb-3">
                         <div class="col-md-7 col-xl-8 p-3">
                             <div class="section--tab d-flex">
-                                <h4 style="cursor:pointer;{{$type == 'dati' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('dati')">Anagrafica</h4>
-                                <h4 style="cursor:pointer;{{$type == 'tesseramento' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('tesseramento')">Tesseramento</h4>
-                                <h4 style="cursor:pointer;{{$type == 'corsi' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('corsi')">Corsi</h4>
-                                <h4 style="cursor:pointer;{{$type == 'gruppi' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('gruppi')">Gruppi</h4>
+                                <h4 style="cursor:pointer;{{$type == 'dati' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('dati')">Anagrafica</h4>
+                                <h4 style="cursor:pointer;{{$type == 'tesseramento' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('tesseramento')">Tesseramento</h4>
+                                <h4 style="cursor:pointer;{{$type == 'corsi' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('corsi')">Corsi</h4>
+                                <h4 style="cursor:pointer;{{$type == 'gruppi' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('gruppi')">Gruppi</h4>
                             </div>
                             <div class="row">
                                 @if($type == 'dati')
@@ -495,7 +519,7 @@
                                                 </div>
                                                 <div class="row g-3 mt-1">
                                                     <div class="col-xl-6">
-                                                        <label for="fiscal_code" class="form-label">Codice fiscale (<a wire:click="getFiscalCode()" style="cursor:pointer;font-size:18px;color: #006099;font-weight: bold;">calcola</a>)</label>
+                                                        <label for="fiscal_code" class="form-label">Codice fiscale (<a wire:click="getFiscalCode()" style="cursor:pointer;font-size:18px;color: var(--color-blu);font-weight: bold;">calcola</a>)</label>
                                                         <input class="form-control  @error('fiscal_code') is-invalid @enderror" type="text" id="fiscal_code" placeholder="Codice fiscale" wire:model="fiscal_code"  maxlength="16">
                                                         @if($this->error_fc)
                                                             <span style="color:red;font-size:12px">Dati mancanti</span>
@@ -897,7 +921,7 @@
                                         @else
                                             <div class="form--wrapper">
                                                 <form class="form--utente">
-                                                    <div class="row ">
+                                                    <div class="row g-3">
                                                         <div class="col-md-6">
                                                             <label for="card_card_id" class="form-label">Tessera</label>
                                                             <select id="card_card_id" class="form-select card_card_id @error('card_card_id') is-invalid @enderror" aria-label="Tessera" wire:model="card_card_id">
@@ -912,7 +936,7 @@
                                                             <input class="form-control @error('card_number') is-invalid @enderror" type="text" id="card_number" placeholder="Numero" wire:model="card_number">
                                                         </div>
                                                     </div>
-                                                    <div class="row ">
+                                                    <div class="row g-3 mt-1">
                                                         <div class="col-md-6">
                                                             <label for="card_date" class="form-label">Data rilascio tessera</label>
                                                             <input class="form-control" type="date" id="card_date" placeholder="Data" wire:model="card_date">
@@ -922,7 +946,7 @@
                                                             <input class="form-control" type="date" id="card_accept_date" placeholder="Data accettazione" wire:model="card_accept_date">
                                                         </div>
                                                     </div>
-                                                    <div class="row ">
+                                                    <div class="row g-3 mt-1">
                                                         <div class="col-md-6">
                                                             <label for="card_date" class="form-label">Disciplina 1</label>
                                                             <select id="card_discipline1_id" class="form-select " aria-label="Disciplina 1" wire:model="card_discipline1_id">
@@ -943,7 +967,7 @@
                                                         </div>
                                                     </div>
                                                     @if($card_discipline2_id > 0)
-                                                        <div class="row ">
+                                                        <div class="row g-3 mt-1">
                                                             <div class="col-md-6">
                                                                 <label for="card_date" class="form-label">Disciplina 3</label>
                                                                 <select id="card_discipline3_id" class="form-select " aria-label="Disciplina 3" wire:model="card_discipline3_id">
@@ -958,7 +982,7 @@
                                                 </form>
                                             </div>
                                             <br>
-                                            <div class="row mt-2">
+                                            <div class="row g-3 mt-2">
                                                 <div class="col-md-12">
                                                     <button class="btn--ui lightGrey" wire:click.prevent="cancelCard()">Annulla</button>
                                                     @if($addCard)
@@ -987,10 +1011,11 @@
                                             </div>
                                         @endif
                                         <span style="color:red">{!!$groupMsg!!}</span>
+                                        <div class="mt-3"></div>
                                         @foreach($member_categories as $member_category)
-                                            <div class="tessera--added d-flex align-items-center justify-content-between mt-4 mb-3">
-                                                <div class="tessera--added_name d-flex align-items-start">
-                                                    <i class="ico--ui gruppi me-2"></i>
+                                            <div class="tessera--added d-flex align-items-center gap-5">
+                                                <div class="tessera--added_name d-flex align-items-center gap-3">
+                                                    <i class="fa-solid fa-users"></i>
                                                     <div class="title--tessera_added">
                                                         <h4>{{$member_category->category->getTree()}}</h4>
                                                     </div>
@@ -1336,9 +1361,11 @@
                                         <div class="user--resume_name d-flex flex-column">
                                             <span class="user-name">{{ strtoupper($first_name) }} {{ strtoupper($last_name) }}</span>
                                             
+                                            @if($dataId > 0)
                                             <div class="user_name me-4">
                                                 <span class="badge tessera-badge {{$active["status"] > 0 ? ($active["status"] == 2 ? 'active' : 'due') : 'suspended'}}">{{$active["status"] > 0 ? ($active["status"] == 2 ? 'Tesserato' : 'Sospeso') : 'Non tesserato'}}</span>
                                             </div>
+                                            @endif
 
                                             {{-- <span class="user-email">{{ $birth_date ? date("d/m/Y", strtotime($birth_date)) : '' }}{!!$age != '' ? ' (' . $age . ')' : ''!!}</span> --}}
                                         </div>
@@ -1366,17 +1393,62 @@
                                             </span>
                                         </li>
                                     </ul>
-                                    <div class="resume--tab_info credito">
-                                        <h2 class="mb-3"><i class="fa-solid fa-wallet"></i><span>Borsellino MAD</span></h2>
-                                        <span class="value">{{formatPrice($money)}}</span>
+                                    <div class="resume--tab_info tesseramento">
+                                        <h2 class="mb-3"><i class="fa-solid fa-file-lines"></i><span>Certificato</span></h2>
+                                        @if(sizeof($member_certificates) > 0)
+                                            @php
+                                                $cert = $member_certificates[0]
+                                            @endphp
+                                            @if($cert->expire_date . " 23:59:59" > date("Y-m-d"))
+                                                <div class="resume--wrapper d-flex align-items-start justify-content-between mb-2">
+                                                    <div class="resume--info resume-certificato d-flex align-items-start">
+                                                        {{-- <i class="fa-regular fa-file-lines me-2"></i> --}}
+                                                        <div class="title--tessera_added">
+                                                            <h4>{{$cert->type == 'A' ? 'Agonistico' : 'Non agonistico'}}</h4>
+                                                            <span class="title-detail">Scadenza: <span class="title-detail_date">{{$cert->expire_date ? date("d/m/Y", strtotime($cert->expire_date)) : ''}}</span></span></small>
+                                                        </div>
+                                                    </div>
+                                                    @if($cert->expire_date . " 23:59:59" < date("Y-m-d"))
+                                                        <span class="badge tessera-badge suspended">scaduto</span>
+                                                    @endif
+                                                    @if($cert->expire_date . " 23:59:59" >= date("Y-m-d") && $cert->expire_date < date("Y-m-d", strtotime("+1 month")))
+                                                        <span class="badge tessera-badge due">in scadenza</span>
+                                                    @endif
+                                                    @if($cert->expire_date . " 23:59:59" >= date("Y-m-d", strtotime("+1 month")))
+                                                        <span class="badge tessera-badge active">valido</span>
+                                                    @endif
+                                                </div>
+                                            @endif
+                                        @endif
                                     </div>
-                                    <div class="resume--tab_info gruppi">
-                                        <h2 class="mb-3"><i class="fa-solid fa-users"></i><span>Gruppi di appartenenza</span></h2>
-                                        <ul>
-                                        @foreach($member_categories as $member_category)
-                                            <li class="resume--info"><span>{{$member_category->category->getTree()}}</span></li>
+                                    <div class="resume--tab_info tesseramento">
+                                        <h2 class="mb-3"><i class="fa-solid fa-address-card"></i><span>Tesseramento</span></h2>
+                                        @foreach($member_cards as $member_card)
+                                            @if($member_card->expire_date . " 23:59:59" > date("Y-m-d"))
+                                                <div class="resume--wrapper d-flex align-items-start justify-content-between mb-2">
+                                                    <div class="resume--info resume-tessera d-flex align-items-start">
+                                                        {{-- <i class="ico--ui tessera me-2"></i> --}}
+                                                        <div class="title--tessera_added">
+                                                            <h4>{{$member_card->card->name}}</h4>
+                                                            <span class="title-detail">Scadenza: <span class="title-detail_date">{{$member_card->expire_date ? date("d/m/Y", strtotime($member_card->expire_date)) : ''}}</span></span></small>
+                                                            @if($member_card->discipline_1)
+                                                            </br>
+                                                                <span class="title-detail">Disciplina : <b>{{$member_card->discipline_1->name}}</b></span>
+                                                            @endif
+                                                            @if($member_card->discipline_2)
+                                                            </br>
+                                                                <span class="title-detail">Disciplina : <b>{{$member_card->discipline_2->name}}</b></span>
+                                                            @endif
+                                                            @if($member_card->discipline_3)
+                                                            </br>
+                                                                <span class="title-detail">Disciplina : <b>{{$member_card->discipline_3->name}}</b></span>
+                                                            @endif
+                                                        </div>
+                                                    </div>
+                                                    <span class="badge tessera-badge active">attiva</span>
+                                                </div>
+                                            @endif
                                         @endforeach
-                                        </ul>
                                     </div>
                                     <div class="resume--tab_info gruppi corsi">
                                         <h2 class="mb-3"><i class="fa-solid fa-chalkboard"></i><span>Corsi</span></h2>
@@ -1418,62 +1490,17 @@
                                             </div>
                                         @endforeach
                                     </div>
-                                    <div class="resume--tab_info tesseramento">
-                                        <h2 class="mb-3"><i class="fa-solid fa-address-card"></i><span>Tesseramento</span></h2>
-                                        @foreach($member_cards as $member_card)
-                                            @if($member_card->expire_date . " 23:59:59" > date("Y-m-d"))
-                                                <div class="resume--wrapper d-flex align-items-start justify-content-between mb-2">
-                                                    <div class="resume--info resume-tessera d-flex align-items-start">
-                                                        {{-- <i class="ico--ui tessera me-2"></i> --}}
-                                                        <div class="title--tessera_added">
-                                                            <h4>{{$member_card->card->name}}</h4>
-                                                            <span class="title-detail">Scadenza: <span class="title-detail_date">{{$member_card->expire_date ? date("d/m/Y", strtotime($member_card->expire_date)) : ''}}</span></span></small>
-                                                            @if($member_card->discipline_1)
-                                                            </br>
-                                                                <span class="title-detail">Disciplina : <b>{{$member_card->discipline_1->name}}</b></span>
-                                                            @endif
-                                                            @if($member_card->discipline_2)
-                                                            </br>
-                                                                <span class="title-detail">Disciplina : <b>{{$member_card->discipline_2->name}}</b></span>
-                                                            @endif
-                                                            @if($member_card->discipline_3)
-                                                            </br>
-                                                                <span class="title-detail">Disciplina : <b>{{$member_card->discipline_3->name}}</b></span>
-                                                            @endif
-                                                        </div>
-                                                    </div>
-                                                    <span class="badge tessera-badge active">attiva</span>
-                                                </div>
-                                            @endif
+                                    <div class="resume--tab_info gruppi">
+                                        <h2 class="mb-3"><i class="fa-solid fa-users"></i><span>Gruppi di appartenenza</span></h2>
+                                        <ul>
+                                        @foreach($member_categories as $member_category)
+                                            <li class="resume--info"><span>{{$member_category->category->getTree()}}</span></li>
                                         @endforeach
+                                        </ul>
                                     </div>
-                                    <div class="resume--tab_info tesseramento">
-                                        <h2 class="mb-3"><i class="fa-solid fa-file-lines"></i><span>Certificato</span></h2>
-                                        @if(sizeof($member_certificates) > 0)
-                                            @php
-                                                $cert = $member_certificates[0]
-                                            @endphp
-                                            @if($cert->expire_date . " 23:59:59" > date("Y-m-d"))
-                                                <div class="resume--wrapper d-flex align-items-start justify-content-between mb-2">
-                                                    <div class="resume--info resume-certificato d-flex align-items-start">
-                                                        {{-- <i class="fa-regular fa-file-lines me-2"></i> --}}
-                                                        <div class="title--tessera_added">
-                                                            <h4>{{$cert->type == 'A' ? 'Agonistico' : 'Non agonistico'}}</h4>
-                                                            <span class="title-detail">Scadenza: <span class="title-detail_date">{{$cert->expire_date ? date("d/m/Y", strtotime($cert->expire_date)) : ''}}</span></span></small>
-                                                        </div>
-                                                    </div>
-                                                    @if($cert->expire_date . " 23:59:59" < date("Y-m-d"))
-                                                        <span class="badge tessera-badge suspended">scaduto</span>
-                                                    @endif
-                                                    @if($cert->expire_date . " 23:59:59" >= date("Y-m-d") && $cert->expire_date < date("Y-m-d", strtotime("+1 month")))
-                                                        <span class="badge tessera-badge due">in scadenza</span>
-                                                    @endif
-                                                    @if($cert->expire_date . " 23:59:59" >= date("Y-m-d", strtotime("+1 month")))
-                                                        <span class="badge tessera-badge active">valido</span>
-                                                    @endif
-                                                </div>
-                                            @endif
-                                        @endif
+                                    <div class="resume--tab_info credito">
+                                        <h2 class="mb-3"><i class="fa-solid fa-wallet"></i><span>Borsellino MAD</span></h2>
+                                        <span class="value">{{formatPrice($money)}}</span>
                                     </div>
                                 </div>
                             </div>
@@ -1561,7 +1588,7 @@
             width:50px;
             align-items: center;
             justify-content: center;
-            color: #006099;
+            color: var(--color-blu);
             background-color: #d3dce1 !important;
             padding: 0 1.25rem;
             font-size: 0.875rem;
@@ -1585,7 +1612,7 @@
             align-items: center;
             justify-content: center;
             color: #fff;
-            background-color: #006099 !important;
+            background-color: var(--color-blu) !important;
             padding: 0 1.25rem;
             font-size: 0.875rem;
             font-family: greycliff-cf, sans-serif;
@@ -1601,7 +1628,7 @@
         div.day
         {
             margin-top:20px;
-            color: #006099;
+            color: var(--color-blu);
             background-color: #ffffff !important;
             padding: 20px;
             border-radius: 1.875rem !important;

resources/views/livewire/profile.blade.php

@@ -79,6 +79,6 @@
 </div>
 <style>
     .blu-text {
-        color: #0C6197 !important;
+        color: var(--color-blu) !important;
     }
 </style>

resources/views/livewire/records.blade.php

@@ -127,7 +127,7 @@
                         <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$c}}</td>
                         <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
                             @if($isMultiple)
-                                <span class="varie-link" data-causals="{{implode('|', array_slice($detailParts, 1))}}" style="color: #0C6197; cursor: pointer; text-decoration: underline;">
+                                <span class="varie-link" data-causals="{{implode('|', array_slice($detailParts, 1))}}" style="color: var(--color-blu); cursor: pointer; text-decoration: underline;">
                                     {{$displayDetail}}
                                 </span>
                             @else
@@ -226,7 +226,7 @@
     <div class="modal fade" id="causalsModal" tabindex="-1" aria-labelledby="causalsModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
-                <div class="modal-header" style="background-color: #0C6197!important;">
+                <div class="modal-header" style="background-color: var(--color-blu)!important;">
                     <h5 class="modal-title" id="causalsModalLabel">
                         <i class="me-2"></i>
                         Dettaglio Causali
@@ -263,7 +263,7 @@
     <div class="modal fade" id="exportModal" tabindex="-1" aria-labelledby="exportModalLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
-            <div class="modal-header" style="background-color: #0C6197!important;">
+            <div class="modal-header" style="background-color: var(--color-blu)!important;">
                 <h5 class="modal-title" id="exportModalLabel">Seleziona Periodo per Export</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="CHIUDI"></button>
             </div>
@@ -385,12 +385,12 @@
 
         .loading-content {
             text-align: center;
-            color: #0C6197;
+            color: var(--color-blu);
         }
 
         .loading-content i {
             margin-bottom: 15px;
-            color: #0C6197;
+            color: var(--color-blu);
         }
 
         .loading-content p {
@@ -436,14 +436,14 @@
         }
 
         #btn-back-to-top {
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             position: fixed;
             display: none;
         }
 
         #btn-back-to-bottom {
-            background-color: #0C6197;
+            background-color: var(--color-blu);
             color: white;
             position: fixed;
             z-index: 9999;
@@ -621,7 +621,7 @@
         }
 
         .export-method-check:hover {
-            border-color: #0C6197;
+            border-color: var(--color-blu);
             background: linear-gradient(135deg, #e8f4f8 0%, #d1ecf1 100%);
         }
 
@@ -640,12 +640,12 @@
         }
 
         .export-method-check .form-check-input:checked {
-            background-color: #0C6197;
-            border-color: #0C6197;
+            background-color: var(--color-blu);
+            border-color: var(--color-blu);
         }
 
         .export-method-check .form-check-input:checked ~ .form-check-label {
-            color: #0C6197;
+            color: var(--color-blu);
             font-weight: 600;
         }
 
@@ -658,7 +658,7 @@
         }
 
         .form-check-input:focus {
-            border-color: #0C6197;
+            border-color: var(--color-blu);
             outline: 0;
             box-shadow: 0 0 0 0.2rem rgba(12, 97, 151, 0.25);
         }
@@ -689,7 +689,7 @@
         .alert-info {
             background-color: rgba(12, 97, 151, 0.1);
             border-color: rgba(12, 97, 151, 0.2);
-            color: #0C6197;
+            color: var(--color-blu);
         }
 
         .spinner-border-sm {
@@ -905,10 +905,10 @@
                                 $('#causalsList').append(
                                     '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                     '<div>' +
-                                    '<i class="fas fa-tags me-2" style="color: #0C6197;"></i>' +
+                                    '<i class="fas fa-tags me-2" style="color: var(--color-blu);"></i>' +
                                     causalName +
                                     '</div>' +
-                                    '<span class="badge bg-primary rounded-pill" style="background-color: #0C6197 !important;">' +
+                                    '<span class="badge bg-primary rounded-pill" style="background-color: var(--color-blu) !important;">' +
                                     amount +
                                     '</span>' +
                                     '</li>'
@@ -916,7 +916,7 @@
                             } else {
                                 $('#causalsList').append(
                                     '<li class="list-group-item">' +
-                                    '<i class="fas fa-tags me-2" style="color: #0C6197;"></i>' +
+                                    '<i class="fas fa-tags me-2" style="color: var(--color-blu);"></i>' +
                                     causal.trim() +
                                     '</li>'
                                 );

resources/views/livewire/records_in.blade.php

@@ -858,7 +858,7 @@
             width:100% !important;
         }
         .page-link.active, .active > .page-link {
-            background-color:#006099 !important;
+            background-color:var(--color-blu) !important;
         }
 
         .select2-selection--multiple{

resources/views/livewire/records_out.blade.php

@@ -28,7 +28,7 @@
      wire:ignore.self>
         <div class="modal-dialog">
             <div class="modal-content">
-                <div class="modal-header" style="background-color: #0C6197!important;">
+                <div class="modal-header" style="background-color: var(--color-blu)!important;">
                     <h5 class="modal-title" id="importModalLabel">Importa fatture passive</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="alert" onclick="closeImportModal()" aria-label="Close"></button>
                 </div>
@@ -606,7 +606,7 @@
     <div class="modal fade" id="importResultModal" tabindex="-1" aria-labelledby="importResultModalLabel" aria-hidden="true">
         <div class="modal-dialog">
             <div class="modal-content">
-                <div class="modal-header" style="background-color: #0C6197!important;">
+                <div class="modal-header" style="background-color: var(--color-blu)!important;">
                     <h5 class="modal-title" id="importResultModalLabel" >Importazione Completata</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
@@ -623,7 +623,7 @@
     <div class="modal fade" id="recordDetailsModal" tabindex="-1" aria-labelledby="recordDetailsModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
-                <div class="modal-header" style="background-color: #0C6197!important;">
+                <div class="modal-header" style="background-color: var(--color-blu)!important;">
                     <h5 class="modal-title" id="recordDetailsModalLabel">Dettaglio uscita</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
@@ -763,21 +763,21 @@
         }
 
         .file-drop-zone:hover {
-            border-color: #0C6197 !important;
+            border-color: var(--color-blu) !important;
             background-color: #f0f8ff !important;
             transform: translateY(-2px);
             box-shadow: 0 4px 12px rgba(12, 97, 151, 0.15);
         }
 
         .file-drop-zone.dragover {
-            border-color: #0C6197 !important;
+            border-color: var(--color-blu) !important;
             background-color: #e6f3ff !important;
             transform: scale(1.02);
             box-shadow: 0 8px 25px rgba(12, 97, 151, 0.25);
         }
 
         .file-input:focus + .file-drop-zone {
-            border-color: #0C6197 !important;
+            border-color: var(--color-blu) !important;
             box-shadow: 0 0 0 0.25rem rgba(12, 97, 151, 0.25);
         }
 
@@ -820,7 +820,7 @@
             width: 50px;
             height: 50px;
             border: 5px solid #f3f3f3;
-            border-top: 5px solid #0C6197;
+            border-top: 5px solid var(--color-blu);
             border-radius: 50%;
             animation: spin 1s linear infinite;
             margin: 0 auto 25px;
@@ -849,7 +849,7 @@
 
         .progress-fill {
             height: 100%;
-            background: linear-gradient(90deg, #0C6197, #1e7bb8, #0C6197);
+            background: linear-gradient(90deg, var(--color-blu), #1e7bb8, var(--color-blu));
             width: 0%;
             transition: width 0.5s ease;
             animation: progressShimmer 2s ease-in-out infinite;
@@ -885,7 +885,7 @@
 
         .upload-status {
             font-weight: 600;
-            color: #0C6197;
+            color: var(--color-blu);
         }
 
         .upload-percentage {
@@ -1002,8 +1002,8 @@
 
         /* Miglioramenti per i radio button */
         .check--invoice .form-check-input:checked {
-            background-color: #0C6197;
-            border-color: #0C6197;
+            background-color: var(--color-blu);
+            border-color: var(--color-blu);
         }
 
         .check--invoice .form-check-label {
@@ -1012,7 +1012,7 @@
         }
 
         .check--invoice .form-check-input:checked + .form-check-label {
-            color: #0C6197;
+            color: var(--color-blu);
         }
 
         /* Responsive per mobile */

resources/views/livewire/settings.blade.php

@@ -12,10 +12,10 @@
     <section id="setting">
 
         <div class="section--tab d-flex">
-            <h4 style="cursor:pointer;{{$type == 'anagrafica' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('anagrafica')">Anagrafica</h4>
-            <h4 style="cursor:pointer;{{$type == 'corsi' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('corsi')">Corsi</h4>
-            <h4 style="cursor:pointer;{{$type == 'contabilita' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('contabilita')">Contabilità</h4>
-            <h4 style="cursor:pointer;{{$type == 'comunicazioni' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('comunicazioni')">Comunicazioni</h4>
+            <h4 style="cursor:pointer;{{$type == 'anagrafica' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('anagrafica')">Anagrafica</h4>
+            <h4 style="cursor:pointer;{{$type == 'corsi' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('corsi')">Corsi</h4>
+            <h4 style="cursor:pointer;{{$type == 'contabilita' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('contabilita')">Contabilità</h4>
+            <h4 style="cursor:pointer;{{$type == 'comunicazioni' ? 'border-bottom:2px solid var(--color-blu); color:var(--color-blu);' : ''}}" wire:click="change('comunicazioni')">Comunicazioni</h4>
             <a href="/users"><h4>Profilo utenti</h4></a>
         </div>