<!DOCTYPE html>
<html>
<head lang="{{locale}}">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {{#if refreshTime}}
    {{#if retpath}}
    <meta http-equiv="refresh" content="{{refreshTime}}; url={{retpath}}">
    {{else}}
    <meta http-equiv="refresh" content="{{refreshTime}}">
    {{/if}}
    {{/if}}
    <title>{{i18n.error_page.title}}</title>

    {{> rum hero_element=".warning"}}

    <link rel="stylesheet" href="{{staticPrefix}}/error.css">
    <link rel="stylesheet" href="//yastatic.net/bem-components/2.4.0/desktop/bem-components.css">
    <link rel="icon" type="image/x-icon" href="/portal/favicon.ico">
</head>
<body>

<div class="warning text_size_l">
    <div class="warning__icon">
        <img src="{{staticPrefix}}/i/error_5xx.svg">
    </div>
    <div class="warning__content">
        <p class="warning__title">{{i18n.error_page.warning.title}}</p>
        <p>{{{description}}}</p>
        <p>{{{timer}}}</p>
        <p class="action-container">
            <button class="button button_view_action button_size_l button_theme_islands" id="refresh-button">
                <span class="button__text">{{i18n.error_page.action.reload_now}}</span>
            </button>
        </p>
    </div>
    <div class="break"></div>
</div>

{{#if debug}}
<script nonce="{{nonce}}">console.log(`{{error}}`);</script>
{{/if}}
<script src="{{staticPrefix}}/error.js"></script>

</body>
</html>
