{% extends "admin.html" %}

{% load url from future %}

{% block headtitle %}Additional Items for {{ meeting }} - {% 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' %}">Meeting Booking</a></li>
				<li class="active">Additional Items</a></span></li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
				<h1>Additional Items for <small>{{ meeting }}</small></h1>
				<h2><a href="{% url 'admin_meeting_booking_add_social_event' meeting.id %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add New Additional Item</a></h2>
            </div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
			{% if social_events %}
			    <table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th>Name</th>
							<th>Order</th>
							<th>Price</th>
							<th colspan="2"></th>
						</tr>
					</thead>
					<tbody>
						{% for social_event in social_events %}
						<tr>
							<td>{{ social_event.name }}</td>
							<td>{{ social_event.order }}</td>
							<td>&pound;{{ social_event.cost|floatformat:2 }}</td>
							<td><a href="{% url 'admin_meeting_booking_edit_social_event' meeting.id social_event.id %}" class="btn btn-sm btn-primary" title="Edit {{ social_event }}"><i class="glyphicon glyphicon-pencil"></i></td>
							<td><a href="{% url 'admin_meeting_booking_delete_social_event' meeting.id social_event.id %}" class="btn btn-sm btn-danger" title="Delete {{ social_event }}" onclick="return confirm('Are you sure you wish to delete {{ social_event }}');"><i class="glyphicon glyphicon-trash"></i></td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			{% else %}
				<p>There are no Additional Items for this meeting</p>
			{% endif %}

			<h3><a href="{% url 'admin_meeting_booking' %}" class="btn btn-default">&lt; Back to Meetings</a></h3>

		</div>
	</div>
{% endblock %}