@extends('front_box.default', 
['title' => !isset($title) ? (isset($pedido) ? isset($isDelivery) ? ('Finalizando Pedido Delivery ' . $pedido->id) : ('Finalizando Comanda ' . $pedido->comanda) : 'Nova Venda - PDV (Fortime)') : $title ])

@section('css')
<style>
/* Fortime — layout novo, sem base visual dos anteriores */
:root{--ft-bg:#0b1222;--ft-bg2:#0d1628;--ft-card:#111827;--ft-text:#e5e7eb;--ft-muted:#cbd5e1;--ft-primary:#3b82f6;--ft-accent:#14b8a6;--ft-danger:#ef4444;--ft-border:rgba(59,130,246,0.25)}
html[data-bs-theme='foliage']{--ft-bg:#F0FFF0;--ft-bg2:#E0F0E0;--ft-card:#FFFFFF;--ft-text:#333333;--ft-muted:#666666;--ft-primary:#228B22;--ft-accent:#228B22;--ft-danger:#A0522D;--ft-border:#A0522D}
html[data-bs-theme='foliage'] .ft-wrap{background:linear-gradient(180deg,var(--ft-bg),var(--ft-bg2))}
html[data-bs-theme='foliage'] .ft-header{background:linear-gradient(90deg,#228B22,#1B6F1B);border-color:var(--ft-border)}
html[data-bs-theme='foliage'] .ft-panel{background:var(--ft-card);border-color:var(--ft-border)}
html[data-bs-theme='foliage'] .ft-card{background:#F5FFF5;border-color:var(--ft-border)}
html[data-bs-theme='foliage'] .ft-card h6{color:var(--ft-text)}
html[data-bs-theme='foliage'] .ft-price{color:var(--ft-accent)}
html[data-bs-theme='foliage'] .ft-cat{background:rgba(34,139,34,0.1);color:var(--ft-text);border-color:var(--ft-border)}
html[data-bs-theme='foliage'] .ft-cat.active{background:var(--ft-primary);color:#fff}
html[data-bs-theme='foliage'] .ft-add{background:linear-gradient(90deg,#228B22,#6B8E23);color:#fff}
html[data-bs-theme='foliage'] .ft-table thead th{background:rgba(34,139,34,0.2);color:var(--ft-text);border-bottom:1px solid var(--ft-border)}
html[data-bs-theme='foliage'] .ft-select, html[data-bs-theme='foliage'] .ft-input{border-color:#A0522D;color:#333}
html[data-bs-theme='foliage'] .ft-chip{background:rgba(0,0,0,0.1);color:#333;border-color:rgba(0,0,0,0.2)}
html[data-bs-theme='foliage'] .dropdown-menu{background:#FFFFFF;border:1px solid #A0522D}
html[data-bs-theme='foliage'] .dropdown-item{color:#333333}
html[data-bs-theme='foliage'] .dropdown-item:hover{background:#F0FFF0;color:#228B22}

html[data-bs-theme='nature']{--ft-bg:#F0FFF0;--ft-bg2:#F5FFFA;--ft-card:#F5FFFA;--ft-text:#2F4F4F;--ft-muted:#A0522D;--ft-primary:#6B8E23;--ft-accent:#6B8E23;--ft-danger:#B22222;--ft-border:#DCDCDC}
html[data-bs-theme='nature'] .ft-wrap{background:linear-gradient(180deg,var(--ft-bg),var(--ft-bg2))}
html[data-bs-theme='nature'] .ft-header{background:linear-gradient(90deg,#6B8E23,#556B2F);border-color:var(--ft-border)}
html[data-bs-theme='nature'] .ft-panel{background:var(--ft-card);border-color:var(--ft-border)}
html[data-bs-theme='nature'] .ft-card{background:#F5FFFA;border-color:var(--ft-border)}
html[data-bs-theme='nature'] .ft-card h6{color:var(--ft-text)}
html[data-bs-theme='nature'] .ft-price{color:var(--ft-accent)}
html[data-bs-theme='nature'] .ft-cat{background:rgba(107,142,35,0.1);color:var(--ft-text);border-color:var(--ft-border)}
html[data-bs-theme='nature'] .ft-cat.active{background:var(--ft-primary);color:#fff}
html[data-bs-theme='nature'] .ft-add{background:linear-gradient(90deg,#6B8E23,#7CFC00);color:#fff}
html[data-bs-theme='nature'] .ft-table thead th{background:rgba(107,142,35,0.2);color:var(--ft-text);border-bottom:1px solid var(--ft-border)}
html[data-bs-theme='nature'] .ft-select, html[data-bs-theme='nature'] .ft-input{border-color:#DCDCDC;color:#2F4F4F}
html[data-bs-theme='nature'] .ft-chip{background:rgba(0,0,0,0.1);color:#2F4F4F;border-color:rgba(0,0,0,0.2)}
html[data-bs-theme='nature'] .dropdown-menu{background:#F5FFFA;border:1px solid #DCDCDC}
html[data-bs-theme='nature'] .dropdown-item{color:#2F4F4F}
html[data-bs-theme='nature'] .dropdown-item:hover{background:#F0FFF0;color:#6B8E23}
.ft-wrap{min-height:100vh;padding:12px;background:radial-gradient(1000px 500px at 80% -10%,rgba(59,130,246,.18),transparent),radial-gradient(800px 400px at -10% 20%,rgba(20,184,166,.16),transparent),linear-gradient(135deg,var(--ft-bg),var(--ft-bg2));}
.ft-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#1e3a8a,var(--ft-primary));color:#fff;border:1px solid var(--ft-border);border-radius:18px;padding:10px 16px;box-shadow:0 14px 28px rgba(59,130,246,.22)}
.ft-brand{display:flex;align-items:center;gap:12px}
.ft-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px 10px;font-weight:600}
.ft-grid{display:grid;grid-template-columns: 42% 31% 27%; gap:12px; margin-top:12px}
.ft-panel{background:var(--ft-card);border:1px solid var(--ft-border);border-radius:18px;box-shadow:0 12px 26px rgba(17,24,39,.16);padding:12px;color:var(--ft-text)}

/* Painel de produtos (esquerda) */
.ft-catbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.ft-cat{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.06));border:1px solid var(--ft-border);color:var(--ft-text);padding:8px 14px;border-radius:12px;font-weight:700}
.ft-cat.active{background:linear-gradient(180deg,var(--ft-primary),#1e3a8a);color:#fff;border-color:transparent}
.ft-search{margin:8px 0}
.ft-search input{height:42px;border-radius:14px;border:1px solid var(--ft-border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));color:var(--ft-text)}
.ft-products{display:grid;grid-template-columns: repeat(6, 1fr); gap:10px; max-height:62vh; overflow:auto}
.ft-card{background:linear-gradient(180deg,#0f172a,#111827);border:1px solid var(--ft-border);border-radius:16px;box-shadow:0 10px 22px rgba(17,24,39,.16);padding:8px;cursor:pointer}
.ft-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(17,24,39,.22)}
.ft-card h6{color:var(--ft-text);font-weight:700;font-size:13px;margin:6px 0}
.ft-price{color:var(--ft-accent);font-weight:700}

/* Painel de inserção (centro) */
.ft-form-row{display:grid;grid-template-columns: 1fr; gap:8px}
.ft-select, .ft-input{height:46px;border-radius:14px;border:1px solid rgba(59,130,246,.30);background:#ffffff;color:#0b1220;padding:8px 12px;box-shadow:0 10px 22px rgba(59,130,246,.12)}
.ft-add{height:46px;border-radius:14px;background:linear-gradient(90deg,#7c3aed,#22d3ee);border:0;color:#0b0f14;font-weight:800;letter-spacing:.3px;box-shadow:0 10px 24px rgba(124,58,237,.28)}
.ft-table{margin-top:10px;border-radius:16px;overflow:hidden}
.ft-table table{width:100%;border-collapse:collapse}
.ft-table thead th{background:linear-gradient(180deg,rgba(59,130,246,.22),rgba(10,13,25,.55));color:var(--ft-text);padding:8px;border-bottom:1px solid rgba(59,130,246,.18);text-align:left;font-size:12px}
.ft-table tbody td{padding:8px;border-bottom:1px solid rgba(255,255,255,.06)}
.ft-table tbody tr:hover{background:rgba(59,130,246,.10)}
.ft-barcode{margin-top:10px}

/* Painel de totais e pagamento (direita) */
.ft-totalizers{display:grid;grid-template-columns:1fr 1fr; gap:8px}
.ft-chip-box{background:rgba(255,255,255,.12);border:1px solid var(--ft-border);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}
.ft-pay{margin-top:8px}
.ft-pay .btn{border-radius:14px;height:46px}
.ft-pay .btn-primary{background:linear-gradient(90deg,var(--ft-primary),#38bdf8);border:0;color:#0b0f14}
.ft-pay .btn-success{background:linear-gradient(90deg,#10b981,#34d399);border:0}
.ft-pay .btn-danger{background:linear-gradient(90deg,#ef4444,#f97316);border:0}
.ft-pay .btn-dark{background:linear-gradient(90deg,#0f172a,#1f2937);border:0}
.ft-grand{margin-top:8px;background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(59,130,246,.12));border:1px solid var(--ft-border);border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}
.ft-grand .total{font-size:28px;color:#38bdf8;font-weight:800;text-shadow:0 2px 10px rgba(56,189,248,.30)}

.ft-wrap .select2-container--default .select2-selection--single{height:46px;border-radius:14px;border:1px solid rgba(59,130,246,.30);background:#ffffff;color:#0b1220;box-shadow:0 8px 18px rgba(59,130,246,.12)}
.ft-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;color:#0b1220;padding-left:12px}
.ft-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.ft-wrap .select2-dropdown{background:#ffffff;border:1px solid rgba(59,130,246,.30);border-radius:16px;box-shadow:0 14px 28px rgba(59,130,246,.18)}
.ft-wrap .select2-results__option{color:#0b1220;padding:12px 14px}
.ft-wrap .select2-results__option--highlighted{background:#eaf2ff;color:#0b1220}
.ft-wrap .select2-search__field{background:#ffffff;color:#0b1220;border:1px solid rgba(59,130,246,.30);border-radius:12px}
/* Correções de overflow e largura em grid */
.ft-form-row > *{min-width:0}
.ft-wrap .select2-container{width:100% !important}
.ft-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-inline-inputs{display:flex;align-items:center;gap:8px;min-width:0}

@media (max-width:1200px){ .ft-products{grid-template-columns: repeat(3, 1fr);} .ft-form-row{grid-template-columns: 1fr 120px 120px 1fr} }
@media (max-width:900px){ .ft-grid{grid-template-columns:1fr} }
</style>
@endsection

@section('content')
  <div class="ft-header">
    <div class="ft-brand">
      <span class="ft-chip">Empresa: <strong>{{ $empresa->nome }}</strong></span>
      <span class="ft-chip">Usuário: <strong>{{ $user->name }}</strong></span>
      


      <span class="ft-chip d-offline d-none">OFFLINE</span>
    </div>
    <div>
      <button type="button" class="btn btn-sm btn-light" onclick="vendaSuspensa()">Vendas suspensas</button>
      <button type="button" id="btn-suspender" class="btn btn-sm btn-warning">Suspender venda</button>
      <button type="button" class="btn btn-sm btn-dark" onclick="reiniciarVenda()">Reiniciar</button>
      <button type="button" class="btn btn-sm btn-primary" onclick="$('.modal-acoes').modal('show')">Ações</button>
      <strong class="timer">{{ date('d/m/Y H:i:s') }}</strong>
    </div>
  </div>

  {!!Form::open()->post()->route('frontbox.store')->id('form-pdv')!!}
  <div class="ft-grid">
    <!-- Painel de produtos (esquerda) -->
    <div class="ft-panel">
      <div class="ft-catbar">
        <button type="button" onclick="selecionaCategoria('0')" class="btn btn-categoria ft-cat active categoria-0">Todos ({{ sizeof($produtos) }})</button>
        <div class="ft-cat-select" style="min-width:280px;max-width:380px">
          <select class="ft-select select2" name="produto_id" id="produto_id">
            <option value="">Selecione</option>
            @foreach($produtos as $p)
            <option data-valor="{{ $p->valor_unitario }}" value="{{ $p->id }}" @if($p->validaEstoque() == 0) disabled @endif>#{{ $p->numero_sequencial }} {{ $p->nome }} [R${{ __moeda($p->valor_unitario) }}] @if($p->estoque) Estoque: {{ $p->unidadeDecimal() ? number_format($p->estoque->quantidade,3,'.','') : number_format($p->estoque->quantidade,0,'.','') }} @endif</option>
            @endforeach
          </select>
        </div>
        <div class="ft-inline-inputs">
          <input id="inp-valor_unitario" type="tel" name="valor_unitario" class="ft-input moeda value_unit" placeholder="0,00" style="width:130px">
          <input id="inp-quantidade" type="tel" name="quantidade" class="ft-input qtd" value="1" placeholder="1" style="width:110px">
          <input id="inp-sub_total" type="tel" name="sub_total" class="ft-input moeda sub_total" placeholder="0,00" style="width:150px">
        </div>

        @foreach($categorias as $c)
          @if(sizeof($c->produtos) > 0)
          <button type="button" onclick="selecionaCategoria('{{ $c->id }}')" class="btn btn-categoria ft-cat categoria-{{ $c->id }}">{{ $c->nome }} ({{ sizeof($c->produtos) }})</button>
          @endif
        @endforeach
      </div>
      <div class="ft-search">
        <input id="inp-pesquisa" placeholder="Pesquisar produto [shift+f]" type="text" class="form-control">
      </div>
      <div class="ft-products">
        @foreach($produtos as $p)
          @if($p->validaEstoque())
          <div class="ft-card prod card-prod-{{ $p->id }}" onclick="adicionarItemCard('{{ $p->id }}')">
            <input type="hidden" class="categoria" value="{{ $p->categoria_id }}">
            <h6>{{ substr($p->nome, 0, 42) }}</h6>
            <div class="ft-price valor-produto">R$ {{ __moeda($p->valor_unitario) }}</div>
          </div>
          @endif
        @endforeach
      </div>
    </div>

    <!-- Painel de inserção (centro) -->
    <div class="ft-panel">
      <div class="ft-form-row">
        <button type="button" id="btn-adicionar" class="ft-add"><i class="ri-add-circle-fill"></i> ADICIONAR</button>
      </div>

      <div class="ft-table div-itens">
        <table class="itens">
          <thead>
            <tr>
              <th>Produto</th>
              <th>Vl. unit.</th>
              <th>Qtd.</th>
              <th>Subtotal</th>
              <th>#</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>

      
    </div>

    <!-- Painel de totais e pagamento (direita) -->
    <div class="ft-panel">
      <div class="ft-totalizers">
        <div class="ft-chip-box">Soma dos produtos <strong class="soma-produtos">R$ 0,00</strong></div>
        <div class="ft-chip-box">Total de itens <strong class="total-itens">0</strong></div>
        <div class="ft-chip-box" onclick="openModalAcrescimo()">Acréscimo <strong class="acrescimo">R$ 0,00</strong></div>
        <div class="ft-chip-box" onclick="openModalDesconto()">Desconto <strong class="desconto">R$ 0,00</strong></div>
        <div class="ft-chip-box" onclick="openModalValorFrete()">Valor de frete <strong class="valor_frete">R$ 0,00</strong></div>
        <div class="ft-chip-box" onclick="openModalObservacao()">Observação</div>
      </div>

      <div class="ft-pay">
        <div class="row g-2">
          <div class="col-6"><button type="button" class="btn btn-success w-100" onclick="openModalDinheiro()">Dinheiro [F4]</button></div>
          <div class="col-6"><button type="button" class="btn btn-primary w-100" onclick="openModalCartao('03')">Crédito [F2]</button></div>
          <div class="col-6"><button type="button" class="btn btn-danger w-100" onclick="openModalCartao('04')">Débito [F3]</button></div>
          <div class="col-6" onclick="setPagamento('17')"><button type="button" class="btn btn-dark w-100">PIX [F9]</button></div>
        </div>
      </div>

      <div class="ft-grand">
        <div>Total a receber</div>
        <strong class="total total-venda">R$ 0,00</strong>
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target=".modal-finalizar">Finalizar</button>
      </div>
    </div>
  </div>
  {!!Form::close()!!}

  <!-- Modais essenciais -->
  <div class="modal modal-desconto fade" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Desconto</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input id="inp-valor_desconto" class="form-control moeda" placeholder="0,00"></div><div class="modal-footer"><button type="button" class="btn btn-success salvar-desconto" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-acrescimo fade" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Acréscimo</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input id="inp-valor_acrescimo" class="form-control moeda" placeholder="0,00"></div><div class="modal-footer"><button type="button" class="btn btn-success salvar-acrescimo" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-frete fade" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Frete</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input id="inp-valor_frete" class="form-control moeda" placeholder="0,00"></div><div class="modal-footer"><button type="button" class="btn btn-success salvar-frete" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-observacao fade" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Observação</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><textarea id="inp-observacao" class="form-control" rows="3"></textarea></div><div class="modal-footer"><button type="button" class="btn btn-success salvar-observacao" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-cartao fade" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Dados do Cartão</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input class="form-control" placeholder="Autorização"></div><div class="modal-footer"><button type="button" class="btn btn-primary" data-bs-dismiss="modal">OK</button></div></div></div></div>
  @include('front_box.partials_form3.modal_finalizar')
  @include('modals._cpf_nota', ['not_submit' => true])
  <div class="modal modal-cliente fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Cliente</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><select id="cliente" class="form-select select-cliente"><option value="">Selecione</option>@foreach($clientes as $cli)<option value="{{ $cli->id }}">{{ $cli->info }}</option>@endforeach</select></div><div class="modal-footer"><button class="btn btn-success btn-seleciona-cliente" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-vendedor fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Vendedor</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><select id="vendedor" class="form-select"><option value="">Selecione</option>@foreach($funcionarios as $f)<option value="{{ $f->id }}">{{ $f->nome }}</option>@endforeach</select></div><div class="modal-footer"><button class="btn btn-success btn-seleciona-vendedor" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-fatura fade"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><h5>Pagamento múltiplo</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><div class="table-dynamic"><table class="table"><thead><tr><th>Tipo</th><th>Vencimento</th><th>Valor</th></tr></thead><tbody><tr style="display:none"><td><select class="form-select tipo_pagamento">@foreach($tiposPagamento as $key => $t)<option value="{{ $key }}">{{ $t }}</option>@endforeach</select></td><td><input type="date" class="form-control data_vencimento"></td><td><input type="tel" class="form-control valor_integral_row moeda"></td></tr></tbody></table></div><div class="row g-2"><div class="col-4">Total: <strong class="total-fatura">R$ 0,00</strong></div><div class="col-4">Faltante: <strong class="total-faltante">R$ 0,00</strong></div><div class="col-4 text-end"><button type="button" class="btn btn-success salvar-fatura" disabled>OK</button></div></div></div></div></div></div>
  <div class="modal modal-dinheiro fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Dinheiro</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><div class="form-group"><label>Valor recebido</label><input id="inp-valor_recebido" class="form-control moeda"></div><div class="alert alert-info">Troco: <strong class="valor-troco">R$ 0,00</strong></div></div><div class="modal-footer"><button class="btn btn-primary" data-bs-dismiss="modal">OK</button></div></div></div></div>

  <!-- Suprimento, Sangria, Lista de preço, Vendas off, Ações -->
  <div class="modal modal-suprimento fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Suprimento</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input id="inp-valor" class="form-control moeda"><input id="inp-observacao" class="form-control mt-2" placeholder="Observação"><select id="inp-tipo_pagamento" class="form-select mt-2">@foreach($tiposPagamento as $key => $t)<option value="{{ $key }}">{{ $t }}</option>@endforeach</select></div><div class="modal-footer"><button class="btn btn-success btn-salvar-suprimento" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-sangria fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Sangria</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input id="inp-valor" class="form-control moeda"><input id="inp-observacao" class="form-control mt-2" placeholder="Observação"></div><div class="modal-footer"><button class="btn btn-danger btn-salvar-sangria" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-lista-preco fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Lista de preços</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><select id="inp-lista_preco_id" class="form-select"><option value="">Padrão</option>@foreach($listasPreco as $lp)<option value="{{ $lp->id }}">{{ $lp->nome }}</option>@endforeach</select></div><div class="modal-footer"><button class="btn btn-primary btn-selecionar-lista" data-bs-dismiss="modal">OK</button></div></div></div></div>
  <div class="modal modal-vendas-off fade"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><h5>Vendas off-line</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><table class="table vendas-off"><thead><tr><th>ID</th><th>Cliente</th><th>Total</th><th>Itens</th><th>Data</th><th>#</th></tr></thead><tbody></tbody></table></div><div class="modal-footer"><button class="btn btn-success btn-salvar-vendas" data-bs-dismiss="modal">Enviar</button></div></div></div></div>
  <div class="modal modal-acoes fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5>Ações do PDV</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><div class="d-grid gap-2"><button class="btn btn-light btn-suprimento" type="button">Suprimento</button><button class="btn btn-light btn-sangria" type="button">Sangria</button><button class="btn btn-light" type="button" onclick="openModalListaPreco()">Lista de preços</button></div></div><div class="modal-footer"><button class="btn btn-primary" data-bs-dismiss="modal">OK</button></div></div></div></div>

  <!-- Hidden inputs necessários ao engine -->
  <input type="hidden" value="{{ json_encode($produtos) }}" id="produtos-hidden">
  <input type="hidden" value="{{ $config->balanca_digito_verificador }}" id="balanca_digito_verificador">
  <input type="hidden" value="{{ $config->impressao_sem_janela_cupom }}" id="impressao_sem_janela_cupom">
  <input type="hidden" value="{{ $isVendaSuspensa ? $item->id : 0 }}" id="venda_suspensa_id">
  <input type="hidden" value="{{ isset($itensVenda) ? $item->id : 0 }}" id="venda_id">
  <input type="hidden" value="{{ $isVendaSuspensa ? json_encode($itenSuspensa) : '[]' }}" id="itens_venda_suspensa">
  <input type="hidden" value="{{ isset($itensVenda) ? json_encode($itensVenda) : '[]' }}" id="itens_venda">
  <input type="hidden" id="definir_vendedor_pdv" value="{{ $config ? $config->definir_vendedor_pdv : 0 }}">
  <input type="hidden" id="cliente_padrao" value="{{ isset($clientePadrao) && $clientePadrao ? $clientePadrao->id : 0 }}">
  @include('modals._vendas_suspensas')

</div>

@endsection

@section('js')
<script type="text/javascript" src="/js/frente_caixa3.js"></script>
<script>
$(function(){
  try{
    $('#produto_id').select2({ width: '100%' });
    
    // Fix dropdowns manually
    var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'))
    var dropdownList = dropdownElementList.map(function (dropdownToggleEl) {
      return new bootstrap.Dropdown(dropdownToggleEl)
    });
  }catch(e){ console.error(e) }
});
</script>
@endsection