{% extends 'layout.html.twig' %}
{% block title %}
{% if page.groupCommonTitle %}
{{ page.pageGroup.commonTitle }}
{% else %}
{{ page.title }}
{% endif %}
{% endblock %}
{% block body %}
<section class="info">
<div class="breadcrumbs">
<a href="{{ path('index') }}">Главная</a>
<span class="breadcrumbs__last-item">{{ page.title }}</span>
</div>
<h1 class="info-page-title">
{% if page.groupCommonTitle %}
{{ page.pageGroup.commonTitle }}
{% else %}
{{ page.title }}
{% endif %}
</h1>
<div class="info-page-body">
{% if page.pageGroup is not null %}
<div class="info-page__left">
<ul>
{% if page.visible %}
{% if page.pageGroup is null %}
<li class="active js-anchor">
<a href="">{{ page.anchor|raw }}</a>
</li>
{% else %}
{% for subPage in page.pageGroup.infoPages %}
{% if subPage.visible %}
<li class="js-anchor {% if page.id == subPage.id %}active{% endif %}">
<a href="{{ path('show_info_page',{'url':subPage.url}) }}">{{ subPage.anchor|raw }}</a>
</li>
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
</ul>
</div>
{% endif %}
<div class="info-page__content"
id="js-info-content"
style="border: 2px solid #9275b638;border-radius: 10px;padding: 15px;{% if page.pageGroup is null %};width: 100%{% endif %}">
{{ html|raw }}
</div>
</div>
</section>
{% endblock %}
{% block scripts %}
<script>
document.addEventListener("DOMContentLoaded", function (event) {
$('body').on('click', '.js-anchor', function (event) {
document.location.href = $(this).find('a').attr('href');
});
});
</script>
{% endblock %}