@extends('admin.layout')
@section('title','Store QR Code')
@section('content')
<div class="page-head">
    <div>
        <div class="eyebrow">Store connection QR</div>
        <h1>{{ $store->name }}</h1>
        <p>Customers can scan this code to open this store's Free WiFi registration page.</p>
    </div>
    <div class="page-actions no-print">
        <a class="btn btn-secondary" href="{{ route('admin.stores') }}">Back to stores</a>
    </div>
</div>

<div class="qr-admin-grid">
    <section class="card qr-preview-card">
        <div class="qr-sign" id="qr-sign">
            <div class="qr-sign-brand">American Tire Stores</div>
            <h2>Free WiFi</h2>
            <p class="qr-sign-lead">Scan to connect</p>
            <div class="qr-image-frame">
                <img src="{{ route('admin.stores.qr.image', $store) }}" alt="QR code for {{ $store->name }} Free WiFi">
            </div>
            <strong class="qr-store-name">{{ $store->name }}</strong>
            @if($store->ssid_name)
                <div class="qr-ssid">Network: {{ $store->ssid_name }}</div>
            @endif
            <div class="qr-help">Open your camera and point it at the QR code.</div>
        </div>
    </section>

    <section class="card qr-details-card no-print">
        <h2>QR code details</h2>
        <div class="detail-list">
            <div><span>Store</span><strong>{{ $store->name }}</strong></div>
            <div><span>Slug</span><code>{{ $store->slug }}</code></div>
            <div><span>Destination</span><a href="{{ $connectUrl }}" target="_blank" rel="noopener">{{ $connectUrl }}</a></div>
        </div>
        <div class="qr-actions">
            <a class="btn btn-primary" href="{{ route('admin.stores.qr.download', $store) }}">Download SVG</a>
            <button type="button" class="btn btn-secondary" onclick="window.print()">Print sign</button>
            <a class="btn btn-secondary" href="{{ $connectUrl }}" target="_blank" rel="noopener">Test link</a>
        </div>
        <p class="help-text">The QR URL is generated from <code>APP_URL</code>. Set that to your public HTTPS WiFi domain before printing production signs.</p>
    </section>
</div>
@endsection