{% extends "base.html" %}
{% load static ocyanjson i18n compress%}

{% block styles %}
    {% block styles_theme %}
        {% ocyanjson "theme" "header" "header1" as header_type %}
        {% compress css %}
        <link rel="stylesheet/less" type="text/css" href="{% static "oscar/less/styles.less" %}" />
        <link rel="stylesheet" type="text/x-scss" href="{% static 'template9/owlcarousel/scss/owl.carousel.scss' %}" />
        <link rel="stylesheet" type="text/x-scss" href="{% static 'template9/owlcarousel/scss/owl.theme.default.scss' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'assets/css/global.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'template9/css/all.min.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'template9/css/jquery-ui.min.css' %}" />
        <link rel="stylesheet" type="text/x-scss" href="{% static 'template9/scss/base.scss' %}">
        {% block header_imports %}
            {% if header_type == "header4" %}
                <link rel="stylesheet" type="text/x-scss" href="{% static 'template9/scss/header-4.scss' %}">
            {% elif header_type == "header2" %}
                <link rel="stylesheet" type="text/css" href="{% static 'megamenu/megamenu-bs4.css' %}" />
            {% elif header_type == "header3" %}
                <link rel="stylesheet" type="text/x-scss" href="{% static 'template9/scss/header-3.scss' %}">
            {% endif %}
        {% endblock %}
        {% block imports %}{% endblock %}
        {% endcompress %}
    {% endblock %}
{% endblock %}

{% block layout %}
    <div class="container mt-2"><i class="pl-3 pl-sm-0 display-1 text-primary fa fa-cloud"></i></div>
    <header class="header {% ocyanjson 'theme' 'header' 'header1' %}">
            <div class="top-header">
                <nav class="navbar navbar-expand-lg navbar-light bg-primary p-0">
                    <div class="container">
                        <div class="mr-auto collapse navbar-collapse" id="subheader">
                            <ul id="browse" class="navbar-nav mr-auto head-menu">
                                <li class="nav-item mr-3 xs-mr-0 dropdown">
                                    <a href="/" class="nav-link btn-browse no-caret btn-primary dropdown-toggle">{% trans 'Home' %}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
    </header>
<div class="container-fluid">
    <div class="container mt-3 mt-lg-4">
        <div class="jumbotron">
            <h1>{% block error_heading %}{% trans 'Sorry!' %}{% endblock %}</h1>
            <hr class="my-2">
            {% block error_message %}{% endblock %}
            <div class="d-flex flex-wrap">
                {% block errorpageoptions %}
                <a class="mb-1 mr-1 btn btn-primary btn-lg" href="#" onclick="javascript:history.go(-1);">{% trans 'Return to previous page' %}</a>
                <a class="mb-1 mr-1 btn btn-primary btn-lg" href="/">{% trans "Go to homepage" %}</a>
                {% endblock errorpageoptions %}
            </div>
        </div>
    </div>
</div>
<div class="fixed-bottom d-none d-lg-block">
    <footer class="bg-secondary">
        <div class="container">
        </div>
    </footer>
    <div class="copyright bg-primary py-4">
        <div class="blurp-bottom scrolled-bottom">
            <svg class="svg-primary" width="192" height="61" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 160.7 61.5" enable-background="new 0 0 160.7 61.5" xml:space="preserve"><path d="M80.3,61.5c0,0,22.1-2.7,43.1-5.4s41-5.4,36.6-5.4c-21.7,0-34.1-12.7-44.9-25.4S95.3,0,80.3,0c-15,0-24.1,12.7-34.9,25.4S22.3,50.8,0.6,50.8c-4.3,0-6.5,0,3.5,1.3S36.2,56.1,80.3,61.5z"></path></svg>
            <a id="backtotop" class="text-white backtotop">
                <i class="fa fa-chevron-up"></i>
            </a>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}