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

{% block headscript %}
	<script type="text/javascript">
		$(document).ready(function(){

			if ($('#id_type').find(':selected').hasClass('meeting_days_option')){
				$('.meeting_days').show();
				$('.meeting_days').find('input').removeAttr('disabled');
				$('.social_events_days').show();
				$('.social_events_days input').find('.social_event_enable').removeAttr('disabled');
			} else {
				$('.meeting_days').hide();
				$('.meeting_days').find('input').attr('disabled','disabled');
				$('.social_event_days').hide();
				$('.social_event_days input').find('.social_event_enable').attr('disabled','disabled');
			}

			if ($('#id_type').find(':selected').hasClass('type_text_option')){
				$('.type_text').hide();
				$('#type_text_'+ $('#id_type').val()).show();
			} else {
				$('.type_text').hide();
			}

			$('#id_type').change(function(){
				if ($(this).find(':selected').hasClass('meeting_days_option')){
					$('.meeting_days').show();
					$('.meeting_days').find('input').removeAttr('disabled');
					$('.social_events_days').show();
					$('.social_events_days input').find('.social_event_enable').removeAttr('disabled');
				} else {
					$('.meeting_days').hide();
					$('.meeting_days').find('input').attr('disabled','disabled');
					$('.social_event_days').hide();
					$('.social_event_days input').find('.social_event_enable').attr('disabled','disabled');
				}

				if ($('#id_type').find(':selected').hasClass('type_text_option')){
					$('.type_text').hide();
					$('#type_text_'+ $(this).val()).show();
				} else {
					$('.type_text').hide();
				}

			});

            $('.social_event_enable').change(function(){
                if ($(this).is(':checked')){
                    $(this).parent().parent().find('.social_event_quantity').removeAttr('disabled');
                } else {
                    $(this).parent().parent().find('.social_event_quantity').attr('disabled','disabled');
                }
            });

        });

	</script>
{% endblock %}

{% block headtitle %}
    Book Tickets | {{ 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="active">
	        <a href="{% url 'meeting_booking_tickets' meeting.slug %}">3. Registration Fee</a>
	    </li>
		{% if meeting.get_sessions %}
            <li class="disabled">
			    <a href="">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">Registration Fee</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_book">
    	<form action"" method="post" class="form form-horizontal">
    		{% csrf_token %}
			<h2>Step 3 -  Registration Fee</h2>
            <p>Please confirm the registration fee you wish to book.</p>

            <div class="form-group ">
                <label for="id_type" class="control-label col-lg-4"> Type  <span class="required">*</span></label>
                <div class="col-lg-4">
                    <select class="form-control" name="type" id="id_type">
                        <option value="">Please Select</option>
                        {% for type in types %}
                            <option value="{{ type.id }}" class="{% if type.meeting_days_generate %}meeting_days_option{% endif %} {% if type.text %}type_text_option{% endif %}" {% if meeting_booking.type = type %}selected="selected"{% endif %}>
                                {{ type.name }} {% if type.get_cost %} - ({% if type.is_earlybird %}Early bird before {{ type.early_bird_date }} {% endif %}&pound;{{ type.get_cost|floatformat:2 }}{% endif %}
                            </option>
                        {% endfor %}
                    </select>
                </div>
            </div>

			{% for type in types %}
				{% if type.text %}
					<p id="type_text_{{ type.id }}" class="type_text" style="font-size:0.9em; display:none;">{{ type.text|linebreaksbr }}</p>
				{% endif %}
			{% endfor %}

            {% include "public/partials/form.html" with form=type_form %}

            {% if meeting_days %}
                <div class="meeting_days">
                    <h3>Register for Specific Day of the Meeting Only</h3>
                    {% for meeting_day in meeting_days %}
                        <div class="meeting_day">
							<input type="checkbox" name="meeting_days" value="{{ meeting_day.id }}" id="meeting_day_{{ meeting_day.id }}"/>
                            <label for="meeting_day_{{ meeting_day.id }}">{{ meeting_day.name }} - <span clas="price">&pound;{% if meeting_booking.registrant_type == 'member' %}{{ meeting_day.get_member_cost|floatformat:2 }}{% else %}{{ meeting_day.get_cost|floatformat:2 }}{% endif %}</span></label>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}

        	{% if social_events or social_events_days %}
                <h2>Social Events</h2>
                <p>Please indicate any social events you wish to attend.</p>

                {% for social_event in social_events %}
                    <div class="social_event">
                        <label for="social_event_{{ social_event.id }}" class="label_ticket"><input type="checkbox" name="social_events" value="{{ social_event.id }}" id="social_event_{{ social_event.id }}" class="social_event_enable field_ticket"/> {{ social_event.name }} {% if social_event.cost %}<span class="price"> - &pound;{{ social_event.cost|floatformat:2 }}</span>{% endif %}</label>
                        {% if social_event.max_quantity > 1 and social_event.max_quantity %}
                            <label for="social_event_quantity_{{ social_event.id }}" class="label_quantity">
                                Number Required:
                                <select name="social_event_quantity_{{ social_event.id }}" disabled class="social_event_quantity field_quantity">
                                    {% for i in social_event.max_quantity|get_range %}
                                        <option value="{{ i|add:1 }}">{{ i|add:1 }}</option>
                                    {% endfor %}
                                </select>
                            </label>
                        {% else %}
                            <input type="hidden" name="social_event_quantity_{{ social_event.id }}" value="1"/>
                        {% endif %}
                        <div class="clear"></div>
                    </div>
                {% endfor %}
                {% if social_events_days %}
                    <div class="social_events_days">
                        {% for social_event in social_events_days %}
                            <div class="social_event">
                                <label for="social_event_{{ social_event.id }}" class="label_ticket"><input type="checkbox" name="social_events" value="{{ social_event.id }}" id="social_event_{{ social_event.id }}" class="social_event_enable field_ticket"/> {{ social_event.name }} {% if social_event.cost %}<span class="price"> - &pound;{{ social_event.cost|floatformat:2 }}</span>{% endif %}</label>
                                {% if social_event.max_quantity > 1 and social_event.max_quantity %}
                                    <label for="social_event_quantity_{{ social_event.id }}" class="label_quantity">
                                        Number Required:
                                        <select name="social_event_quantity_{{ social_event.id }}" disabled class="social_event_quantity field_quantity">
                                            {% for i in social_event.max_quantity|get_range %}
                                                <option value="{{ i|add:1 }}">{{ i|add:1 }}</option>
                                            {% endfor %}
                                        </select>
                                    </label>
                                {% else %}
                                    <input type="hidden" name="social_event_quantity_{{ social_event.id }}" value="1"/>
                                {% endif %}
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
            {% endif %}

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

{% endblock %}