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

{% block stylesheets %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css">
{{ encore_entry_link_tags('adminStyle') }}
{% endblock %}

{% block body %}
<div class="wrapper">
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
            </li>
        </ul>
        <ul class="navbar-nav ml-auto">
            <li class="nav-item dropdown">
                <a class="nav-link" data-toggle="dropdown" href="#">
                    <i class="fas fa-ellipsis-v"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                    <a href="{{ path('admin_user_settings') }}" class="dropdown-item dropdown-footer">
                        <i class="fas fa-user mr-2"></i> {{ app.user.email }}
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="{{ path('admin_logout') }}" class="dropdown-item dropdown-footer">
                        <i class="fas fa-power-off mr-2"></i> {{ "logout" | trans({}, 'admin') }}
                    </a>
                </div>
            </li>
        </ul>
    </nav>
    <aside class="main-sidebar sidebar-dark-primary elevation-1">
        <a href="{{ path('front_index') }}" class="brand-link text-center">
            <span class="brand-text font-weight-light">
                Hotel zum Paradies
            </span>
        </a>
        <div class="sidebar">
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu">
                    <li class="nav-item pt-2 pb-2">
                        <a href="{{ path('admin_accommodation_list') }}"
                           class="nav-link{% if app.request.get('_route') starts with 'admin_accommodation' %} active{% endif %}"
                        >
                            <i class="nav-icon fas fa-bed"></i>
                            <p>{{ "rooms" | trans({}, 'admin') }}</p>
                        </a>
                    </li>
                    <li class="nav-item pb-2">
                        <a href="{{ path('admin_booking_settings') }}"
                           class="nav-link{% if app.request.get('_route') == 'admin_booking_settings' %} active{% endif %}"
                        >
                            <i class="nav-icon fas fa-book"></i>
                            <p>{{ "reservations" | trans({}, 'admin') }}</p>
                        </a>
                    </li>
                    <li class="nav-item pb-2">
                        <a href="{{ path('admin_activity_list') }}"
                           class="nav-link{% if app.request.get('_route') starts with 'admin_activity' %} active{% endif %}"
                        >
                            <i class="nav-icon fas fa-skiing"></i>
                            <p>{{ "activities" | trans({}, 'admin') }}</p>
                        </a>
                    </li>
                    <li class="nav-item pb-2">
                        <a href="{{ path('admin_contact_settings') }}"
                           class="nav-link{% if app.request.get('_route') == 'admin_contact_settings' %} active{% endif %}"
                        >
                            <i class="nav-icon fas fa-book"></i>
                            <p>{{ "contact" | trans({}, 'admin') }}</p>
                        </a>
                    </li>
                    <li class="nav-item pt-2" style="border-top: 1px solid #4f5962;">
                        <a href="{{ path('admin_settings') }}"
                           class="nav-link{% if app.request.get('_route') == 'admin_settings' %} active{% endif %}"
                        >
                            <i class="nav-icon fas fa-cogs"></i>
                            <p>{{ "general.settings" | trans({}, 'admin') }}</p>
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
    </aside>
    <div class="content-wrapper px-4 py-2">
        {% block content %}{% endblock %}
    </div>
</div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script type="text/javascript" src="{{ asset('assets/js/bootstrap-notify.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
<script>
$(document).ready(function(){
    {% for message in app.flashes('error') %}
        $.notify({
            message: '{{ message }}'
        },{
            type: 'danger',
            allow_dismiss: false,
            delay: 50,
            placement: {
                from: "top",
                align: "right"
            },
        });
    {% endfor %}
    {% for message in app.flashes('success') %}
        $.notify({
            message: '{{ message }}'
        },{
            type: 'success',
            allow_dismiss: false,
            delay: 50,
            placement: {
                from: "top",
                align: "right"
            },
        });
    {% endfor %}

    $('[data-toggle="popover"]').popover();
});
</script>
{% endblock %}