{% 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 and confirm your booking.</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>Social Events</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-secondary">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-secondary">Update Session Attendance</a></p>
        {% endif %}

		{% if meeting_booking.get_total > 0 %}
			<div class="payment">
				<p>To pay for the meeting registration you can either pay via a credit card or the we can invoice you. Please select an option below.</p>

    			<div class="payment_form">
					<div class="payment_button">
	                    {{ paypal_form.render }}
	    		    </div>
					<div class="payment_invoice">
	                    <a href="{% url 'meeting_booking_invoice' meeting.slug %}" class="btn btn-primary">Pay By Invoice</a>
					</div>
					<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 %}