{% extends 'base.html' %}
{% block title %}Reservation confirmed{% endblock %}
{% block content %}
    <h3>Reservation confirmed!</h3>
    <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>
    <div style="font-size:x-large">
        <p>
            <a href="{% url 'landing' %}"><span class="glyphicon glyphicon-home" style="color:#22b14c"></span> Return to homepage</a>
        </p>
        <p>
            <a href="{% url 'view_calendar' new_reservation.reservation_item_type.value new_reservation.reservation_item.id %}"><span class="glyphicon glyphicon-calendar" style="color:#22b14c"></span> View the {{ new_reservation.reservation_item }} calendar</a>
        </p>
    </div>
{% endblock %}
