{% set siteConfig = getSiteConfig() %}
{% if siteConfig.darkPageActive %}
<div class="modal fullscreen-modal darkpage js-darkpage fade" id="darkpage" tabindex="-1" aria-labelledby="darkpageLabel" aria-hidden="true">
<div class="fullscreen-modal__dialog modal-dialog">
<div class="fullscreen-modal__content position-relative modal-content">
<button type="button" class="close modal__close btn-close" data-bs-dismiss="modal">
<span aria-hidden="true" class="icon icon-close modal__close-icon"></span>
<span class="visually-hidden">{{ 'darkpage.close'|trans }}</span>
</button>
<div class="modal-body modal-body-center">
<div class="row">
<div class="col-md-6 mx-auto">
<div class="darkpage__top-title">
<span class="icon icon-warning" aria-hidden="true"></span>
{{ siteConfig.darkpageIconWarning }}
</div>
<div class="darkpage__title">
{{ siteConfig.darkpageTitle }}
</div>
<div class="darkpage__content">
{{ siteConfig.darkpageContent|raw }}
</div>
{% if siteConfig.darkpageLink %}
<a href="{{ siteConfig.darkpageLink.href }}" target="{{ siteConfig.darkpageLink.target }}" class="btn btn-secondary darkpage__button">
{{ siteConfig.darkpageLink.text }}
</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}