{% extends 'ssmain/semantic_base.html' %}

{#
    Society Self-Service
    Copyright © 2018  Yingtong Li (RunasSudo)

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
#}

{% block head %}
	{{ super() }}
	
	<style type="text/css">
		.masthead.segment {
			{% if request.resolver_match.view_name == 'index' %}
				min-height: 700px;
			{% endif %}
			padding: 1em 0em;
		}
		.masthead h1.ui.header {
			{% if request.resolver_match.view_name == 'index' %}
				margin-top: 3em;
				margin-bottom: 0em;
			{% else %}
				margin-top: 0.5em;
				margin-bottom: 0.5em;
			{% endif %}
			font-size: 4em;
			font-weight: normal;
		}
		
		.ui.vertical.stripe {
			padding: 8em 0em;
		}
		
		.footer.segment {
			padding: 5em 0em;
		}
		
		.ui.card .description {
			line-height: 1.5;
		}
		
		textarea {
			font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
		}
		
		/* Fix nested selectable tables */
		.ui.table.selectable tr > td.selectable:hover {
			background: initial !important;
		}
	</style>
{% endblock %}

{% block body %}
	{# navigation #}
	<div class="ui inverted vertical masthead center aligned segment">
		<div class="ui container">
			<div class="ui large secondary inverted pointing menu">
				</a>
				<a class="{% if request.resolver_match.func.__module__.startswith('ssmain.') %}active {% endif %}item" href="{{ url('index') }}">Society Self-Service</a>
				<a class="{% if request.resolver_match.func.__module__.startswith('sstreasury.') %}active {% endif %}item" href="{{ url('treasury') }}">Treasury</a>
				<a class="{% if request.resolver_match.func.__module__.startswith('sspromotions.') %}active {% endif %}item" href="{{ url('promotions') }}">Promotions</a>
				<div class="right menu">
					{% if request.user.is_authenticated %}
						<div class="item"><i class="user circle icon"></i>{{ request.user.first_name }} {{ request.user.last_name }}</div>
						<div class="item"><a class="ui inverted button" href="{{ url('logout') }}">Log out</a></div>
					{% else %}
						<div class="item"><a class="ui inverted button" href="{{ url('login') }}">Log in</a></div>
					{% endif %}
				</div>
			</div>
		</div>
		
		{% block headtitle %}{% endblock headtitle %}
	</div>
	
	{# content #}
	{% if request.resolver_match.view_name != 'index' %}
		<div class="ui vertical stripe segment">
			<div class="ui container">
				{% block content %}{% endblock %}
			</div>
		</div>
	{% endif %}
	
	{# footer #}
	<div class="ui inverted vertical footer segment">
		<div class="ui container">
			<div class="ui stackable inverted divided equal height stackable grid">
				<div class="three wide column">
					<h4 class="ui inverted header">About</h4>
					<div class="ui inverted link list">
						<a href="#" class="item">Sitemap</a>
						<a href="#" class="item">Contact Us</a>
						<a href="#" class="item">Religious Ceremonies</a>
						<a href="#" class="item">Gazebo Plans</a>
					</div>
				</div>
				<div class="three wide column">
					<h4 class="ui inverted header">Services</h4>
					<div class="ui inverted link list">
						<a href="#" class="item">Banana Pre-Order</a>
						<a href="#" class="item">DNA FAQ</a>
						<a href="#" class="item">How To Access</a>
						<a href="#" class="item">Favorite X-Men</a>
					</div>
				</div>
				<div class="seven wide column">
					<h4 class="ui inverted header">Footer Header</h4>
					<p>Extra space for a call to action inside the footer that could help re-engage users.</p>
				</div>
			</div>
		</div>
	</div>
{% endblock %}