@extends('front.layouts.main')

@section('title') Kua Agent QR Code | {{ 'KUA Agent' }}@endsection

@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
<main class="products-page-container">

{{-- <div class="container"> --}}
    <div class="row">
        <div class="col-md-12 text-center">
            <h1>Kua Agent QR Code</h1>
            <img src="{{ $qrCode }}" alt="QR Code" style="width: 200px; height: 200px;">

            <div class="mt-3">
                {{-- <a href="{{ $qrCode }}"  target="_blank" download="kua_agent_qr.png" class="btn btn-primary">
                    <i class="fa fa-download"></i> Download QR Code
                </a> --}}
                <a href="{{ $qrCode }}"  target="_blank" class="btn btn-primary">
                    <i class="fa fa-download"></i> Download QR Code
                </a>
            </div>
        </div>
    </div>
{{-- </div> --}}
</main>
@endsection