{% extends "base.html" %}
{% block main %}
<div id="buttons">

	{% if not current_user.is_authenticated %}
	<div class="signin">
		<a href="/login">
			<input type="button" name="button" value="Sign in"></input>
		</a>
	</div>
	<div class="signin">
		<a href="/register">
			<input type="button" name="button" value="Register"></input>
		</a>
	</div>
	{% else %}
	<div class="distribusi">
		<a href="/distribusi">
			<input type="button" name="button" value="Distribusi"></input>
		</a>
	</div>
		{% if adminuser %}
		<div class="admin">
			<a href="/admin">
				<input type="button" name="button" value="Admin"></input>
			</a>
		</div>
		{% endif %}
	<div class="logout">
		<a href="/logout">
			<input type="button" name="button" value="Logout"></input>
		</a>
	</div>
	{% endif %}
	<div class="help">
		<a href="/help">
			<input type="button" name="button" value="Help"></input>
		</a>
	</div>
</div>
	{% if current_user.is_authenticated %}
	  <h2 id="fancyboi"> Hi {{ current_user.username }}!</h2>
	{% else %}
		<h2 id="fancyboi"> Welcome to distribusi-verse</h2>
	{% endif %}
<div class="maincontent">
	<p>Distribusi is a content management system for the web that produces static index pages based on folders in the files system. It is inspired by the automatic index functions featured in several popular web servers. Distribusi works by traversing the file system and directory hierarchy to automatically list all the files in the directory, detect the file types and providing them with relevant html classes and tags for easy styling.
	</p>
</div>
	<!-- a div with all the distribusis listed in the distribusiverse	-->
<div id="distribusiverse" class="maincontent">
	<h2>List of distribusis</h2>
	{% include 'filtermenu.html' %}
	<ul id="distribusi-index">
		{% for name, distribusi in distribusisindex.items() %}
			<li class='distribusi filter {{ distribusi["category"] }} {{ distribusi["year"] }} '>
				<a href='stash/{{name}}/index.html'>{{distribusi["username"]}}:{{name}}</a>
				{% for tag in distribusi["tags"] %}
				<span class="tags">{{tag}}</span>
				{% endfor%}
				{% if distribusi.publictheme != None %}
				<a href="publicthemes/{{name}}">theme 🗎</a>
				{% endif %}
			</li>
		{% endfor%}
	</ul>
</div>
<script src="{{ url_for('static', filename='js/dropdown.js')}}"></script>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/dropdown.css')}}">
{% endblock %}