{% extends 'base.html.twig' %}

{% block body %}

    <div class="error">
        <div class="error-code m-b-10 m-t-20">403 <i class="fa fa-warning"></i></div>
        <h3 class="font-bold">You do not have permission to access this page.</h3>

        <div class="error-desc">
            Sorry, but you do not have permission to access this resource. <br/>
            If you think it is a mistake, please contact to the administrator.
            <div>
                <a class=" login-detail-panel-button btn" href="{{ path('dashboard_index') }}">
                    <i class="fa fa-arrow-left"></i>
                    Go back to Homepage
                </a>
            </div>
        </div>
    </div>

{% endblock %}

{% block stylesheets %}
    <style>
        .error {
            margin: 0 auto;
            text-align: center;
        }

        .error-code {
            bottom: 60%;
            color: #2d353c;
            font-size: 96px;
            line-height: 100px;
        }

        .error-desc {
            font-size: 12px;
            color: #647788;
        }

        .m-b-10 {
            margin-bottom: 10px!important;
        }

        .m-b-20 {
            margin-bottom: 20px!important;
        }

        .m-t-20 {
            margin-top: 20px!important;
        }
    </style>

{% endblock %}