{% extends "base.html" %}

{% block title %}{{ page.title }}{% end block %}

{% block head %}
	<!-- Facebook OpenGraph -->
	<meta property="og:site_name" content="IPFire Documentation" />
	<meta property="og:title" content="{{ page.title }} - The IPFire Documentation" />
	<meta property="og:url" content="{{ page.full_url }}" />
	<meta property="og:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}" />

	<meta property="og:type" content="article" />
	<meta property="og:article:modified_time" content="{{ page.timestamp.isoformat() }}" />

	<!-- Twitter -->
	<meta property="twitter:site" content="@ipfire" />
	<meta property="twitter:card" content="summary_large_image" />
	<meta property="twitter:title" content="{{ page.title }} - The IPFire Documentation" />
	<meta property="twitter:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}" />
{% end block %}

{% block main %}
	{% import os.path %}

	<section class="section">
		<div class="container">
			<div class="columns">
				<div class="column is-three-quarters-widescreen">
					<div class="content">
						{% raw page.html %}
					</div>

					<hr>

					<div class="block">
						<a class="button is-primary is-fullwidth" href="{{ os.path.join(request.path, "_edit") }}">
							<span class="icon-text">
								<span class="icon">
									<i class="fas fa-edit"></i>
								</span>
								<span>
									{{ _("Edit Page") }}
									{% if not current_user %}&dash; {{ _("Yes, you can edit!") }}{% end %}
								</span>
							</span>
						</a>
					</div>

					<div class="block">
						<small>
							<div class="level">
								<div class="level-left">
									{% if current_user %}
										{% if page.is_watched_by(current_user) %}
											<a class="level-item" href="{{ os.path.join(page.url, "_unwatch") }}">
												<i class="fas fa-star" title="{{ _("Stop watching this page") }}"></i>
											</a>
										{% else %}
											<a class="level-item" href="{{ os.path.join(page.url, "_watch") }}">
												<i class="far fa-star" title="{{ _("Watch this page") }}"></i>
											</a>
										{% end %}
									{% end %}

									<a class="level-item" href="{% if page.author %}/users/{{ page.author.uid }}{% else %}#{% end %}">
										{{ _("Last changed by %(author)s, %(when)s") % {
											"author" : page.author or _("an unknown author"),
											"when"   : locale.format_date(page.timestamp, shorter=True),
										} }}
									</a>

									<a class="level-item" href="{{ request.path }}?action=revisions">
										{{ _("View Older Revisions") }}
									</a>
								</div>
							</div>
						</small>
					</div>
				</div>
			</div>
		</div>
	</section>

	{# Analytics #}
	{% if current_user and current_user.is_admin() %}
		<section class="hero is-dark">
			<div class="hero-body">
				<div class="container">
					<h4 class="title is-4">{{ _("Analytics") }}</h4>

					{% module AnalyticsSummary() %}
				</div>
			</div>
		</section>
	{% end %}
{% end block %}