{#
	requires, brand_html, top_bar_items, footer_items, copyright, content, address
#}

{% extends "html/base.html" %}

{% block body %}
	<header>
	</header>
	<div id="body_div">
		<div class="navbar-wrapper">
		<div class="navbar{% if top_bar_background=="Black" %} navbar-inverse{% endif %}" 
			style="margin-bottom: 0px;">
			<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="/">{{ brand_html }}</a>
				<ul class="nav">
					{% for page in top_bar_items %}
						{% if not page.parent_label %}
						<li data-label="{{ page.label }}"
							{% if page.child_items %}
								class="dropdown"
							{% endif %}>
							<a href="{{ page.url or '#' }}" 
								{% if page.child_items %}
									class="dropdown-toggle"
									onclick="return false;"
									data-toggle="dropdown"
								{% endif %}
								{{ page.target or ''}}>
							{{ page.label }}
							{% if page.child_items %}
								<b class="caret"></b>
							</a>
								<ul class="dropdown-menu">
								{% for child in page.child_items %}
									<li data-label="{{ child.label }}">
										<a {% if child.indent %}
											style="padding-left: 
												{{(int(child.indent)+1)*15 }}px"
										{% endif %}
										href="{{ child.url }}" {{ child.target or '' }}>
											{{ child.label }}
										</a>
									</li>
								{% endfor %}
								</ul>
							{% else %}
							</a>
							{% endif %}
							</li>
						{% endif %}
					{% endfor %}
				</ul>
				<img src="lib/images/ui/spinner.gif" id="spinner"/>
				<ul class="nav pull-right">
					<li id="login-topbar-item"><a href="login">Login</a></li>
				</ul>
			</div>
			</div>
		</div>
		</div>
		<script>$('.dropdown-toggle').dropdown()</script>
		<div class="content" id="page-{{ name }}" style="display: block;">
		{% block content %}
		{% endblock %}
		</div>
	</div>
	<footer><div class="web-footer">
		{% if facebook_share or google_plus_one or twitter_share or linked_in_share %}
		<div class="social-icons" style="">
			<span style="font-size: 11px;">{{ share_text or "Share this page on: "}}</span>
			{% if google_plus_one %}
				<a href="https://plus.google.com/share?url={{ url }}"
				 	target="_blank"><i class="icon-google-plus"></i></a>
			{% endif %}
			{% if twitter_share %}
				<a href="https://twitter.com/intent/tweet?url={{ url }}&text={{ encoded_title }}"
					target="_blank" ><i class="icon-twitter"></i></a>
			{% endif %}
			{% if facebook_share %}
				<a href="https://www.facebook.com/sharer.php?u={{ url }}&t={{ encoded_title }}&via={{ twitter_share_via }}"
					target="_blank"><i class="icon-facebook"></i></a>
			{% endif %}
			{% if linked_in_share %}
				<a href="http://www.linkedin.com/shareArticle?mini=true&url={{ url }}&title={{ encoded_title }}"
					target="_blank"><i class="icon-linkedin"></i></a>
			{% endif %}
		</div>
		{% endif %}
		<p style="float: right; clear: right;">
			<a style="font-size: 90%; color: #888;" href="attributions">ERPNext Powered</a></p>
		<div class="web-footer-menu"><ul>
		{% for item in footer_items %}
			<li><a href="{{ item.url }}" {{ item.target }}
				data-label="{{ item.label }}">{{ item.label }}</a></li>
		{% endfor %}
		</ul></div>
		{% if copyright %}
		<div class="web-footer-copyright">&copy; {{ copyright }}</div>
		{% endif %}
		{% if address %}
		{{ address }}
		{% endif %}
		</div>
	</footer>

{% endblock %}