{% extends "admin.html" %}

{% load url from future %}

{% load coreextras %}
{% block headtitle %}Meeting Bookings - {% endblock %}

{% block headscript %}
    <script type="text/javascript">

        $(document).ready(function(){

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


{% block meetings_active %}class="active"{% endblock %}

{% block content %}

	<div class="row">
		<div class="col-lg-12">
			<ul class="breadcrumb">
				<li><a href="{% url 'admin' %}">Admin</a> </li>
				<li><a href="{% url 'admin_meeting_booking' %}">Meetings</a></li>
				<li><a href="{% url 'admin_meeting_booking_bookings' meeting.id %}">Meeting Bookings</a></li>
				<li class="active">New Booking</a></span></li>
			</ul>
		</div>
	</div>


	<div class="row">
		<div class="col-lg-12 page-header">
			<h1>New Booking for Meeting: {{ meeting }}</h1>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
		    <form action="" method="post" class="form-horizontal">{% csrf_token %}
				<h3 class="col-lg-offset-3">General Details</h3>
				{% include "admin/partials/form.html" with form=booking_form %}
				<h3 class="col-lg-offset-3">Other Details</h3>
				<p class="col-lg-offset-3">For delegates only - this can be ignored for existing members.</p>
				{% include "admin/partials/form.html" with form=address_form %}

                {% if sessions %}
                    <h3 class="col-lg-offset-3">Sessions</h3>
                    {% for session in sessions %}
                		<div class="checkbox">
                             {% if session.get_booking_count < session.quantity_available %}
                				<div class="checkbox">
                				    <label for="id_session_meeting_{{ session.id }}" class="col-lg-6 col-lg-offset-3">
                				        <input type="checkbox" name="sessions" value="{{ session.id }}" id="id_session_meeting_{{ session.id }}" />
                				        {{ session.name }}
                				    </label>
                				</div>
                			{% else %}
                				<p>This is session is currently fully booked</p>
                				<div class="checkbox">
                 					<label class="col-lg-6 col-lg-offset-3">
                 					    <input type="checkbox" name="waiting_list" value="{{ session.id }}"/>
                 					    Go on the Waiting List for this session
                 					</label>
                 				</div>
                			{% endif %}
                		</div>
                	{% endfor %}
                {% endif %}

                {% if meeting_days %}
                    <div class="meeting_days">
                        <h3 class="col-lg-offset-3">Day Registration</h3>
                        {% for meeting_day in meeting_days %}
                            <div class="checkbox  meeting_day class=col-lg-offset-4">
                                <label for="meeting_day_{{ meeting_day.id }}" class="col-lg-6 col-lg-offset-3">
                                    <input type="checkbox" name="meeting_days" value="{{ meeting_day.id }}" id="meeting_day_{{ meeting_day.id }}"/>
                                     {{ meeting_day.name }} (&pound;{{ meeting_day.cost|floatformat:2 }})
                                </label>
                             </div>
                        {% endfor %}
                    </div>
                {% endif %}

                {% if social_events %}

                	<h3 class="col-lg-offset-3">Additional Items</h3>

                	{% for social_event in social_events %}
                	    <div class="social_event">
                             <div class="checkbox">
                 		        <label for="social_event_{{ social_event.id }}" class="label_ticket col-lg-6 col-lg-offset-3">
                 		            <input type="checkbox" name="social_events" value="{{ social_event.id }}" id="social_event_{{ social_event.id }}" class="social_event_enable" />
                	                {{ social_event.name }}
                	            </label>
                	        </div>
                			{% if social_event.max_quantity > 1 and social_event.max_quantity %}
                			    <div class="checkbox">
                			        <label for="social_event_quantity_{{ social_event.id }}" class="label_quantity col-lg-offset-3">Number Required:</label>
                			        <select name="social_event_quantity_{{ social_event.id }}" disabled class="social_event_quantity">
                			            {% for i in social_event.max_quantity|get_range %}
                			                <option value="{{ i|add:1 }}">{{ i|add:1 }}</option>
                			            {% endfor %}
                				    </select>
                				</div>
                			{% else %}
                				<input type="hidden" name="social_event_quantity_{{ social_event.id }}" value="1"/>
                			{% endif %}
                         </div>
                	{% endfor %}

                {% endif %}

                <h2>Payment Details</h2>

				{% include "admin/partials/form.html" with form=payment_form %}
				{% include "admin/partials/form.html" with form=notes_form %}
                 <br/>
                <div class="form-group form-actions">
                	<div class="col-lg-offset-3 col-lg-4">
                	<a href="{% url 'admin_meeting_booking_bookings' meeting.id %}" title="Cancel" class="btn btn-default">Cancel</a>
                		<input type="submit" class="btn btn-primary" value="Save" />
                	</div>
                </div>
		    </form>
		</div>
	</div>


{% endblock %}