menu.html

<!-- TEMPLATE OBJECT IMPORTS:
'partner' : partner,
'menuitems' : menuitems -->

{% extends "templates/base.html" %}
{% block content %}

<ol class="breadcrumb">
	<li><a href="/">Home</a></li>
	<li><a href="/near">Listings</a></li>
	<li class="active">Cleaner</li>
</ol>

	<div id="partnerinfo">
		
		<div id="quickviewdiv">

			<div id="partner_logo"><img class="partnerlogo" src="{{ partner.logo_url }}" style="float: left; margin-right: 10px;" alt='Partner Logo'>
			</div>
			<div id="partner_facts" style="float: left; width: 270px;">
				<h4 style="margin-bottom: 5px;">{{ partner.name }}</h4>
				<div id="partner_facts_deeper" style="float: left; width: 270px;">
					<h5>{{ partner.address}}</h5>
					<h5>Min order: £{{ partner.minimum_order }}</h5>
					<h5>{{ partner.delivery_cost }}</h5>
				</div>
			</div>
			<form action="collection" method="get" style="float:right; margin-top:-40px;">
					<input type="text" name="partner_name" value="{{ partner.name }}" hidden=True>
					<input type="submit" class="btn btn-success" value="Book Collection">
			</form>
			<p style="float:right; margin-right:12px; font-size: 80%"><a href="" onclick="help_me(); return false;">Click here for help</a></p>
		</div>
	</div>
		<hr>
<div> <!-- content: tab headings, tab contents -->
<ul class="nav nav-pills" data-tabs="tabs"> <!-- tab headings -->
    		<li class="active" style="width: 131px; text-align: center;"><a data-toggle="tab" href="#Menu">Menu</a></li>
    		<li style="width: 131px; text-align: center;"><a data-toggle="tab" href="#Reviews">Reviews</a></li>
    		<li style="width: 131px; text-align: center;"><a data-toggle="tab" href="#Info">Info</a></li>
</ul>

<div class="tab-content"> <!-- tab content -->
	{% set prevtabname = 'first' %}
	<div class="tab-pane active" id="Menu">
		<!-- START TABLE -->
		<br>
<!-- 			<p style="text-align: right;"><i>Difficult cleaning jobs may require specialist attention and so can cost more - final prices are confirmed on pickup.</i></p>
 --> 		<table class='menutable' style="margin-top:5px;">
					
 				{% if partner.shirts %}
					<tr style="height: 2.7em; vertical-align: bottom;">
						<th>Best Sellers</th>
					</tr>
					<tr>
						<td class="itemcolumn">Shirts</td>
						<td class='subitemcolumn'></td>
						<td class='pricecolumn' style="text-align:right;">{{ partner.shirts }}</td>
					</tr>
					<tr>
						<td class="itemcolumn">Suits</td>
						<td class='subitemcolumn'></td>
						<td class='pricecolumn' style="text-align:right;">{{ partner.suits }}</td>
					</tr>
				{% endif %}
			{% for item in menuitems %}
				{% if item.tabname != prevtabname: %}
				<tr><td></td></tr>
					<tr style="height: 2.7em; vertical-align: bottom;">
						<th>{{ item.tabname }}</th>
					</tr>
				{% endif %}

				<tr>
					{% if item.item != prev_item %}
						<td class='firstitem itemcolumn'>{{ item.item }}</td>
					{% else %}
						<td class="itemcolumn"></td>
					{% endif %}

					{% set prev_item = item.item %}

						<td class='subitemcolumn'>{{ item.subitem }}</td>
					
					{% if item.price != 0 %}
						<td class="pricecolumn" style="text-align:right;">{{ item.price|currencyformat }}</td>
					{% elif item.pricemax == 0 %}
						<td class="pricecolumn" style="text-align:right;">From {{ item.pricemin|currencyformat }}</td>
					{% else %}
						<td class="pricecolumn" style="text-align:right;">{{ item.pricemin|currencyformat }} - {{ item.pricemax|currencyformat }}</td>
					{% endif %}
				</tr>


				{% set prevtabname = item.tabname %}
			{% endfor %}
		</table>
<!-- 		</div>
 -->	</div> <!-- end final table and table's div --> 

	<div class="tab-pane" id="Reviews">
		<br>
		<h5 style="text-align: center;">This cleaner has not had any reviews yet</h5>
	</div>

	<div class="tab-pane" id="Info">
		<br>
		<h5 style="text-align: center;">This cleaner has not added info yet</h5>
	</div>


</div> <!-- end tab-content --> 

<hr>

<form action="collection" method="get">
					<input type="text" name="partner_name" value="{{ partner.name }}" hidden=True>
					<input type="submit" class="btn btn-success btn-lg btn-block" value="Got It. Let's Book Collection">
			</form>


<!-- <p style="text-align: center; color: grey;">Like this? Book now, pay when you get your clothes back.</p> -->
<!--  <p style="text-align: center; color: grey;">What next? You don't add socks to a cart. Just read about the cleaner, then book collection, and you pay after your clothes are returned. It's really fast.</p>
<form action="collection" method="get">
					<input type="text" name="partner_name" value="{{ partner.name }}" hidden=True>
					<input type="submit" class="btn btn-success btn-lg btn-block" value="Got It. Let's Book Collection">
			</form>

<hr>

 -->


</div><!-- body div -->

<br>
{% endblock %}
{% block endscripts %}
<!-- <script src="/static/js/accounting.js/accounting.min.js"></script> -->
<!-- <script src="/static/js/custom/table.js"></script> -->

<script src="/static/js/bootbox/bootbox.min.js"></script>

<script type="text/javascript">

function help_me(){
	var question_string = "You don't add socks to a cart.<br><br> Just read about the cleaner, then book collection.<br><br>You pay after your clothes are returned.<br><br>Have fun!"
		bootbox.alert({
			title: "What next?",
			message: question_string,
		})
	}
</script>

{% endblock %}