{%- extends "!layout.html" %}
{%- set title = _('Not Found (404)') %}
{%- set ROOT = "https://docs.blender.org/manual/" %}
{%- block htmltitle %}
{{ super() }}
<base href="{{ ROOT + language + '/' + version + '/' }}" />
{% endblock %}
{%- block extrahead %}
<style>
	.search404 {
		margin: 15px 0;
	}

	.search404 input[type="text"] {
		width: 100%;
		border-radius: 50px;
		padding-inline-start: 1em;
	}
</style>
{% endblock %}
{%- block body %}
<h1>{% trans %}Not Found (404){% endtrans %}</h1>
<p>{% trans %}It seems the page you are trying to find has been either moved or deleted.{% endtrans %}<br>
	{% trans %}You can try one of the following things:{% endtrans %}</p>

<div class="search404 centered">
	{% include "searchbox.html" %}
</div>

<noscript>
	<a href="{{ ROOT + language + '/' + version + '/index.html' }}" class="btn btn-neutral"
		title="{{ _('Return Home') }}">
		<span class="fa fa-home"></span> {{ _('Return Home') }}</a>

	<span style="font-style: italic">The search functionality needs JavaScript activated in order to work.</span>
</noscript>
<script>
	function init() {
		var versions = getVersion();
		if (versions !== null) {
			replaceSearch(versions);
		}
	}
	/*get language and version from url*/
	function getVersion() {
		var url = window.location.href;
		var versions = url.match(/\/manual\/([\w\-\.]+)\/(dev|\d\.\d[\w\d\.]*)\//);
		if (versions !== null) {
			return [versions[1], versions[2]];
		}
		return null;
	}
	/*replace search form url*/
	function replaceSearch(version) {
		var searchforms = document.getElementsByTagName("FORM");
		for (let i = 0; i < searchforms.length; i++) {
			searchforms[i].setAttribute("action", "/manual/" + version[0] + "/" + version[1] + "/search.html");
		}
		var searchtexts = document.getElementsByName("q");
		for (let i = 0; i < searchtexts.length; i++) {
			searchtexts[i].setAttribute("placeholder", "Search Docs (" + version[0] + " " + version[1] + ")");
		}
	}
	window.onload = init();
</script>
{%- endblock %}