{% extends '@AdminLTE/layout/default-layout-avanzu.html.twig' %}

{% block avanzu_page_content_before %}
    <div class="toolbar-pad no-print">
        {% block main_before %}{% endblock %}
    </div>
    {% embed 'embeds/modal.html.twig' %}
        {% block modal_id %}remote_form_modal{% endblock %}
        {% block modal_title %}{% endblock %}
        {% block modal_body %}{% endblock %}
        {% block modal_footer %}{% endblock %}
    {% endembed %}
{% endblock %}

{% block avanzu_page_content_after %}
    {% block main_after %}{% endblock %}
{% endblock %}

{% block avanzu_page_content %}
    {% block main %}{% endblock %}
{% endblock %}

{% block avanzu_document_title %}
    {% block title %}{{ 'browser.title'|trans }}{% endblock %}
{% endblock %}

{% block avanzu_page_title %}
    {% block page_title %}{% endblock %}
{% endblock %}

{% block avanzu_page_subtitle %}
    {% block page_subtitle %}{% endblock %}
{% endblock %}

{% block avanzu_logo_mini %}
    <b>K</b>TT
{% endblock %}

{% block avanzu_logo_lg %}
    <b>Kimai</b> - Time Tracking
{% endblock %}

{% block avanzu_footer %}
    {% block footer %}
    <!-- Page rendered on {{ 'now'|localizeddate('long', 'long', null, 'UTC') }} -->
    {% endblock %}
{% endblock %}

{% block avanzu_navbar_messages %}
    {% if app.user is not null and is_granted('IS_AUTHENTICATED_REMEMBERED') %}
        {% if is_granted('view_own_timesheet') %}
            <li class="visible-xs-inline-block">
                <a href="{{ path('timesheet') }}" class="ddt-large">
                    <i class="{{ 'timesheet'|icon }} fa-2x"></i>
                </a>
            </li>
        {% endif %}
        {% if is_granted('view_invoice') %}
            <li class="visible-xs-inline-block">
                <a href="{{ path('invoice') }}" class="ddt-large">
                    <i class="{{ 'invoice'|icon }} fa-2x"></i>
                </a>
            </li>
        {% endif %}
        {% if is_granted('view_export') %}
            <li class="visible-xs-inline-block">
                <a href="{{ path('export') }}" class="ddt-large">
                    <i class="{{ 'export'|icon }} fa-2x"></i>
                </a>
            </li>
        {% endif %}
        {% block navbar_extensions %}{% endblock %}
        {{ render(controller('App\\Controller\\TimesheetController::activeEntriesAction')) }}
    {% endif %}
{% endblock %}

{% block avanzu_navbar_notifications %}
    {% if app.user is not null and is_granted('IS_AUTHENTICATED_REMEMBERED') %}
        {{ render(controller('App\\Controller\\NavbarController::recentActivitiesAction')) }}
    {% endif %}
{% endblock %}

{# deactivated blocks #}
{% block avanzu_navbar_tasks %}{% endblock %}
{% block avanzu_navbar_user %}{% endblock %}
{% block avanzu_sidebar_user %}{% endblock %}
{% block avanzu_sidebar_search %}{% endblock %}

{% block avanzu_breadcrumb %}
    {{ block('page_actions') }}
{% endblock %}

{% block page_actions %}{% endblock %}

{% block stylesheets %}
    {# we do not call parent() as we use a custom built for the frontend assets and don't want the default <stylesheet> #}
    <link rel="stylesheet" href="{{ asset('build/app.css') }}">
    {% set event = trigger(constant('App\\Event\\ThemeEvent::STYLESHEET')) %}
    {{ event.content|raw }}
{% endblock %}

{% block head %}
    {{ parent() }}
    <script src="{{ asset('build/app.js') }}"></script>
    {% include 'partials/head.html.twig' %}
    {% set event = trigger(constant('App\\Event\\ThemeEvent::HTML_HEAD')) %}
    {{ event.content|raw }}
{% endblock %}

{% block javascripts %}
    {# no call to parent(), as we use a custom built for the frontend assets and don't want the default <script> #}
    <script type="text/javascript">
        $(document).ready(function () {
            $.kimai.init({
                locale: '{{ app.request.locale }}',
                apply: '{{ 'daterangepicker.apply'|trans({}, 'daterangepicker') }}',
                cancel: '{{ 'daterangepicker.cancel'|trans({}, 'daterangepicker') }}',
                today: '{{ 'daterangepicker.today'|trans({}, 'daterangepicker') }}',
                yesterday: '{{ 'daterangepicker.yesterday'|trans({}, 'daterangepicker') }}',
                lastWeek: '{{ 'daterangepicker.lastWeek'|trans({}, 'daterangepicker') }}',
                thisWeek: '{{ 'daterangepicker.thisWeek'|trans({}, 'daterangepicker') }}',
                lastMonth: '{{ 'daterangepicker.lastMonth'|trans({}, 'daterangepicker') }}',
                thisMonth: '{{ 'daterangepicker.thisMonth'|trans({}, 'daterangepicker') }}',
                lastYear: '{{ 'daterangepicker.lastYear'|trans({}, 'daterangepicker') }}',
                thisYear: '{{ 'daterangepicker.thisYear'|trans({}, 'daterangepicker') }}',
                customRange: '{{ 'daterangepicker.customRange'|trans({}, 'daterangepicker') }}',
                twentyFourHours: {{ 'true'|hour24('false') }}
            });
            {# $.kimai.pauseRecord('li.messages-menu ul.menu li'); #}
        });
    </script>
    {% set event = trigger(constant('App\\Event\\ThemeEvent::JAVASCRIPT')) %}
    {{ event.content|raw }}
{% endblock %}