<div class="col-12">
    <div class="card">
      <div class="card-widget-separator-wrapper">
        <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" @if($punto_vendita->info['campi_ordine']['cliente']['required'] ?? false) required @endif>
                </h4>
                  <small class="mb-0 text-primary">Cliente</small>
                </div>

              </div>
              <hr class="d-none d-sm-block d-lg-none me-6">
            </div>
            <div class="col-sm-3 col-md-3 col-lg-3">
              <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 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>

              </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="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">
                    @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>

              </div>
            </div> -->

          </div>

          <!-- vai al pagamento -->
          <div class="col-12 text-center mt-2">
          <button class="btn btn-danger" onclick="azzeraCarrello()">
              <i class="bx bx-x-circle fs-4 mx-2"></i>
              Svuota carrello
            </button>
            <button class="btn btn-primary" onclick="checkout()">
              <i class="bx bx-credit-card"></i>
              Vai al pagamento
            </button>
            <div class="modal fade" id="modalPagamento" tabindex="-1" aria-hidden="true">
              <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" >Pagamento</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>
                  <div class="modal-body">
                  //Checkout
                </div>
                </div>
            </div>
        </div>
    </div>