<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>{% block title %}{% endblock %}</title>
    <link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon.ico') }}"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
    <link href="{{ asset('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/css/plugins.css') }}" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    {% block stylesheets %}{% endblock %}
    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->


</head>
<body class="alt-menu sidebar-noneoverflow">

<!--  BEGIN NAVBAR  -->
{% include('elements/navbar.html.twig') %}
<!--  END NAVBAR  -->

<!--  BEGIN MAIN CONTAINER  -->
<div class="main-container sidebar-closed sbar-open" id="container">

    <div class="overlay"></div>
    <div class="cs-overlay"></div>
    <div class="search-overlay"></div>

    <!--  BEGIN SIDEBAR  -->
    {% if is_granted("ROLE_ADMIN") %}
        {% include('elements/admin_sidebar.html.twig') %}
    {% elseif is_granted("ROLE_ACCOUNTANT") or is_granted("ROLE_ACCOUNTINGASSISTANT")  %}
        {% include('elements/accountant_sidebar.html.twig') %}
    {% elseif is_granted("ROLE_CLIENT") %}
        {% include('elements/client_sidebar.html.twig') %}
    {% elseif is_granted("ROLE_LAWYER") %}
        {% include('elements/client_sidebar.html.twig') %}
    {% endif %}
    <!--  END SIDEBAR  -->

    <!--  BEGIN CONTENT AREA  -->
    {# <div id="content" class="main-content">#}
    {#  <div class="layout-px-spacing">
#}


    <div id="content" class="main-content">
        <!-- ALERTS  -->
        {% include('elements/alerts.html.twig') %}
        <!-- ALERTS -->
        {% block body %}{% endblock %}
    </div>
    {#  </div>#}
    {#</div>#}
    <!--  END CONTENT AREA  -->
</div>
<!-- END MAIN CONTAINER -->

<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
<script src="{{ asset('assets/js/libs/jquery-3.1.1.min.js') }}"></script>
<script src="{{ asset('bootstrap/js/popper.min.js') }}"></script>
<script src="{{ asset('bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('plugins/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('assets/js/app.js') }}"></script>

<script>
    $(document).ready(function () {
        App.init();
    });
</script>
<script src="{{ asset('assets/js/custom.js') }}"></script>
<!-- END GLOBAL MANDATORY SCRIPTS -->

<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
{% block javascripts %}{% endblock %}
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->

</body>
</html>
