{{> html_head}}
{{> mdl_head}}
{{> mdl_content_head}}

<div class="frs-crumbs mdl-color-text--grey-500">
  <a href="./">Fake Reservation System</a> &gt; Create Event Reservation
</div>

<h3><i class="material-icons">event</i> Event Reservation</h3>

<div class="info">
If you want to have one ticket (i.e. barcode) per individual and have names for each individual
on the ticket, create multiple reservations (one per individual) with number of seats set to 1.
</div>

<form action="./send" method="post">
    <input type="hidden" name="form_type" value="{{action}}"/>

{{#form_data}}
<h4>{{group_name}}</h4>

    {{#fields}}
        {{>mdl_input}}
    {{/fields}}

{{/form_data}}

<p>
    <strong>The event will be sent to {{user.email}}.</strong>
</p>

<button id="frs-button-send" type="submit" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
  <i class="material-icons">send</i>
</button>

</form>
<script src="./js/frs.js" charset="utf-8"></script>
{{> mdl_content_foot}}
{{> mdl_foot}}
{{> html_foot}}