<div class="row" style="margin:30px 0">
    <div class="col-xs-offset-1 col-xs-5" onclick="load_choices('{{ customer.badge_number }}')">
        <div class="alert alert-info" style="text-align:center; margin-bottom:0">
            <span style="font-size:x-large">Keep using this kiosk</span>
        </div>
    </div>
    <div class="col-xs-5" onclick="revert()">
        <div class="alert alert-warning" style="text-align:center; margin-bottom:0">
            <span style="font-size:x-large">I've finished using this kiosk</span>
        </div>
    </div>
</div>
{% if new_reservation %}
    <h2>Reservation confirmed!</h2>
    <div class="alert alert-success" role="alert">
        <strong>{{ new_reservation.reservation_item }}</strong>
        <br>
        Starting {{ new_reservation.start }}
        <br>
        Ending {{ new_reservation.end }}
        <br>
    </div>
{% endif %}
{% if cancelled_reservation %}<h2>The reservation has been cancelled.</h2>{% endif %}
<script>revert(20);</script>
