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

{% block headtitle %}
    Choose Sessions | {{ meeting.name }}
{% 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="active">
    			<a href="{% url 'meeting_booking_sessions' meeting.slug %}">4. Choose Sessions</a>
    		</li>
        {% endif %}
		<li class="disabled">
            <a href="">{% 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">Book Sessions</li>
	</ul>

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

	{% if meeting.link_to_agenda %}
	    <p><a href="{{ meeting.link_to_agenda }}" target="_blank" class="btn btn-primary">View the Agenda</a></p>
	{% elif meeting.link_to_agenda_file %}
	    <p><a href="{{ meeting.link_to_agenda_file.url }}" target="_blank" class="btn btn-primary">View the Agenda</a></p>
    {% endif %}

{% endblock %}

{% block content %}

	<div id="meeting_sessions">

	    <h2>Step 4 - Register For Sessions</h2>

	    <p>Please indicate which sessions you will be attending. If you are only attending 1 day, please only select sessions on the day that you will be attending.</p>

    	<form action"" method="post">
    		{% csrf_token %}

    		{% for session_category in session_categories %}
                {% if session_category.get_sessions %}
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>{{ session_category }}</th>
                                <th>Price</th>
                                <td><i class="glyphicon glyphicon-ok"></i></td>
                            </tr>
                        </thead>
                        <tbody>
                            {% for session in session_category.get_sessions %}
                    			<tr>
                    				<td><strong>{{ session }}</strong><br/>
                                        {{ session.description|linebreaksbr }}</td>
                    				{% if session.bookable %}
                                        <td>{% if session.cost %}&pound;{{ session.cost|floatformat:2 }}{% endif %}</td>

                                        <td>
                                            {% if session.get_quantity_remaining > 0 %}
                        					    <label for="id_session_meeting_{{ session.id }}">{% if session_category.only_one %}<input type="radio" name="session_category_{{ session_category.id }}" value="{{ session.id }}" class="checkbox" id="id_session_meeting_{{ session.id }}" {% if session in sessions_booked %}checked="checked"{% endif %}/>{% else %}<input type="checkbox" name="sessions" value="{{ session.id }}" class="radio" id="id_session_meeting_{{ session.id }}" {% if session in sessions_booked %}checked="checked"{% endif %}/>{% endif %}</label>
                            				{% else %}
                        					    Fully Booked
                                            {% endif %}
                                        </td>
                                    {% else %}
                                        <td>This session is fully booked</td>
                    				{% endif %}
                                </tr>
                            {% endfor %}
							{% if session_category.only_one %}
								<tr>
									<td>I am not attending a session at this time</td>
									<td><label for="id_session_category_not"><input type="radio" name="session_category_{{ session_category.id }}" value="not" class="radio" id="id_session_category_not"/></label></td>
								</tr>
							{% endif %}
            			</tbody>
                    </table>
                {% endif %}
            {% endfor %}

            <div class="form-group form-actions">
                <div class="row">
                    <div class="col-lg-4">
                        <input type="submit" class="btn btn-primary" value="Submit" />
                    </div>
                </div>
            </div>

    	</form>
    </div>

{% endblock %}