</main>
</div>
<nav class="pos-mobile-nav">
  <a class="<?= ($currentPosFile ?? '')==='register.php'?'active':'' ?>" href="<?= $posLink('pos/register.php') ?>"><i class="bi bi-cart-check"></i><span>Sell</span></a>
  <a class="<?= ($currentPosFile ?? '')==='shifts.php'?'active':'' ?>" href="<?= $posLink('pos/shifts.php') ?>"><i class="bi bi-clock-history"></i><span>Shift</span></a>
  <a class="<?= ($currentPosFile ?? '')==='held.php'?'active':'' ?>" href="<?= $posLink('pos/held.php') ?>"><i class="bi bi-pause-circle"></i><span>Hold</span></a>
  <a class="<?= ($currentPosFile ?? '')==='reports.php'?'active':'' ?>" href="<?= $posLink('pos/reports.php') ?>"><i class="bi bi-bar-chart-line"></i><span>Report</span></a>
</nav>
<script src="<?= asset('js/jquery.min.js') ?>"></script>
<script src="<?= asset('js/bootstrap.bundle.min.js') ?>"></script>
<script>window.PH_BASE='<?= url('') ?>';window.PH_CSRF='<?= e(csrf_token()) ?>';window.PH_POS={vendor_id:<?= (int)($vendorId ?? 0) ?>,register_id:<?= (int)($register['id'] ?? 0) ?>,shift_id:<?= (int)($shift['id'] ?? 0) ?>};</script>
<script src="<?= asset('js/pos-scanner.js') ?>"></script>
<script src="<?= asset('js/pos-printer.js') ?>"></script>
<script src="<?= asset('js/pos-core.js') ?>"></script>
<script>
(function(){
  document.addEventListener('click',function(e){
    var toggle=e.target.closest('[data-pos-toggle-nav]');
    if(!toggle)return;
    e.preventDefault();
    document.getElementById('posNav')?.classList.toggle('open');
    document.body.classList.toggle('pos-nav-open');
  });
  document.addEventListener('keydown',function(e){if(e.key==='Escape'){document.getElementById('posNav')?.classList.remove('open');document.body.classList.remove('pos-nav-open');}});
})();
if('serviceWorker' in navigator){navigator.serviceWorker.register('<?= url('service-worker.js') ?>').catch(function(){});}
</script>
</body>
</html>
