{% extends "common/layouts/app_page.html.twig" %}

{% block app_title %}Test App{% endblock %}

{% block breadcrumb %}
<li class="breadcrumb-item"><loc>An App</loc></li>
<li class="breadcrumb-item active"><loc>Another one</loc></li>
{% endblock %}

{% block main_app_button %}
<div class="btn-group mr-10">
	<button data-toggle="modal" data-target="#create-new-modal" class="btn btn-success">
		<span class="glyphicons-plus glyphicons"></span> Add New
	</button>
</div>
{% endblock %}

{% block extra_app_buttons %}
<div class="btn-group">
	<a href="/application/" class="btn btn-secondary" data-placement="bottom" rel="tooltip" data-original-title="Home"><span class="glyphicons-home glyphicons"></span> <span class="hide-on-desktop">Home</span></a>
</div>
<div class="btn-group">
	<a href="/application/" class="btn btn-secondary" data-placement="bottom" rel="tooltip" data-original-title="Other thing"><span class="glyphicons-clock glyphicons"></span> <span class="hide-on-desktop">Other thing</span></a>
	<a href="/application/" class="btn btn-secondary" data-placement="bottom" rel="tooltip" data-original-title="Admin"><span class="glyphicons glyphicons-cogwheels glyphicons"></span> <span class="hide-on-desktop">Admin</span></a>
</div>
<div class="btn-group">
	<a href="/application/" class="btn btn-secondary" data-placement="bottom" rel="tooltip" data-original-title="Other thing"><span class="glyphicons-clock glyphicons"></span> <span class="hide-on-desktop">Other thing</span></a>
	<a href="/application/" class="btn btn-secondary" data-placement="bottom" rel="tooltip" data-original-title="Admin"><span class="glyphicons glyphicons-cogwheels glyphicons"></span> <span class="hide-on-desktop">Admin</span></a>
</div>
<div class="btn-group">
	<a href="/application/" class="btn btn-secondary" data-placement="bottom" rel="tooltip" data-original-title="Other thing"><span class="glyphicons-clock glyphicons"></span> <span class="hide-on-desktop">Other thing</span></a>
</div>
{% endblock %}

{% block main_content %}
{%  if is_mobile() %}
	<p>You are on a mobile device!</p>
{% else %}
	<p>You are not on a mobile device.</p>
{% endif %}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
{% endblock %}

{% block left_panel_label %}Bits & Bobs{% endblock %}

{% block left_panel_pills %}
<li class="nav-item active" name="panel-pills-survey">
	<a class="nav-link" href="/polls-surveys/?type=survey"><loc name="quiz:polls-surveys:menu:surveys">Menu Item</loc></a>
</li>
<li class="nav-item" name="panel-pills-survey">
	<a class="nav-link" href="/polls-surveys/?type=survey"><loc name="quiz:polls-surveys:menu:surveys">Another Menu Item</loc></a>
</li>
{% endblock %}

{% block right_panel_label %}Other Stuff{% endblock %}

{% block right_panel %}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
{% endblock %}
