@extends('layouts.app') @section('content')<div class="page"><div class="container"><div class="card" style="text-align:center"><h1>Restaurant QR Code</h1><div id="qrcode" style="display:flex;justify-content:center;margin:25px"></div><p>{{ $menuUrl }}</p><button id="download" class="btn">Download PNG</button></div></div></div>@endsection @push('scripts')<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script><script>new QRCode(qrcode,{text:@json($menuUrl),width:300,height:300});download.onclick=()=>{const a=document.createElement('a');a.href=document.querySelector('#qrcode img').src;a.download='menu-qr.png';a.click()}</script>@endpush