| {% extends 'projects/landing.html' %}
include ../../../mixins/components

| {% set title = node.properties.url %}

//- Remove custom classes applied by the landing template (that turn background black).
| {% block bodyclasses %}page{% endblock %}

| {% block body %}
| {% if project and project.has_method('PUT') %}
+nav-secondary(class="bg-light border-bottom")
	+nav-secondary-link(
		href="{{ url_for('nodes.edit', node_id=node._id) }}")
		i.pi-edit.pr-2
		span Edit Page
| {% endif %}

| {% if node.picture %}
.expand-image-links.imgs-fluid
	+jumbotron(
		"{{ node.name }}",
		null,
		"{{ node.picture.thumbnail('h', api=api) }}",
		"{{ node.url }}")
| {% else %}
.container.pt-5
	.row
		.col-12.text-center
			h2.text-uppercase.font-weight-bold
				| {{ node.name }}

			hr.pb-2
| {% endif %}

.container.pb-5
	.row
		.col-8.mx-auto
			| {% if node.description %}
			.node-details-description.pt-5
				| {{ node | markdowned('description') }}
			| {% endif %}

			small.text-muted
				span(title="created {{ node._created | pretty_date }}") Updated {{ node._updated | pretty_date }}

include ../_scripts

| {% endblock %}

| {% block footer_scripts %}
| {{ super() }}
script.
	// Push the correct URL onto the history. This push happens after the id has
	// been pushed to the history already. We should probably keep only this and
	// skip the project-level displayNode push.

	var url = '{{ node.properties.url }}'
	var replace_state = {nodeId: '{{node._id}}', url: url};
	window.history.replaceState(
		replace_state,
		'{{node.name}}',
		url
	);
	// Generate GA pageview
	$(document).ready(function () {
		ga('send', 'pageview', location.pathname);
	});

| {% endblock %}