{% extends "admin.html" %}

{% block headtitle %}Type Codes for {{ booking_type }} - {% endblock %}

{% block meeting_booking_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_types' meeting.id %}">Booking Types</a></li>
				<li class="active">Type Codes</a></span></li>
			</ul>
		</div>
	</div>


	<div class="row">
		<div class="col-lg-12 page-header">
			<h1>Type Codes for <small>{{ booking_type.name }}</small></h1>
			<h2><a href="{% url 'admin_meeting_booking_add_type_code' meeting.id booking_type.id %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add New Type Code</a></h2>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
			{% if type_codes %}
			    <table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th>Code</th>
							<th>Discount</th>
                            <th>Enabled</th>
							<th colspan="2"></th>
						</tr>
					</thead>
					<tbody>
						{% for type_code in type_codes %}
						<tr>
							<td>{{ type_code.code }}</td>
                            <td>&pound;{{ type_code.amount|floatformat:2 }}</td>
                            {% if type_code.enabled %}
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-success btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                                            <i class="glyphicon glyphicon-ok"></i> Yes <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li class="danger"><a href="{% url 'admin_meeting_booking_disable_type_code' meeting.id booking_type.id type_code.id %}" title="Disable"><i class="glyphicon glyphicon-remove"></i> Disable</a>
                                        </ul>
                                    </div>
                                </td>
                            {% else %}
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-danger btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                                            <i class="glyphicon glyphicon-remove"></i> No <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li class="danger"><a href="{% url 'admin_meeting_booking_enable_type_code' meeting.id booking_type.id type_code.id %}" title="Enable"><i class="glyphicon glyphicon-ok"></i> Enable</a>
                                        </ul>
                                    </div>
                                </td>
                            {% endif %}
							<td><a href="{% url 'admin_meeting_booking_edit_type_code' meeting.id booking_type.id type_code.id %}" class="btn btn-sm btn-primary" title="Edit {{ type_code }}"><i class="glyphicon glyphicon-pencil"></i></a></td>
							<td><a href="{% url 'admin_meeting_booking_delete_type_code' meeting.id booking_type.id type_code.id %}" class="btn btn-sm btn-danger" title="Delete {{ type_code }}" onclick="return confirm('Are you sure you wish to delete {{ type_code }}');"><i class="glyphicon glyphicon-trash"></i></td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			{% else %}
				<p>There are no type codes available.</p>
			{% endif %}

			<h3><a href="{% url 'admin_meeting_booking_types' meeting.id %}" class="btn btn-default">&lt; Back to Booking Types</a></h3>

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