{# ========================================================================== #}
{# :: Toc #}
{# ========================================================================== #}
{#
	The visual representation of a components content with its variations and
	information to better explain its behaviour, modifiers, states, ...
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/urls.njk" as urls %}
{% import "components/search.njk" as search %}

{# ========================================================================== #}
{# :: Settings & variables #}
{# ========================================================================== #}
{% set PAGES = ROUTEDATA.DETAIL %}
{% set TYPE = ROUTEDATA.DETAIL.renderType %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<section class="bp-l-section">
	<header class="bp-l-section__header">
		<h1 class="bp-l-section__title u-h1">Pages</h1>
	</header>

	<div class="bp-l-section__content">
		{% if TYPE === "files" %}

			{{urls.default("", {
				children: PAGES.children
			})}}

		{% elseif TYPE === "folders" %}

			{% for item in PAGES.children %}
				{{urls.default("", item)}}
			{% endfor %}

		{% endif %}
	</div>
</section>