{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Demo QR Gateway - Gvelo{% endblock %}
{% block body_class %}demo-body{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/demo/demo.css">
{% endblock %}
{% block content %}
<main class="asset-shell">
    <a class="demo-wordmark" href="/experience">Gvelo Experience Center</a>
    <section class="asset-card">
        <div>
            <p class="eyebrow">QR gateway</p>
            <h1>Campaign: {{ campaign }}</h1>
            <p>{{ experience_url }}</p>
            <div class="asset-actions">
                <a class="solid-button" href="{{ experience_url }}">Open Experience</a>
                <a class="ghost-button" href="/demo/marketing/{{ campaign }}">Poster Asset</a>
            </div>
        </div>
        <img src="{{ qr_url }}" alt="QR code for {{ campaign }}">
    </section>
</main>
{% endblock %}