{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/button.njk" as button %}
{% import "components/input.njk" as input %}

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}

	<div class="bp-c-restricted {{classes}}">
		<h2 class="bp-c-restricted__title">{{data.title}}</h2>

		<p class="bp-c-restricted__info">{{data.text}}</p>

		<form class="bp-c-restricted__form" action="{{data.url}}" method="POST">
			{{input.default("bp-c-restricted__input", {
				name: "password",
				id: "restricted-password",
				required: true,
				input: {
					type: "password",
					placeholder: "password"
				},
				label: {
					text: "password"
				},
				button: button.submit("", { text: "Verify password" })
			})}}
		</form>
	</div>

{% endmacro %}