<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Site is offline</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" type="image/x-icon" href="{{error.assetBase}}/images/favicon.ico"/>
    <link rel="stylesheet" href="{{error.mediaBase}}/css/libraries.css"/>
    <link rel="stylesheet" href="{{error.mediaBase}}/css/app.css"/>
</head>
<body>
<div class="container">
    <div class="row">
        {% if error is defined and error is not empty %}
        <div class="{{ (error.isPrevious is defined and error.isPrevious is not empty) or (inline is defined and inline is not empty) ? 'col-sm-12' : 'col-sm-offset-2 col-sm-8' }}">
            <div class="pa-sm" style=" word-wrap: break-word;{% if (error.isPrevious is not defined or error.isPrevious is empty) and (inline is not defined or inline is empty) %} margin-top:100px;{% endif %}">
            {% if inline is defined and inline is not empty %}
                <h3><i class="ri-alert-line ri-fw text-danger pull-left"></i>{{ error.message | raw }}</h3>
                <h6 class="text-secondary">{{ error.file |raw ~ ':'~ error.line | raw }}</h6>
            {% else %}
                <div class="text-center">
                    <i class="ri-alert-line ri-5x"></i>
                </div>
                <div class="alert alert-danger">
                    <div>{{ error.message | raw }}</div>
                    <div class="text-secondary small text-right mt-10">
                        {{ error.file | raw ~ ':'~ error.line | raw }}
                    </div>
                </div>
            {% endif %}

            {% if error.trace is defined and error.trace is not empty  %}
            <div class="well well-sm" tabindex="-1" style="{{ inline is not defined or inline is empty ? '' : 'max-height: 100px; overflow: scroll;'}}" onclick="this.focus();">
                {% if error.trace is defined and error.trace is not empty and error.trace is iterable %}
                    {% include 'traces.html.twig' with {'traces': error.trace} %}
                {% else %}
                    <pre>{{ error.trace | raw }}</pre>;
                {% endif %}
                <div class="clearfix"></div>
            {% endif %}
        <div id="previous"></div>
    </div>
    {% elseif inline is defined and inline is not empty %}
    <div class="col-xs-12">
        <h3><i class="ri-alert-line ri-fw text-danger"></i>{{ error.message }}</h3>
        {% if error.submessage is defined and error.submessage is not empty %}
        <h4 class="mt-15">{{ error.submessage | raw }}</h4>
        {% endif %}
    </div>
    {% else %}
    <div class="col-sm-offset-3 col-sm-6">
        <div class="pa-lg text-center" style="margin-top:100px;">
            <i class="ri-alert-line ri-5x"></i>
            <h2>{{ error.message | raw }}</h2>
            {% if error.submessage is defined and error.submessage is not empty %}
                <h4 class="mt-15">{{ error.submessage | raw  }}</h4>
            {% endif %}
        </div>
    {% endif %}
    </div>
</div>
</body>
</html>
