{% extends "public.html" %} {% block page %}
<div class="row q-col-gutter-md justify-center">
  <div class="col-12 col-md-7 col-lg-6 q-gutter-y-md">
    <q-card class="q-pa-lg">
      <q-card-section class="q-pa-none">
        <center>
          <h3 class="q-my-none">{{ ticket_name }} Ticket</h3>
          <br />
          <h5 class="q-my-none">
            Bookmark or screenshot this page,<br />
            and present it for registration!
          </h5>
          <br />

          <qrcode
            :value="'{{ ticket_id }}'"
            :options="{width: 340}"
            class="rounded-borders"
          ></qrcode>
        </center>
      </q-card-section>
    </q-card>
  </div>
</div>
{% endblock %} {% block scripts %}
<script src="{{ url_for('static', filename='vendor/vue-qrcode@1.0.2/vue-qrcode.min.js') }}"></script>
<script>
  Vue.component(VueQrcode.name, VueQrcode)
  new Vue({
    el: '#vue',
    mixins: [windowMixin]
  })
</script>
{% endblock %}