@extends('layouts.dashboard')
@section('title','Tafel-QR-codes') @section('page-title','Tafel-QR-codes')
@push('styles')<link rel="stylesheet" href="{{ asset('css/pages/restaurant-settings.css') }}?v={{ filemtime(public_path('css/pages/restaurant-settings.css')) }}">@endpush
@section('content')<div class="ds-page"><div class="ds-no-print"><p>Deze codes blijven geldig voor iedere nieuwe tafelsessie. Gebruik op klanttoestellen een bereikbaar HTTPS-adres. Vernieuwen doe je via het tafeloverzicht; de oude code vervalt dan.</p><button data-print-qr>Alle codes afdrukken</button></div><div class="ds-qr-grid">@foreach($tables as $table)<article class="ds-qr" data-qr-card data-url="{{ route('table.menu.show',$table->qr_token) }}" data-name="{{ $table->name }}"><h2>{{ $restaurant->name }}</h2><h3>{{ $table->name }}</h3><div data-qr-image></div><p>Scan om het menu te openen</p><small>{{ route('table.menu.show',$table->qr_token) }}</small><button data-download-qr>Download SVG</button></article>@endforeach</div></div>@endsection
@push('scripts')<script src="{{ asset('js/vendor/qrcode.js') }}"></script><script src="{{ asset('js/pages/table-qr.js') }}"></script>@endpush