fix UC cassa, campi personalizzati punto vendita (non concluso),fix datatableOperatore -Create

app/DataTables/OperatoreDataTableEditor.php

@@ -38,7 +38,7 @@ class OperatoreDataTableEditor extends DataTablesEditor
       'email' => 'required|email|unique:operatore,email',
       'telefono' => 'nullable',
       // 'username' => 'required|unique:operatore,username',
-      // 'password' => 'required',
+      'password' => 'nullable|sometimes',
       'is_attivo' => 'boolean',
     ];
   }
@@ -60,6 +60,7 @@ class OperatoreDataTableEditor extends DataTablesEditor
       'cognome' => 'required',
       'email' => 'nullable|email',
       'telefono' => 'nullable',
+      'password' => 'nullable|sometimes',
       // 'username' => 'required|unique:operatore,username',
       // 'password' => 'required',
       'is_attivo' => 'boolean',
@@ -85,10 +86,10 @@ class OperatoreDataTableEditor extends DataTablesEditor
   {
     // $model->roles()->sync([$data['ruolo_id']]);
     $data['is_attivo'] = isset($data['is_attivo']) ? true : false;
-    if(isset($data['password'])){
-      $data['password'] = Hash::make($data['password']);
+    if(!isset($data['password'])){
+      $data['password'] = Str::random(8);
     }
-    $data['username'] = Str::slug($data['nome'] . '.' . $data['cognome']);
+    $data['username'] = $this->createUsername($data);
     return $data;
   }
 
@@ -97,9 +98,6 @@ class OperatoreDataTableEditor extends DataTablesEditor
     // dd($data['ruolo']);
     // $model->roles()->sync([$data['ruolo_id']]);
     $data['is_attivo'] = isset($data['is_attivo']) ? true : false;
-    if(isset($data['password'])){
-    $data['password'] = Hash::make($data['password']);
-    }
     $data['username'] = $this->createUsername($data);
     return $data;
   }

app/DataTables/RigaOrdineDataTable.php

@@ -118,10 +118,9 @@ class RigaOrdineDataTable extends DataTable
                     ->dom('rtip')
                     // ->buttons($buttons)
                     ->orderBy(0, 'asc')
-                    ->scrollY("48vh")
                     ->paging(false)
                     ->selectStyleSingle()
-                    ->responsive(true)
+                    ->responsive($this->vista === 'catalogo')
                     // ->editor(
                     //     Editor::make()
                     //         ->fields([
@@ -139,6 +138,7 @@ class RigaOrdineDataTable extends DataTable
      */
     public function getColumns(): array
     {
+ 
         if($this->vista == 'catalogo'){
             return [
                 Column::make('id')->visible(false),

app/Http/Controllers/CarrelloController.php

@@ -189,34 +189,48 @@ class CarrelloController extends Controller
     }
 
     public function azzera(Request $request){
-        $ordine = Ordine::find($request->ordine_id);
-        if($ordine == null){
-            return response()->json([
-                'success' => false,
-                'message' => 'Ordine non trovato',
-                'data' => null,
-            ]);
-        }
-        $righe = RigaOrdine::where('ordine_id', $ordine->id)->delete();
-        $ordine->prezzo = 0;
-        $ordine->save();
-        $ordine->delete();
-
-        switch(Dispositivo::cassa()->first()->tipo){
-            case Dispositivo::CASSA:
-                return redirect()->route('punto-vendita.show');
-                break;
-            case Dispositivo::TIPO_KIOSK:
-                // return redirect()->route('punto_vendita.kiosk.index');
-                return redirect()->route('punto-vendita.show');
+        $request->validate([
+            'ordine_id' => 'required|integer|exists:ordine,id',
+        ]);
+        $result = $this->carrelloService->azzeraCarrello($request->ordine_id);
+        return response()->json([
+            'success' => $result['success'],
+            'message' => $result['message'],
+            'data' => $result['data'],
+        ]);
+        // $ordine = Ordine::find($request->ordine_id);
+        // if($ordine == null){
+        //     return response()->json([
+        //         'success' => false,
+        //         'message' => 'Ordine non trovato',
+        //         'data' => null,
+        //     ]);
+        // }
+        // $righe = RigaOrdine::where('ordine_id', $ordine->id)->delete();
+        // $ordine->prezzo = 0;
+        // $ordine->save();
+        // $ordine->delete();
 
-                break;
-            case Dispositivo::CAMERIERE:
-                // return redirect()->route('punto_vendita.cameriere.index');
-                return redirect()->route('punto-vendita.show');
+        // return response()->json([
+        //     'success' => true,
+        //     'message' => 'Carrello svuotato',
+        //     'data' => null,
+        // ]);
+        // // switch(Dispositivo::cassa()->first()->tipo){
+        // //     case Dispositivo::CASSA:
+        // //         return redirect()->route('punto-vendita.show');
+        // //         break;
+        // //     case Dispositivo::TIPO_KIOSK:
+        // //         // return redirect()->route('punto_vendita.kiosk.index');
+        // //         return redirect()->route('punto-vendita.show');
+
+        // //         break;
+        // //     case Dispositivo::CAMERIERE:
+        // //         // return redirect()->route('punto_vendita.cameriere.index');
+        // //         return redirect()->route('punto-vendita.show');
                 
-                break;
-        }
+        // //         break;
+        // // }
     }
 
     public function totale(Request $request){

app/Http/Controllers/PuntoVenditaController.php

@@ -87,6 +87,7 @@ class PuntoVenditaController extends Controller
             'data_apertura_dispositivo' => 'nullable|date',
             'data_chiusura_dispositivo' => 'nullable|date',
             'endpoint_id' => 'sometimes|nullable|exists:endpoint,id',
+            'info' => 'sometimes|nullable|json',
         ],[
             'nome.required' => 'Il nome è richiesto',
             'tipo.required' => 'Il tipo è richiesto',
@@ -106,8 +107,27 @@ class PuntoVenditaController extends Controller
             'pin_sblocco.max' => 'Il pin di sblocco deve essere lungo al massimo 4 caratteri',
             'pin_sblocco.regex' => 'Il pin di sblocco deve contenere solo numeri',
             'pin_sblocco.unique' => 'Il pin di sblocco deve essere unico',
+            'info.json' => 'Il campo info deve essere un JSON valido',
         ]);
 
+        //Esempio di info:
+        // {
+        //     "campi_ordine" :{
+        //             "cliente" :{
+        //                 "label" : "Cliente",
+        //                 "placeholder" : "Inserisci il tup nome",
+        //                 "mostra" : true,
+        //                 "required" : false,
+        //                 "type" : "text",
+        //                 "stampa" : true,
+        //             }
+        //         }
+        // }
+        
+        if($request->has('info')){
+            $validated['info'] = json_decode($request->info, true);
+        }
+
             $puntoVendita->update($validated);
             return response()->json(['success' => true, 'message' => 'Punto di vendita aggiornato con successo']);
         }else{

app/Models/AbstractModels/AbstractDispositivo.php

@@ -52,6 +52,7 @@ abstract class AbstractDispositivo extends \Illuminate\Foundation\Auth\User
         'data_chiusura_dispositivo' => 'datetime',
         'cucina_id' => 'integer',
         'occupato' => 'boolean',
+        'info' => 'json',
         'created_at' => 'datetime',
         'updated_at' => 'datetime'
     ];
@@ -79,6 +80,7 @@ abstract class AbstractDispositivo extends \Illuminate\Foundation\Auth\User
         'data_chiusura_dispositivo',
         'cucina_id',
         'occupato',
+        'info',
         'created_at',
         'updated_at'
     ];

app/Services/Carrello/CarrelloService.php

@@ -95,9 +95,42 @@ class CarrelloService
         };
     }
 
-    public function azzeraCarrello(int $ordineId): void
+    public function azzeraCarrello(int $ordine_id): array
     {
-        RigaOrdine::where('ordine_id', $ordineId)->delete();
+        $ordine = Ordine::find($ordine_id);
+
+        if($ordine == null){
+            return [
+                'success' => false,
+                'message' => 'Ordine non trovato',
+                'data' => null,  
+            ];
+        }
+        $righe = RigaOrdine::where('ordine_id', $ordine->id)->delete();
+        $ordine->prezzo = 0;
+        $ordine->save();
+        $ordine->delete();
+
+        return [
+            'success' => true,
+            'message' => 'Carrello svuotato',
+            'data' => null,
+        ];
+        // switch(Dispositivo::cassa()->first()->tipo){
+        //     case Dispositivo::CASSA:
+        //         return redirect()->route('punto-vendita.show');
+        //         break;
+        //     case Dispositivo::TIPO_KIOSK:
+        //         // return redirect()->route('punto_vendita.kiosk.index');
+        //         return redirect()->route('punto-vendita.show');
+
+        //         break;
+        //     case Dispositivo::CAMERIERE:
+        //         // return redirect()->route('punto_vendita.cameriere.index');
+        //         return redirect()->route('punto-vendita.show');
+                
+        //         break;
+        // }
     }
 
     public function aggiornaNota(int $rigaOrdineId, string $note): RigaOrdine

database/migrations/2026_06_19_131553_aggiungi_info_su_dispositivo.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('dispositivo', function (Blueprint $table) {
+            $table->json('info')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('dispositivo', function (Blueprint $table) {
+            $table->dropColumn('info');
+        });
+    }
+};

resources/views/punto_vendita/cassa/_partials/carrello/pagamento/checkout.blade.php

@@ -27,7 +27,7 @@ $nRighe = $ordine ? $ordine->righe_ordine->count() : 0;
       </p>
 
 
-      </form>
+    
       @if($metodi->isEmpty())
         <p class="text-warning mt-4 mb-0">Nessun metodo di pagamento attivo.</p>
       @else
@@ -126,9 +126,12 @@ $nRighe = $ordine ? $ordine->righe_ordine->count() : 0;
           <h5 class="mb-0">€ {{ number_format($totaleOrdine, 2, ',', '.') }}</h5>
         </div>
         <div class="d-grid mt-5">
-          <button type="submit" class="btn btn-success" {{ $metodi->isEmpty() ? 'disabled' : '' }}>
-            <span class="me-2">Conferma pagamento</span>
-            <i class="bx bx-right-arrow-alt scaleX-n1-rtl"></i>
+          <button type="submit" id="btn-conferma-pagamento" class="btn btn-success" {{ $metodi->isEmpty() ? 'disabled' : '' }}>
+
+          <span class="spinner-border spinner-border-sm d-none" id="checkout-submit-spinner" role="status"></span>
+
+            <span class="me-2" id="checkout-submit-label">Conferma pagamento</span>
+            <i class="bx bx-right-arrow-alt scaleX-n1-rtl" id="checkout-submit-icon"></i>
           </button>
 
         </div>
@@ -143,14 +146,15 @@ $nRighe = $ordine ? $ordine->righe_ordine->count() : 0;
   </div>
 </div>
 
-
 </form>
 
 <script>
 $(document).ready(function(){
+  bindCheckoutSpinner();
     $('input[name="metodo_pagamento_id"]').on('change', function(){
 
       checkUX($(this));
+
   });
 });
 
@@ -192,6 +196,30 @@ function chiE(tag_id){
   });
 }
 
+function showCheckoutSpinner() {
+  $('#btn-conferma-pagamento').prop('disabled', true);
+  $('#checkout-submit-spinner').removeClass('d-none');
+  $('#checkout-submit-label').text('Elaborazione pagamento…');
+  $('#checkout-submit-icon').addClass('d-none');
+}
+
+function hideCheckoutSpinner() {
+  $('#checkout-submit-spinner').addClass('d-none');
+  $('#checkout-submit-label').text('Conferma pagamento');
+  $('#checkout-submit-icon').removeClass('d-none');
+  $('#btn-conferma-pagamento').prop('disabled', false);
+}
+
+function bindCheckoutSpinner() {
+  $('form[action="{{ route('carrello.paga_ordine') }}"]').on('submit', function () {
+    if ($('#btn-conferma-pagamento').prop('disabled')) {
+      return false;
+    }
+    showCheckoutSpinner();
+    return true;
+  });
+}
+
 /////////////////////// spostato in INDEX
 // let nfcAbortController = null;
 

resources/views/punto_vendita/cassa/_partials/carrello/riepilogo.blade.php

@@ -1,13 +1,13 @@
-<div class="col-12 mb-6">
+<div class="col-12">
     <div class="card">
       <div class="card-widget-separator-wrapper">
-        <div class="card-body card-widget-separator">
+        <div class="p-2 card-widget-separator">
           <div class="gy-4 gy-sm-1 justify-content-around row">
             <div class="col-sm-6 col-md-6 col-lg-6">
               <div class="d-flex justify-content-between align-items-center card-widget-1  pb-4 pb-sm-0">
                 <div>
                   <h4 class="mb-0">
-                    <input type="text" placeholder="Cliente" class="form-control text-primary border-0 fw-bold border-bottom border-primary border-radius-0" style="border-radius: 0px;" id="cliente" value="{{ $ordine->info['cliente']??'' }}" aria-describedby="defaultFormControlHelp">
+                    <input type="text" placeholder="Cliente" class="form-control text-primary border-0 fw-bold border-bottom border-primary border-radius-0" style="border-radius: 0px;" id="cliente" value="{{ $ordine->info['cliente']??'' }}" aria-describedby="defaultFormControlHelp" @if($punto_vendita->info['campi_ordine']['cliente']['required'] ?? false) required @endif>
                 </h4>
                   <small class="mb-0 text-primary">Cliente</small>
                 </div>
@@ -19,7 +19,7 @@
               <div class="d-flex justify-content-between align-items-center card-widget-2  pb-4 pb-sm-0">
                 <div>
                   <h4 class="mb-0">
-                  <input type="text" placeholder="Tavolo" class="form-control text-primary border-0 fw-bold border-bottom border-primary border-radius-0"  style="border-radius: 0px;" id="tavolo" value="{{ $ordine->info['tavolo']??'' }}" aria-describedby="defaultFormControlHelp">
+                  <input type="text" placeholder="Tavolo" class="form-control border-0 fw-bold border-bottom border-primary border-radius-0"  style="border-radius: 0px;" id="tavolo" value="{{ $ordine->info['tavolo']??'' }}" aria-describedby="defaultFormControlHelp" @if($punto_vendita->info['campi_ordine']['tavolo']['required'] ?? false) required @endif>
                 </h4>
                   <small class="mb-0 text-primary">Tavolo</small>
                 </div>
@@ -27,7 +27,7 @@
               </div>
               <hr class="d-none d-sm-block d-lg-none">
             </div>
-            <div class="col-sm-3 col-md-3 col-lg-3">
+            <!-- <div class="col-sm-3 col-md-3 col-lg-3">
               <div class="d-flex justify-content-between align-items-center  pb-4 pb-sm-0 card-widget-3 ">
                 <div>
                   <h4 class="mb-0 text-primary fw-bold border-bottom border-primary border-radius-0" id="totale_carrello">
@@ -42,7 +42,7 @@
                 </div>
 
               </div>
-            </div>
+            </div> -->
 
           </div>
 

resources/views/punto_vendita/cassa/_partials/menu_cucine.blade.php

@@ -199,7 +199,8 @@
     min-width: 0;
   }
   .cassa-cucine-card .tab-content {
-    flex: 1 1 auto;
+    flex: 1 1 0;
+    height: 0;
     min-height: 0;
   }
   .cassa-cucine-card .tab-pane {
@@ -208,7 +209,8 @@
     overflow: hidden;
   }
   .cassa-cucine-card .tab-pane.active.show {
-    display: block;
+    display: flex;
+    flex-direction: column;
   }
   .cassa-cucine-tabs .nav-link {
     white-space: nowrap;
@@ -280,11 +282,14 @@
     min-width: 0;
   }
   .cassa-cucine-card .cassa-piatti-grid {
-    height: 100%;
+    flex: 1 1 0;
+    height: 0;
     min-height: 0;
     max-height: none;
     overflow-y: auto;
     overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+    overscroll-behavior: contain;
     align-content: flex-start;
     margin: 0;
     padding-right: 0.35rem;
@@ -293,12 +298,8 @@
   }
   @media (max-width: 1199.98px) {
     .cassa-cucine-card {
-      height: auto;
-      min-height: 30rem;
-    }
-    .cassa-cucine-card .cassa-piatti-grid {
-      max-height: 20rem;
-      height: auto;
+      height: 100% !important;
+      min-height: 0;
     }
   }
   .cassa-piatto-add-icon {

resources/views/punto_vendita/cassa/_partials/scripts.blade.php

@@ -145,6 +145,9 @@ function aggiornaCarrello() {
         if (typeof initComplete_rigaordine === "function") {
             initComplete_rigaordine();
         }
+        if (typeof cassaSyncCartScroll === "function") {
+            cassaSyncCartScroll();
+        }
     });
     aggiornaTotaleCarrello();
 
@@ -179,7 +182,20 @@ function azzeraCarrelloAjax() {
             _token: "{{ csrf_token() }}",
         },
         success: function(response) {
-            window.location.reload();
+            if(response.success){
+                new Notyf({
+                    duration: 2000,
+                    position: { x: 'right', y: 'top' }
+                }).success(response.message);
+                window.location.reload();
+            }else{
+                Swal.fire({
+                    title: "Errore",
+                    text: response.message,
+                    icon: "error",
+                });
+            }
+          
         },
         error: function(xhr, status, error) {
             // console.log(xhr.responseText);
@@ -265,8 +281,14 @@ function azzeraCarrelloAjax() {
 
 <script>
   function initComplete_rigaordine(){
+    var $ = window.jQuery || window.$;
+    if (!$) {
+      cassaSyncCartScroll();
+      return;
+    }
+
     $('div.dt-buttons button').removeClass('btn-secondary');
-    $('div.dt-search').addClass('mt-0 mb-4');
+    $('div.dt-search').addClass('mt-0 mb-2');
     $('div.dt-buttons').removeClass('btn-group');
     $('.dt-type-numeric').each(function() {
       $(this).removeClass('dt-type-numeric');
@@ -274,8 +296,9 @@ function azzeraCarrelloAjax() {
     $('table.dataTable tbody').css('border-style', 'none !important');
     aggiornaTotaleCarrello();
     $(".dt-empty").text("Carrello vuoto");
-        $('.mb-6 .card').addClass('shadow-none');
+    $('.mb-6 .card').addClass('shadow-none');
     $('.mb-6').removeClass('mb-6');
+    cassaSyncCartScroll();
 
     @if(isset($vista) && $vista == 'catalogo')
       $('table').removeClass('datatable table dt-inline');
@@ -283,6 +306,35 @@ function azzeraCarrelloAjax() {
 
 }
 
+  function cassaSyncCartScroll() {
+    var card = document.querySelector('.cassa-cart-card');
+    var el = document.querySelector('.cassa-cart-scroll');
+    if (!card || !el) {
+      return;
+    }
+
+    var footer = document.querySelector('.cassa-footer');
+    var footerGap = footer ? footer.getBoundingClientRect().height + 8 : 8;
+    var available = window.innerHeight - el.getBoundingClientRect().top - footerGap;
+
+    if (available > 80) {
+      el.style.maxHeight = Math.floor(available) + 'px';
+    } else {
+      el.style.maxHeight = '';
+    }
+    el.style.overflowY = 'auto';
+
+    window.requestAnimationFrame(function() {
+      var dt = window.LaravelDataTables && window.LaravelDataTables['dataTable_rigaordine'];
+      if (dt && typeof dt.columns !== 'undefined') {
+        dt.columns.adjust();
+      }
+    });
+  }
+
+  window.addEventListener('resize', cassaSyncCartScroll);
+  window.addEventListener('load', cassaSyncCartScroll);
+
   function aggiornaTotaleCarrello() {
     $.ajax({
       url: "{{ route('carrello.totale') }}",

resources/views/punto_vendita/cassa/index.blade.php

@@ -47,77 +47,116 @@ $cucine = $cucine ?? collect();
   --svg: url("data:image/svg+xml,%3csvg width='24' height='24' fill='currentColor' viewBox='0 0 24 24' transform='' xmlns='http://www.w3.org/2000/svg'%3e%3c!--Boxicons v3.0.8 https://boxicons.com %7c License https://docs.boxicons.com/free--%3e%3cpath d='M17.13 5.54C16.33 3.42 14.32 2 12 2S7.67 3.42 6.87 5.54A5.506 5.506 0 0 0 2 11c0 2.07 1.18 3.95 3 4.88V18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-2.12c1.82-.93 3-2.81 3-4.88 0-2.82-2.13-5.15-4.87-5.46m.53 8.75c-.4.14-.67.52-.67.94v1.78H7v-1.78c0-.42-.27-.8-.67-.94-1.4-.5-2.33-1.82-2.33-3.28 0-1.93 1.57-3.5 3.42-3.5.04 0 .14.01.18.02.49 0 .9-.31 1-.78.36-1.61 1.76-2.73 3.41-2.73s3.05 1.12 3.41 2.73c.1.47.51.81 1 .78.06 0 .12 0 .09-.01 1.93 0 3.5 1.57 3.5 3.5 0 1.47-.94 2.79-2.33 3.28ZM5 20h14v2H5z'%3e%3c/path%3e%3c/svg%3e");
 }
 
+html:has(.cassa-front-page),
+html:has(.cassa-front-page) body {
+  height: 100%;
+  overflow: hidden;
+}
+
 .cassa-front-page{
-  --cassa-panels-height: calc(100dvh - 10.4rem);
-  height: calc(100dvh - 2px);
-  display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr) auto;
+  height: 100dvh;
+  max-height: 100dvh;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
   max-width: none;
-  padding-top: 0.75rem;
-  padding-bottom: 0.5rem;
+  padding: 0.5rem 0.75rem 0.35rem;
+  box-sizing: border-box;
+}
+.cassa-front-page > .row.cassa-main-row{
+  flex: 1 1 0;
 }
 .cassa-title{
-  margin-bottom: 0.5rem;
+  flex-shrink: 0;
+  margin-bottom: 0.35rem;
+}
+.cassa-front-page > .alert{
+  flex-shrink: 0;
+  margin-bottom: 0.35rem;
 }
 .cassa-main-row{
-  height: var(--cassa-panels-height);
-  flex: 0 0 auto;
+  flex: 1 1 auto;
   min-height: 0;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: stretch;
+  align-items: stretch;
   --bs-gutter-y: 0.5rem;
   --bs-gutter-x: 0.75rem;
   margin-top: 0 !important;
   overflow: hidden;
 }
 .cassa-main-row > [class*='col-']{
+  display: flex;
+  flex-direction: column;
   height: 100%;
   max-height: 100%;
   min-height: 0;
+  overflow: hidden;
 }
 .cassa-cart-card{
   height: 100%;
   min-height: 0;
+  max-height: 100%;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
-.cassa-cart-card .carrello-container{
-  min-height: 0;
+.cassa-cart-header{
+  flex-shrink: 0;
 }
-.cassa-cart-list{
-  flex: 1 1 auto;
+.cassa-cart-riepilogo{
+  flex-shrink: 0;
   min-height: 0;
-  display: flex;
-  flex-direction: column;
 }
-.cassa-cart-list .accordion{
+.cassa-cart-card .carrello-container:not(.cassa-cart-scroll){
+  flex-shrink: 0;
+}
+.cassa-cart-card .carrello-container .mb-6{
+  margin-bottom: 0 !important;
+}
+.cassa-cart-card .card-widget-separator .card-body{
+  padding: 0.55rem 0.75rem;
+}
+.cassa-cart-card .card-widget-separator .pb-4{
+  padding-bottom: 0.25rem !important;
+}
+.cassa-cart-scroll{
   flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
+  min-height: 6rem;
+  overflow-y: auto !important;
   overflow-x: hidden;
-  padding-right: 0.2rem;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+  padding-right: 0.15rem;
   scrollbar-width: thin;
-  margin-top: 0.5rem !important;
+}
+.cassa-cart-scroll .dataTables_wrapper{
+  width: 100%;
+}
+.cassa-cart-scroll table.dataTable{
+  margin-bottom: 0;
+}
+.cassa-cart-scroll .dataTables_filter{
+  margin-bottom: 0.35rem;
+}
+.cassa-cart-scroll .dataTables_info{
+  padding-top: 0.35rem;
 }
 .cassa-footer{
   flex-shrink: 0;
-  margin-top: 0.45rem !important;
+  margin-top: 0.25rem !important;
+  padding-top: 0.15rem;
   line-height: 1.2;
 }
 @media (max-width: 1199.98px){
-  .cassa-front-page{
-    height: auto;
-    min-height: 100dvh;
-    overflow: visible;
-    display: block;
-    --cassa-panels-height: auto;
-  }
   .cassa-main-row{
-    height: auto;
-    flex: 1 1 auto;
-    overflow: visible;
+    flex-direction: column;
   }
   .cassa-main-row > [class*='col-']{
-    height: auto;
+    flex: 1 1 0;
+    min-height: 0;
     max-height: none;
   }
 }
@@ -161,11 +200,23 @@ $cucine = $cucine ?? collect();
       @if($punto_vendita->binding_token)
         <span class="px-3 py-1 alert alert-success ms-2"> 
           <i class="bx bx-link"></i>
-          Linked
+          <!-- Linked -->
         </span>
       @endif
 
-      <a href="{{ route('punto-vendita.show', ['punto_vendita_id' => $punto_vendita->id , 'vista' => 'catalogo']) }}" class="ms-2 px-3 py-1 alert text-bg-primary"> <!-- btn btn-primary -->
+      <span class="dropdown">
+            <button class="btn text-muted p-0" type="button" id="transactionID" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <i class="bx bx-menu bx-lg text-primary fs-2"></i> <!-- bx-dots-vertical-rounded-->
+            </button>
+            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="transactionID">
+              <a class="dropdown-item" href="javascript:void(0);" onclick="showInfoPuntoVendita()">Informazioni punto vendita</a>
+              <!-- <a class="dropdown-item" href="javascript:void(0);" onclick="stampaRiepilogo()">Stampa riepilogo</a> -->
+              <a class="dropdown-item" href="javascript:void(0);" onclick="dissociaDispositivo()">Dissocia dispositivo</a>
+              <!-- <a class="dropdown-item" href="javascript:void(0);" onclick="chiudiPuntoVendita(alert('Chiudi {{ $punto_vendita->tipo}}'))">Chiudi {{ $punto_vendita->tipo}}</a> -->
+            </div>
+          </span>
+
+      <a href="{{ route('punto-vendita.show', ['punto_vendita_id' => $punto_vendita->id , 'vista' => 'catalogo']) }}" class=" d-none ms-2 px-3 py-1 alert text-bg-primary"> <!-- btn btn-primary -->
         <i class="bx bx-list-ul mx-1"></i>
         vista catalogo
       </a>
@@ -177,16 +228,33 @@ $cucine = $cucine ?? collect();
 
   @include('_partials.status', ['success' => session('success'), 'error' => session('error')])
 
-  <div class="row g-2 justify-content-center mt-0 cassa-main-row">
-    <div class="col-12 col-xl-8 d-flex min-h-0">
+  <div class="row g-2 justify-content-center mt-0 cassa-main-row flex-grow-1 min-h-0">
+    <div class="col-12 col-xl-8 d-flex flex-column min-h-0">
       @include('punto_vendita.cassa._partials.menu_cucine', ['cucine' => $cucine, 'punto_vendita' => $punto_vendita])
     </div>
-    <div class="col-12 col-xl-4 d-flex flex-column min-h-0">
-      <div class="card border shadow-sm w-100 h-100 cassa-cart-card">
-        <div class="card-body text-center pt-2 d-flex align-items-center justify-content-between">
-          <i class="bx bx-cart fs-4 text-muted"></i>
-          <h6 class="mt-2 mb-0">Carrello (<span class="text-primary">#{{ $ordine->id }}</span>)</h6>
-          <div class="dropdown">
+
+
+    <div class="col-12 col-xl-4 d-flex flex-column min-h-0 flex-grow-1">
+      <div class="card border shadow-sm w-100 h-100 min-h-0 cassa-cart-card">
+        <div class=" text-center p-2 cassa-cart-header d-flex align-items-center justify-content-between alert alert-primary m-1" style="height:8%;">
+          
+        <div class="d-flex align-items-center justify-content-center gap-2"><i class="bx bx-cart fs-4 text-muted"></i><span class="text-primary fs-large fw-bold">#{{ $ordine->id }}</span></div>
+
+        <div class=""> <!-- col-sm-3 col-md-3 col-lg-3 -->
+              
+                  <h4 class="mb-0 text-primary fw-bold" id="totale_carrello">
+                    @if($ordine->totale > 0)
+                     € {{ number_format($ordine->totale, 2, ',', '.') }}
+                    @else
+                    € {{ number_format($ordine->righe_ordine->sum('prezzo'), 2, ',', ',') }}
+                    @endif
+
+                  </h4>
+                  <!-- <small class="mb-0 text-primary">Totale</small> -->
+              
+            </div>
+          <!-- <h6 class="mt-2 mb-0">Carrello ()</h6> -->
+          <!-- <div class="dropdown">
             <button class="btn text-muted p-0" type="button" id="transactionID" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
               <i class="bx bx-dots-vertical-rounded bx-lg text-primary fs-4"></i>
             </button>
@@ -196,18 +264,16 @@ $cucine = $cucine ?? collect();
               <a class="dropdown-item" href="javascript:void(0);" onclick="dissociaDispositivo()">Dissocia dispositivo</a>
               <a class="dropdown-item" href="javascript:void(0);" onclick="chiudiPuntoVendita(alert('Chiudi {{ $punto_vendita->tipo}}'))">Chiudi {{ $punto_vendita->tipo}}</a>
             </div>
-          </div>
+          </div> -->
         </div>
-        <div class=" carrello-container card-body p-0 text-start">
+        <div class="carrello-container card-body p-0 text-start cassa-cart-riepilogo">
           @include('punto_vendita.cassa._partials.carrello.riepilogo')
         </div>
-        <div class=" carrello-container card-body pt-0 text-start cassa-cart-list">
-        <div id="accordionPopoutIcon" class="accordion accordion-popout">
+        <div class="card-body pt-0 pb-2 text-start cassa-cart-scroll">
           {{ $dataTable_rigaordine->table() }}
           <!-- @foreach($ordine->righe_ordine as $riga_ordine)
             @include('punto_vendita.cassa._partials.carrello.righe_ordine' , ['riga_ordine' => $riga_ordine])
           @endforeach -->
-          </div>
         </div>
       </div>
     </div>

resources/views/punto_vendita/edit.blade.php

@@ -69,6 +69,35 @@ $configData = Helper::appClasses();
   $puoDissociareDispositivo = Auth::user()->hasRole('superadmin')
     || Auth::user()->hasRole('amministratore')
     || Auth::user()->hasRole('administrator');
+
+  $campiOrdineCatalogo = [
+    'cliente' => ['label' => 'Cliente', 'icon' => 'bx-user', 'type' => 'text', 'mostra' => true, 'required' => true, 'stampa' => true, 'placeholder' => 'Cliente'],
+    'tavolo' => ['label' => 'Tavolo', 'icon' => 'bx-chair', 'type' => 'text', 'mostra' => true, 'required' => true, 'stampa' => true, 'placeholder' => 'Tavolo'],
+    'telefono' => ['label' => 'Telefono', 'icon' => 'bx-phone', 'type' => 'tel', 'mostra' => false, 'required' => false, 'stampa' => false, 'placeholder' => 'Telefono'],
+    'note_ordine' => ['label' => 'Note ordine', 'icon' => 'bx-note', 'type' => 'text', 'mostra' => false, 'required' => false, 'stampa' => true, 'placeholder' => 'Note per la cucina'],
+    'coperti' => ['label' => 'N. coperti', 'icon' => 'bx-group', 'type' => 'number', 'mostra' => false, 'required' => false, 'stampa' => false, 'placeholder' => 'Coperti'],
+  ];
+  $campiOrdineSalvati = $puntoVendita->info['campi_ordine'] ?? [];
+  $campiOrdine = [];
+  foreach ($campiOrdineCatalogo as $chiave => $defaults) {
+    $campiOrdine[$chiave] = array_merge($defaults, $campiOrdineSalvati[$chiave] ?? []);
+    $campiOrdine[$chiave]['custom'] = false;
+  }
+  foreach ($campiOrdineSalvati as $chiave => $campo) {
+    if (! array_key_exists($chiave, $campiOrdineCatalogo)) {
+      $campiOrdine[$chiave] = array_merge([
+        'label' => $campo['label'] ?? ucfirst(str_replace('_', ' ', $chiave)),
+        'icon' => 'bx-edit',
+        'type' => $campo['type'] ?? 'text',
+        'mostra' => false,
+        'required' => false,
+        'stampa' => false,
+        'placeholder' => $campo['placeholder'] ?? ($campo['label'] ?? $chiave),
+        'custom' => true,
+      ], $campo);
+      $campiOrdine[$chiave]['custom'] = true;
+    }
+  }
 @endphp
 
 <div class="nav-align-top">
@@ -83,6 +112,11 @@ $configData = Helper::appClasses();
         <i class="bx bx-cog me-1"></i>Generali
       </button>
     </li>
+    <li class="nav-item" role="presentation">
+      <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#pv-tab-dati-ordine" aria-controls="pv-tab-dati-ordine" aria-selected="false">
+        <i class="bx bx-notepad me-1"></i>Dati ordine
+      </button>
+    </li>
     <li class="nav-item" role="presentation">
       <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#pv-tab-cucine" aria-controls="pv-tab-cucine" aria-selected="false">
         <i class="bx bx-restaurant me-1"></i>Cucine
@@ -171,6 +205,9 @@ $configData = Helper::appClasses();
             <button type="button" class="btn btn-sm btn-outline-primary" data-pv-go-tab="#pv-tab-generali">
               <i class="bx bx-cog me-1"></i> Modifica generali
             </button>
+            <button type="button" class="btn btn-sm btn-outline-primary" data-pv-go-tab="#pv-tab-dati-ordine">
+              <i class="bx bx-notepad me-1"></i> Dati ordine
+            </button>
             <button type="button" class="btn btn-sm btn-outline-primary" data-pv-go-tab="#pv-tab-cucine">
               <i class="bx bx-restaurant me-1"></i> Gestisci cucine
             </button>
@@ -405,6 +442,177 @@ $configData = Helper::appClasses();
       </form>
     </div>
 
+    <div class="tab-pane fade" id="pv-tab-dati-ordine" role="tabpanel">
+      <div class="mt-1">
+        <div class="alert alert-secondary d-flex align-items-start gap-2 mb-4" role="alert">
+          <i class="bx bx-info-circle fs-5 mt-1"></i>
+          <div>
+            <strong>Campi mostrati in cassa</strong>
+            <p class="mb-0 small">Configura i campi predefiniti o aggiungine di personalizzati. Per i campi nuovi inserisci solo etichetta e tipo: la chiave tecnica viene generata automaticamente e identifica il valore in <code>Ordine-&gt;info</code>.</p>
+          </div>
+        </div>
+
+        <form id="puntoVenditaEditCampiOrdineForm">
+          <div class="card mb-4 border-primary border-opacity-25">
+            <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-2">
+              <h6 class="card-title mb-0"><i class="bx bx-plus-circle me-1"></i> Aggiungi campo personalizzato</h6>
+            </div>
+            <div class="card-body">
+              <div class="row g-3 align-items-end">
+                <div class="col-md-4">
+                  <label for="pv_nuovo_campo_label" class="form-label">Etichetta</label>
+                  <input type="text" class="form-control form-control-sm" id="pv_nuovo_campo_label" placeholder="es. Referente evento" autocomplete="off">
+                  <div class="form-text">Mostrata all'operatore in cassa</div>
+                </div>
+                <div class="col-md-3">
+                  <label for="pv_nuovo_campo_type" class="form-label">Tipo</label>
+                  <select class="form-select form-select-sm" id="pv_nuovo_campo_type">
+                    <option value="text">Testo</option>
+                    <option value="tel">Telefono</option>
+                    <option value="email">Email</option>
+                    <option value="number">Numero</option>
+                    <option value="checkbox">Checkbox</option>
+                  </select>
+                  <div class="form-text">Tipo di input mostrato all'operatore</div>
+                </div>
+                <div class="col-md-3">
+                  <label class="form-label">Chiave generata</label>
+                  <div class="form-control form-control-sm bg-light text-muted" id="pv_nuovo_campo_chiave_preview" aria-live="polite">—</div>
+                  <div class="form-text">Calcolata dall'etichetta</div>
+                </div>
+                <div class="col-md-2">
+                  <button type="button" class="btn btn-sm btn-primary w-100" id="pvAggiungiCampoOrdine">
+                    <i class="bx bx-plus me-1"></i> Aggiungi
+                  </button>
+                  <div class="form-text">poi salva la configurazione</div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="table-responsive">
+            <table class="table table-hover align-middle mb-0">
+              <thead class="table-light">
+                <tr>
+                  <th scope="col">Campo</th>
+                  <th scope="col">Didascalia</th>
+                  <th scope="col" class="text-center" style="width: 8rem;">Mostra</th>
+                  <th scope="col" class="text-center" style="width: 8rem;">Obbligatorio</th>
+                  <th scope="col" class="text-center" style="width: 8rem;">Stampa</th>
+                  <th scope="col" class="text-center" style="width: 5rem;"></th>
+                </tr>
+              </thead>
+              <tbody id="pvCampiOrdineBody">
+                @foreach($campiOrdine as $chiave => $campo)
+                  <tr
+                    data-pv-campo-ordine="{{ $chiave }}"
+                    data-pv-campo-type="{{ $campo['type'] ?? 'text' }}"
+                    data-pv-campo-label="{{ $campo['label'] ?? $chiave }}"
+                    data-pv-campo-custom="{{ !empty($campo['custom']) ? '1' : '0' }}"
+                  >
+                    <td>
+                      <div class="d-flex align-items-center gap-2">
+                        <span class="avatar avatar-sm">
+                          <span class="avatar-initial rounded bg-label-primary">
+                            <i class="bx {{ $campo['icon'] ?? 'bx-edit' }}"></i>
+                          </span>
+                        </span>
+                        <div>
+                          <span class="fw-medium">{{ $campo['label'] ?? $chiave }}</span>
+                          <div class="text-muted small">
+                            Chiave: <code>{{ $chiave }}</code>
+                            @if(!empty($campo['custom']))
+                              <span class="badge bg-label-warning ms-1">Personalizzato</span>
+                            @endif
+                          </div>
+                        </div>
+                      </div>
+                    </td>
+                    <td>
+                      <input type="text" class="form-control form-control-sm" id="pv_campo_{{ $chiave }}_placeholder" data-pv-campo-placeholder value="{{ $campo['placeholder'] ?? ($campo['label'] ?? $chiave) }}" placeholder="{{ $campo['placeholder'] ?? ($campo['label'] ?? $chiave) }}">
+                    </td>
+                    <td class="text-center">
+                      <div class="form-check form-switch d-inline-block mb-0">
+                        <input class="form-check-input" type="checkbox" id="pv_campo_{{ $chiave }}_mostra" data-pv-campo-mostra {{ !empty($campo['mostra']) ? 'checked' : '' }}>
+                      </div>
+                    </td>
+                    <td class="text-center">
+                      <div class="form-check form-switch d-inline-block mb-0">
+                        <input class="form-check-input" type="checkbox" id="pv_campo_{{ $chiave }}_required" data-pv-campo-required {{ !empty($campo['required']) ? 'checked' : '' }}>
+                      </div>
+                    </td>
+                    <td class="text-center">
+                      <div class="form-check form-switch d-inline-block mb-0">
+                        <input class="form-check-input" type="checkbox" id="pv_campo_{{ $chiave }}_stampa" data-pv-campo-stampa {{ !empty($campo['stampa']) ? 'checked' : '' }}>
+                      </div>
+                    </td>
+                    <td class="text-center">
+                      @if(!empty($campo['custom']))
+                        <button type="button" class="btn btn-sm btn-icon btn-label-danger" data-pv-campo-rimuovi title="Rimuovi campo">
+                          <i class="bx bx-trash"></i>
+                        </button>
+                      @endif
+                    </td>
+                  </tr>
+                @endforeach
+              </tbody>
+            </table>
+          </div>
+
+          <div class="row g-4 mt-2">
+            <div class="col-lg-6">
+              <div class="card h-100">
+                <div class="card-header">
+                  <h6 class="card-title mb-0">
+                    <i class="bx bx-show me-1"></i> Anteprima cassa
+                  </h6>
+                </div>
+                <div class="card-body">
+                  <div id="pvCampiOrdineAnteprima" class="row g-3">
+                    @foreach($campiOrdine as $chiave => $campo)
+                      <div class="col-md-6 pv-campo-anteprima" data-pv-anteprima="{{ $chiave }}" data-pv-anteprima-type="{{ $campo['type'] ?? 'text' }}" style="{{ !empty($campo['mostra']) ? '' : 'display:none;' }}">
+                        @if(($campo['type'] ?? 'text') === 'checkbox')
+                          <div class="form-check form-switch mt-1">
+                            <input class="form-check-input" type="checkbox" id="pv_anteprima_{{ $chiave }}" disabled>
+                            <label class="form-check-label small text-primary" for="pv_anteprima_{{ $chiave }}" data-pv-anteprima-label="{{ $chiave }}">{{ $campo['label'] ?? $chiave }}</label>
+                          </div>
+                        @else
+                          <label class="form-label small text-primary mb-1" data-pv-anteprima-label="{{ $chiave }}">{{ ($campo['label'] ?? $chiave) }}</label>
+                          <input type="{{ $campo['type'] ?? 'text' }}" class="form-control form-control-sm border-primary border-top-0 border-start-0 border-end-0 rounded-0 bg-transparent" disabled placeholder="{{ $campo['placeholder'] ?? $chiave }}">
+                        @endif
+                      </div>
+                    @endforeach
+                    <div class="col-md-6" data-pv-anteprima-totale>
+                      <label class="form-label small text-primary mb-1">Totale</label>
+                      <div class="fw-bold text-primary border-bottom border-primary pb-1">€ 0,00</div>
+                    </div>
+                  </div>
+                  <p class="text-muted small mb-0 mt-3">Il totale resta sempre visibile in cassa.</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-6">
+              <div class="card h-100 border-primary border-opacity-25">
+                <div class="card-body d-flex flex-column">
+                  <h6 class="mb-2">Suggerimento</h6>
+                  <p class="text-muted small mb-3">I campi predefiniti restano sempre disponibili. I campi personalizzati si aggiungono con la chiave che verrà usata in <code>Ordine-&gt;info</code>.</p>
+                  <ul class="small text-muted mb-4 ps-3">
+                    <li><strong>Mostra</strong> — compare nel riepilogo ordine in cassa</li>
+                    <li><strong>Obbligatorio</strong> — richiesto prima del pagamento</li>
+                    <li><strong>Stampa</strong> — compare sullo scontrino</li>
+                    <li><strong>Didascalia</strong> — placeholder mostrato all'operatore</li>
+                  </ul>
+                  <button type="button" class="btn btn-primary mt-auto align-self-start" id="saveCampiOrdine">
+                    <i class="bx bx-save me-1"></i> Salva configurazione
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+
     <div class="tab-pane fade" id="pv-tab-cucine" role="tabpanel">
       <form id="puntoVenditaEditCucineForm" class="mt-1" action="{{ route('punto-vendita.associa-cucina') }}" method="POST">
         @csrf
@@ -589,6 +797,285 @@ $configData = Helper::appClasses();
       }
     });
 
+    var pvInfoEsistente = @json($puntoVendita->info ?? []);
+
+    function pvNormalizzaChiaveCampo(valore) {
+      var chiave = String(valore || '')
+        .trim()
+        .toLowerCase()
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .replace(/\s+/g, '_')
+        .replace(/[^a-z0-9_]/g, '')
+        .replace(/_+/g, '_')
+        .replace(/^_|_$/g, '');
+
+      if (chiave && /^[0-9]/.test(chiave)) {
+        chiave = 'campo_' + chiave;
+      }
+
+      return chiave;
+    }
+
+    function pvGeneraChiaveCampoUnica(etichetta) {
+      var base = pvNormalizzaChiaveCampo(etichetta);
+      if (!base) {
+        return '';
+      }
+      if (!/^[a-z]/.test(base)) {
+        base = 'campo_' + base;
+      }
+
+      var chiave = base;
+      var i = 2;
+      while (pvCampoOrdineEsiste(chiave)) {
+        chiave = base + '_' + i;
+        i += 1;
+      }
+      return chiave;
+    }
+
+    function pvAggiornaAnteprimaChiaveCampo() {
+      var etichetta = ($('#pv_nuovo_campo_label').val() || '').trim();
+      var $preview = $('#pv_nuovo_campo_chiave_preview');
+      if (!etichetta) {
+        $preview.text('—').removeClass('text-danger text-success').addClass('text-muted');
+        return;
+      }
+      var chiave = pvGeneraChiaveCampoUnica(etichetta);
+      if (!chiave) {
+        $preview.text('Etichetta non valida').removeClass('text-muted text-success').addClass('text-danger');
+        return;
+      }
+      $preview.text(chiave).removeClass('text-muted text-danger').addClass('text-success');
+    }
+
+    function pvCampoOrdineEsiste(chiave) {
+      return $('#pvCampiOrdineBody [data-pv-campo-ordine="' + chiave + '"]').length > 0;
+    }
+
+    function pvRaccogliCampiOrdine() {
+      var campi = {};
+      $('#pvCampiOrdineBody [data-pv-campo-ordine]').each(function() {
+        var $row = $(this);
+        var chiave = $row.data('pv-campo-ordine');
+        campi[chiave] = {
+          label: $row.data('pv-campo-label') || chiave,
+          placeholder: $('#pv_campo_' + chiave + '_placeholder').val() || chiave,
+          mostra: $('#pv_campo_' + chiave + '_mostra').is(':checked'),
+          required: $('#pv_campo_' + chiave + '_required').is(':checked'),
+          stampa: $('#pv_campo_' + chiave + '_stampa').is(':checked'),
+          type: $row.data('pv-campo-type') || 'text',
+          icon: String($row.data('pv-campo-custom')) === '1' ? 'bx-edit' : undefined
+        };
+        if (String($row.data('pv-campo-custom')) === '1') {
+          campi[chiave].custom = true;
+        }
+      });
+      return campi;
+    }
+
+    function pvAggiornaAnteprimaCampiOrdine() {
+      $('#pvCampiOrdineBody [data-pv-campo-ordine]').each(function() {
+        var $row = $(this);
+        var chiave = $row.data('pv-campo-ordine');
+        var mostra = $('#pv_campo_' + chiave + '_mostra').is(':checked');
+        var label = $row.data('pv-campo-label') || chiave;
+        var placeholder = $('#pv_campo_' + chiave + '_placeholder').val() || label;
+        var $anteprima = $('[data-pv-anteprima="' + chiave + '"]');
+        if (!$anteprima.length) {
+          return;
+        }
+        $anteprima.toggle(mostra);
+        $('[data-pv-anteprima-label="' + chiave + '"]').text(label);
+        if ($anteprima.data('pv-anteprima-type') !== 'checkbox') {
+          $anteprima.find('input:not([type=checkbox])').attr('placeholder', placeholder);
+        }
+      });
+    }
+
+    function pvAggiungiAnteprimaCampo(chiave, label, type, mostra) {
+      if ($('[data-pv-anteprima="' + chiave + '"]').length) {
+        return;
+      }
+      type = type || 'text';
+      var $wrap = $('<div>', {
+        class: 'col-md-6 pv-campo-anteprima',
+        'data-pv-anteprima': chiave,
+        'data-pv-anteprima-type': type
+      }).toggle(!!mostra);
+
+      if (type === 'checkbox') {
+        var inputId = 'pv_anteprima_' + chiave;
+        $wrap.append(
+          $('<div>', { class: 'form-check form-switch mt-1' }).append(
+            $('<input>', {
+              class: 'form-check-input',
+              type: 'checkbox',
+              id: inputId,
+              disabled: true
+            }),
+            $('<label>', {
+              class: 'form-check-label small text-primary',
+              for: inputId,
+              'data-pv-anteprima-label': chiave,
+              text: label
+            })
+          )
+        );
+      } else {
+        $wrap.append(
+          $('<label>', {
+            class: 'form-label small text-primary mb-1',
+            'data-pv-anteprima-label': chiave,
+            text: label
+          })
+        );
+        $wrap.append(
+          $('<input>', {
+            type: type,
+            class: 'form-control form-control-sm border-primary border-top-0 border-start-0 border-end-0 rounded-0 bg-transparent',
+            disabled: true,
+            placeholder: label
+          })
+        );
+      }
+
+      $('#pvCampiOrdineAnteprima [data-pv-anteprima-totale]').before($wrap);
+    }
+
+    function pvAggiungiRigaCampoOrdine(chiave, label, type, options) {
+      options = options || {};
+      var mostra = options.mostra !== undefined ? options.mostra : true;
+      var required = !!options.required;
+      var stampa = !!options.stampa;
+      var custom = options.custom !== false;
+
+      var $row = $('<tr>', {
+        'data-pv-campo-ordine': chiave,
+        'data-pv-campo-type': type || 'text',
+        'data-pv-campo-label': label,
+        'data-pv-campo-custom': custom ? '1' : '0'
+      });
+
+      $row.append(
+        '<td><div class="d-flex align-items-center gap-2">' +
+          '<span class="avatar avatar-sm"><span class="avatar-initial rounded bg-label-primary"><i class="bx bx-edit"></i></span></span>' +
+          '<div><span class="fw-medium">' + $('<div>').text(label).html() + '</span>' +
+          '<div class="text-muted small">Chiave: <code>' + chiave + '</code>' +
+          (custom ? ' <span class="badge bg-label-warning ms-1">Personalizzato</span>' : '') +
+          '</div></div></div></td>'
+      );
+      $row.append(
+        '<td><input type="text" class="form-control form-control-sm" id="pv_campo_' + chiave + '_placeholder" data-pv-campo-placeholder value="' + $('<div>').text(label).html() + '"></td>'
+      );
+      $row.append(
+        '<td class="text-center"><div class="form-check form-switch d-inline-block mb-0">' +
+          '<input class="form-check-input" type="checkbox" id="pv_campo_' + chiave + '_mostra" data-pv-campo-mostra' + (mostra ? ' checked' : '') + '></div></td>'
+      );
+      $row.append(
+        '<td class="text-center"><div class="form-check form-switch d-inline-block mb-0">' +
+          '<input class="form-check-input" type="checkbox" id="pv_campo_' + chiave + '_required" data-pv-campo-required' + (required ? ' checked' : '') + '></div></td>'
+      );
+      $row.append(
+        '<td class="text-center"><div class="form-check form-switch d-inline-block mb-0">' +
+          '<input class="form-check-input" type="checkbox" id="pv_campo_' + chiave + '_stampa" data-pv-campo-stampa' + (stampa ? ' checked' : '') + '></div></td>'
+      );
+      $row.append(
+        '<td class="text-center">' +
+          (custom ? '<button type="button" class="btn btn-sm btn-icon btn-label-danger" data-pv-campo-rimuovi title="Rimuovi campo"><i class="bx bx-trash"></i></button>' : '') +
+        '</td>'
+      );
+
+      $('#pvCampiOrdineBody').append($row);
+      pvAggiungiAnteprimaCampo(chiave, label, type, mostra);
+    }
+
+    function pvSalvaCampiOrdineServer() {
+      var info = $.extend(true, {}, pvInfoEsistente || {});
+      info.campi_ordine = pvRaccogliCampiOrdine();
+
+      $.ajax({
+        url: '{{ route('punto-vendita.update') }}',
+        method: 'POST',
+        data: {
+          punto_vendita_id: pvId,
+          info: JSON.stringify(info),
+          _token: '{{ csrf_token() }}'
+        },
+        headers: { 'Accept': 'application/json' }
+      })
+      .done(function(response) {
+        if (response.success) {
+          pvInfoEsistente = info;
+          pvNotyf('success', response.message || 'Configurazione salvata');
+        } else {
+          pvNotyf('error', response.message || 'Errore nel salvataggio');
+        }
+      })
+      .fail(function(xhr) {
+        pvAjaxError(xhr, 'Errore nel salvataggio');
+      });
+    }
+
+    pvAggiornaAnteprimaCampiOrdine();
+
+    $(document).on('change.pvCampiOrdine', '[data-pv-campo-mostra], [data-pv-campo-required]', function() {
+      var $row = $(this).closest('[data-pv-campo-ordine]');
+      var chiave = $row.data('pv-campo-ordine');
+      if ($(this).is('[data-pv-campo-mostra]') && !$(this).is(':checked')) {
+        $('#pv_campo_' + chiave + '_required').prop('checked', false);
+      }
+      pvAggiornaAnteprimaCampiOrdine();
+    });
+
+    $(document).on('input.pvCampiOrdine', '[data-pv-campo-placeholder]', function() {
+      pvAggiornaAnteprimaCampiOrdine();
+    });
+
+    $(document).on('input.pvNuovoCampoLabel', '#pv_nuovo_campo_label', function() {
+      pvAggiornaAnteprimaChiaveCampo();
+    });
+
+    pvAggiornaAnteprimaChiaveCampo();
+
+    $(document).on('click.pvAggiungiCampoOrdine', '#pvAggiungiCampoOrdine', function() {
+      var label = ($('#pv_nuovo_campo_label').val() || '').trim();
+      var type = $('#pv_nuovo_campo_type').val() || 'text';
+      var chiave = pvGeneraChiaveCampoUnica(label);
+
+      if (!label) {
+        pvNotyf('error', 'Inserisci un\'etichetta');
+        return;
+      }
+      if (!chiave) {
+        pvNotyf('error', 'Impossibile generare una chiave valida da questa etichetta');
+        return;
+      }
+
+      pvAggiungiRigaCampoOrdine(chiave, label, type, { mostra: true, required: false, stampa: false, custom: true });
+      pvAggiornaAnteprimaCampiOrdine();
+
+      $('#pv_nuovo_campo_label').val('');
+      $('#pv_nuovo_campo_type').val('text');
+      pvAggiornaAnteprimaChiaveCampo();
+      pvNotyf('success', 'Campo "' + label + '" aggiunto (chiave: ' + chiave + '). Salva la configurazione.');
+    });
+
+    $(document).on('click.pvRimuoviCampoOrdine', '[data-pv-campo-rimuovi]', function() {
+      var $row = $(this).closest('[data-pv-campo-ordine]');
+      var chiave = $row.data('pv-campo-ordine');
+      if (!confirm('Rimuovere il campo "' + chiave + '"?')) {
+        return;
+      }
+      $row.remove();
+      $('[data-pv-anteprima="' + chiave + '"]').remove();
+    });
+
+    $(document).on('click.pvSaveCampiOrdine', '#saveCampiOrdine', function() {
+      pvSalvaCampiOrdineServer();
+    });
+
     $(document).on('click.pvSaveCucine', '#saveCucine', function() {
       var $form = $('#puntoVenditaEditCucineForm');
       var cucineIds = [];