{% extends 'base.html' %}

{% block main %}
<main role="main" class="container mt-3">
	<div class="row justify-content-center">
		<div class="col-lg-6 col-md-10 px-0">
			<div class="row">
				{% for message in get_flashed_messages() %}
				<div class="col-12">
					<div class="alert alert-primary" role="alert">{{ message }}</div>
				</div>
				{% endfor %}
			</div>
		</div>
	</div>
	<div class="row justify-content-center">
		<div class="col-lg-6 col-md-10" style="background: #f7f7f7; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); padding: 30px;">
			<div class="text-center">
				<img alt="branding logo" src="{{ config.get("BRANDING_LOGO_URL") }}" class="col-lg-8 col-md-12" >
			</div>
			{% block body %}
			{% endblock body %}
		</div>
	</div>
</main>
{% endblock main %}
