menu 2.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 src="{{ partner.logo_url }}" style="float: left; margin-right: 10px;" alt='Partner Logo'>
			</div>
			<div id="partner_facts" style="float: left; width: 270px;">
				<h4>{{ 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>
		</div>
	</div>

<hr>
<p style="text-align: center; color: grey;">Like this? Book now, pay when you get your clothes back.</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>
<h5 style="text-align: center;">About Your Cleaner</h5>
<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 -->
		<table class='menutable' border="0" style="margin-top:5px;">
			{% for item in menuitems %}
				{% if item.tabname != prevtabname: %}
					<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> <!-- 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 --> 


</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> -->

{% endblock %}