{% extends "public/content.html" %}

{% block headtitle %}Payment | {{ meeting }}{% endblock %}

{% block left_content %}
    <h2>Meeting Registration</h2>

    <ul class="nav nav-stacked">
        <li class="">
            <a href="{% url 'meeting_booking_meeting' meeting.slug %}">1. Personal Details</a>
        </li>
        <li class="">
            <a href="{% url 'meeting_booking_details' meeting.slug %}">2. Institution / Address</a>
        </li>
        <li class="">
            <a href="{% url 'meeting_booking_tickets' meeting.slug %}">3. Registration Fee</a>
        </li>
        {% if meeting.get_sessions %}
            <li class="">
                <a href="{% url 'meeting_booking_sessions' meeting.slug %}">4. Choose Sessions</a>
            </li>
        {% endif %}
        <li class="active">
            <a href="{% url 'meeting_booking_payment' meeting.slug %}">{% if meeting.get_sessions %}5.{% else %}4.{% endif %} Payment</a>
        </li>
    </ul>
{% endblock %}


{% block title %}

    <ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li><a href="{% url 'meeting_booking_meeting' meeting.slug %}">{{ meeting }}</a></li>
        <li class="active">Payment</li>
    </ul>

    <h1>{{ meeting.name }}</h1>

{% endblock %}

{% block content %}

    <p>Your booking information has been saved, please review the information below, any changes can be made by clicking <strong>Update Registration.</strong></p>

    <p>To confirm your booking you must complete the payment via PayPal by clicking Pay Online, <strong>bookings which are not paid for will not be accepted</strong>.</p>

    <div id="meeting_details">

        <h2>Personal Details</h2>
        <dl class="dl-horizontal">
            <dt>Title</dt>
            <dd>{{ meeting_booking.title }}</dd>
            <dt>Name</dt>
            <dd>{{ meeting_booking.given_name }} {{ meeting_booking.surname }}</dd>
            <dt>Email Address</dt>
            <dd>{{ meeting_booking.email_address }}</dd>
        </dl>
        <div class="clear"></div>

        <h2>Registration Fee: {{ meeting_booking.type.name }} {% if not meeting_booking_days %} ({% if meeting_booking.currency == "EUR" %}&euro;{% else %}&pound;{% endif %}{{ meeting_booking.type_price|floatformat:2}}){% endif %}</h2>

        {% if meeting_booking_days %}
            <h2>Attending</h2>
            <ul>
                {% for meeting_booking_day in meeting_booking_days %}
                    <li>{{ meeting_booking_day.meeting_day_name }} ({% if meeting_booking.currency == "EUR" %}&euro;{% else %}&pound;{% endif %}{{ meeting_booking_day.price_paid|floatformat:2 }})
                {% endfor %}
            </ul>
        {% endif %}

        {% if social_events %}
            <h2>Additional Items</h2>
            <ul>
                {% for social_event in social_events %}
                    <li>{{ social_event.quantity }}x - {{ social_event.social_event_name }} {% if social_event.price_paid %}<strong>{% if meeting_booking.currency == "EUR" %}&euro;{% else %}&pound;{% endif %}{{ social_event.price_paid|floatformat:2 }}</strong>{% endif %}</li>
                {% endfor %}
            </ul>
        {% endif %}

        <p><a href="{% url 'meeting_booking_tickets' meeting.slug %}" class="btn btn-primary">Update Registration</a></p>

        {% if meeting.get_sessions %}
            {% if sessions %}
                <h2>Attending Sessions</h2>
                <ul>
                    {% for session in sessions %}
                        <li>{{ session.session.name }} {% if session.price_paid %}{% if meeting_booking.currency == "EUR" %}&euro;{% else %}&pound;{% endif %}{{ session.price_paid|floatformat:2 }}{% endif %}</li>
                    {% endfor %}
                </ul>
            {% endif %}

            <p><a href="{% url 'meeting_booking_sessions' meeting.slug  %}" class="btn btn-primary">Update Session Attendance</a></p>
        {% endif %}

        <hr/>

        {% if meeting_booking.get_total > 0 %}
            <div class="payment">
                <p>To pay for the meeting registration please pay via a credit card.</p>

                <div class="payment_form">
                    <div class="payment_button">
                        {{ paypal_form.render }}
                    </div>
                    {% comment %}
                        <div class="payment_invoice">
                            <a href="{% url 'meeting_booking_invoice' meeting.slug %}" class="btn btn-primary">Pay By Invoice</a>
                        </div>
                    {% endcomment %}
                    <div class="clearfix"></div>
                </div>
            </div>
        {% else %}
            <div class="payment">
                <div class="submit">
                    <a href="{% url 'meeting_booking_payment_complete' meeting.slug %}" class="btn btn-primary">Confirm Booking</a>
                </div>
            </div>
        {% endif %}

    </div>

{% endblock %}