{#
    WikiNote3
    Copyright © 2020  Lee 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/>.
#}

{% extends 'page_base.html' %}

{% block content %}
	{{ super() }}
	<script>
		function onClickExpCol(el) {
			if (el.parentNode.nextElementSibling.matches('section')) {
				var section = el.parentNode.nextElementSibling;
				section.classList.toggle('collapsed');
			}
		}
	</script>
{% endblock %}

{% block page_content %}
	<h1>{{ page.title }} <button class="expcol" onclick="onClickExpCol(this);">±</button></h1>
	
	{{ page.content|safe }}
{% endblock %}

{% block leftbox %}
	{% if page.toc or page.meta.tags or (page.xrefs and not collapsed) %}
		<div>
			{% if page.toc %}
				<ul class="toc">
					{% for item in page.toc %}
						<li><a href="#{{ item.id }}">{{ item.name }}</a></li>
					{% endfor %}
				</ul>
			{% endif %}
			
			{% if page.meta.tags %}
				<p style="font-size: small;">
					<em>Tags:</em>
					{% for tag in page.meta.tags %}
						<a href="{{ url_for('tag_view', name=tag) }}">{{ tag }}</a>{% if not loop.last %},{% endif %}
					{% endfor %}
				</p>
			{% endif %}
			
			{% if page.xrefs and not collapsed %}
				<div style="font-size: small;">
					<p><em>Cross-references:</em></p>
					<ul>
						{% for xref in page.xrefs %}
							<li><a href="{{ url_for('page_view', path=xref) }}">{{ xref.replace('/', ' › ') }}</a></li>
						{% endfor %}
					</ul>
				</div>
			{% endif %}
			
			{% if page.meta.lastmod %}
				<div style="font-size: small;">
					<p><em>Last modified:</em> {{ page.meta.lastmod }}</p>
				</div>
			{% endif %}
		</div>
	{% endif %}
{% endblock %}