{% 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:checked').parent().parent().parent().find('.social_event_quantity').removeAttr('disabled');

            $('.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">Edit Booking</a></span></li>
			</ul>
		</div>
	</div>


	<div class="row">
		<div class="col-lg-12 page-header">
			<h1>Edit 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 %}

        		{% 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 }}" {% for session_booked in sessions_booked %}{% if session_booked.session.id = session.id %}checked="checked"{% endif %}{% endfor %}/>
            					        {{ 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 }}" {% for meeting_day_booked in meeting_days_booked %}{% if meeting_day_booked.meeting_day.id = meeting_day.id %}checked="checked"{% endif %}{% endfor %}/>
                                    {{ 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" {% for social_event_booked in social_events_booked %}{% if social_event_booked.social_event.id = social_event.id %}checked="checked"{% endif %}{% endfor %}/>
            		                {{ 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 }}" 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=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 %}