{% extends base_template_path %}
{% block hero %}{% endblock %}

{% macro page_content() %}
{%- block page_content -%}{%- endblock -%}
{% endmacro %}

{% block content %}

{%- if theme.based_on == 'Bootstrap 4' or doctype != 'Web Page' -%}

{% macro main_content() %}
<div class="page-content-wrapper">
	<!-- breadcrumbs -->
	<div class="page-breadcrumbs">
		{% block breadcrumbs %}
		{% include 'templates/includes/breadcrumbs.html' %}
		{% endblock %}
	</div>

	{% block page_container %}
	<main class="{% if not full_width %}container my-5{% endif %}">
		<div class="d-flex justify-content-between align-items-center">
			<div class="page-header">
				{% block header %}{% endblock %}
			</div>

			{% if self.header_actions() %}
			<div class="page-header-actions-block">
				{% block header_actions %}{% endblock %}
			</div>
			{% endif %}
		</div>

		<div class="page_content">
			{{ page_content() }}
		</div>

		<div class="page-footer">
			{%- block page_footer -%}{%- endblock -%}
		</div>
	</main>
	{% endblock %}
</div>
{% endmacro %}

{% macro container_attributes() -%}
id="page-{{ name or route | e }}" data-path="{{ pathname | e }}"
	{%- if page_or_generator=="Generator" %}source-type="Generator" data-doctype="{{ doctype }}"{%- endif %}
	{%- if source_content_type %}source-content-type="{{ source_content_type }}"{%- endif %}
{%- endmacro %}

{% if show_sidebar %}
<div class="container">
	<div class="row" {{ container_attributes() }}>
			<div class="pt-4 col-sm-2 border-right sidebar-column d-none d-sm-block">
				{% block page_sidebar %}
				{% include "templates/includes/web_sidebar.html" %}
				{% endblock %}
			</div>
		<div class="col-sm-10 main-column">
			{{ main_content() }}
		</div>
	</div>
</div>
{% else %}
<div {{ container_attributes() }}>
	{{ main_content() }}
</div>
{% endif %}

{%- else -%}
<main>
	{{ page_content() }}
</main>
{%- endif -%}

{% endblock %}