{% extends '@EasyAdmin/default/layout.html.twig' %}
{% block body_javascript %}
    <script src="{{ asset('js/enquire.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/script.js') }}" type="text/javascript"></script>
{% endblock %}

{% block head_stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('packing/css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
{% endblock head_stylesheets %}

{% block header %}
    <nav class="navbar" role="navigation">
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">{{ 'toggle_navigation'|trans(domain = 'EasyAdminBundle') }}</span>
        </a>

        <div id="header-logo">
            {% block header_logo %}
                <a class="logo {{ easyadmin_config('site_name')|length > 14 ? 'logo-long' }}" title="{{ easyadmin_config('site_name')|striptags }}" href="{{ path('easyadmin') }}">
                    {{ easyadmin_config('site_name')|raw }}
                </a>
            {% endblock header_logo %}
        </div>

        <div class="navbar-custom-menu">
        {% block header_custom_menu %}
            {% set _logout_path = easyadmin_logout_path() %}
            <ul class="nav navbar-nav">
                <li class="dropdown user user-menu">
                    {% block user_menu %}
                        <span class="sr-only">{{ 'user.logged_in_as'|trans(domain = 'EasyAdminBundle') }}</span>

                        {% if app.user|default(false) == false %}
                            <i class="hidden-xs fa fa-user-times"></i>
                            {{ 'user.anonymous'|trans(domain = 'EasyAdminBundle') }}
                        {% elseif not _logout_path %}
                            <i class="hidden-xs fa fa-user"></i>
                            {{ app.user.username|default('user.unnamed'|trans(domain = 'EasyAdminBundle')) }}
                        {% else %}
                            <div class="btn-group">
                                <button type="button" class="btn" data-toggle="dropdown">
                                    <i class="hidden-xs fa fa-user"></i>
                                    {{ app.user.username|default('user.unnamed'|trans(domain = 'EasyAdminBundle')) }}<br/>
                                    {{ app.user.getPackingPlace() }}
                                </button>
                                <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu">
                                    {% block user_menu_dropdown %}
                                    <li>
                                        <a href="{{ _logout_path }}"><i class="fa fa-sign-out"></i> {{ 'user.signout'|trans(domain = 'EasyAdminBundle') }}</a>
                                    </li>
                                    {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
                                        <li>
                                            <a href="?_switch_user=_exit"><i class="fa fa-sign-out"></i> {{ 'user.exit_impersonation'|trans(domain = 'EasyAdminBundle') }}</a>
                                        </li>
                                    {% endif %}
                                    {% endblock user_menu_dropdown %}
                                </ul>
                            </div>
                        {% endif %}
                    {% endblock user_menu %}
                </li>
            </ul>
        {% endblock header_custom_menu %}
        </div>
        {% if invoice is defined %}
            <a href="#" class="sidebar-toggle-right" role="button"></a>
            <section class="sidebar-right">
                <div class="btn-group-vertical sidebar-menu" role="group" aria-label="Basic example">
                    {% if 'scanned' == invoice.getStatus() or 'packed' == invoice.getStatus() or invoice.isCancelled() %}
                        <a href="{{ path('printInvoicePdf', {'invoice': invoice.getId()}) }}"
                            class="btn-confirm btn col-sm-8"><i class="fa fa-chevron-circle-right"></i><span>{{ "summary.printInvoicePdf" | trans }}</span></a>
                    {% endif %}

                    {% if invoice.isCancelled() %}
                        <a href="{{ path('cancelInvoice', {'invoice': invoice.getId()}) }}"
                            class="btn-confirm btn col-sm-8"><i class="fa fa-chevron-circle-right"></i><span>{{ "invoice.cancel_button" | trans }}</span></a>
                    {% endif %}

                    {% if workflow.can(invoice, 'collect') %}
                        <a href="{{ path("startPacking", {'invoice': invoice.getId()}) }}"
                            class="btn-confirm btn col-sm-8"><i class="fa fa-chevron-circle-right"></i><span>{{ "summary.start_packing" | trans }}</span></a>
                    {% endif %}

                    {% if null != invoice.getPackedBy() %}
                        <a href="{{ path('invoiceScanReport', {'invoice': invoice.id}) }}" class="btn btn-confirm col-sm-8"><i class="fa fa-chevron-circle-right"></i><span>{{ "summary.report" | trans }}</span></a>
                    {% endif %}

                    {% if workflow.can(invoice, 'pack') %}
                        <a href="{{ path('addInvoiceComponents', {'invoice': invoice.getId()}) }}"
                            class="btn-confirm btn col-sm-8"><i class="fa fa-chevron-circle-right"></i><span>{{ "summary.add_invoice_components" | trans }}</span></a>
                    {% endif %}

                    <button class="btn btn-confirm col-sm-8" data-toggle="modal" data-target="#pending_invoice_form">
                        <i class="fa fa-chevron-circle-right"></i><span>{{ "summary.later_pack" | trans }}</span>
                    </button>

                    {% if null != invoice.getPackedBy() %}
                        <a href="{{ path('repackInvoice', {'invoice': invoice.getId()}) }}" class="btn
                btn-confirm col-sm-8 confirmation" data-message="{{ "summary.repack.message" |
                        trans }}"><i class="fa fa-chevron-circle-right"></i><span>{{ "summary.repack.title" | trans }}</span></a>
                    {% endif %}

                    {% if null != invoice.getPackedBy() %}
                        <a href="{{ path('resetInvoice', {'invoice': invoice.getId()}) }}" class="btn
                btn-confirm col-sm-8 confirmation" data-message="{{ "summary.reset.message" |
                        trans }}"><i class="fa fa-chevron-circle-right"></i><span>{{ "summary.reset.title" | trans }}</span></a>
                    {% endif %}

                    <button class="btn btn-confirm col-sm-8" data-toggle="modal" data-target="#waiting_invoice_form">
                        <i class="fa fa-chevron-circle-right"></i><span>{{ "summary.waiting" | trans }}</span>
                    </button>

                    {% if 'packed' == invoice.getStatus() %}
                        <a href="{{ path('printAwb', {'invoice': invoice.getId()}) }}"
                            class="btn-confirm btn col-sm-8"><i class="fa fa-chevron-circle-right"></i><span>{{ "summary.printAwb" | trans }}</span></a>
                    {% endif %}
                </div>
            </section>
        {% endif %}
    </nav>
{% endblock header %}

{% block main %}{% endblock %}

{% block sidebar %}
    <section class="sidebar">
        <ul class="sidebar-menu">
            <li>
                <a href="{{ path('invoiceListing') }}">
                    <i class="fa fa-chevron-circle-right"></i><span>{{ "menu.invoice.listing" | trans }}</span>
                </a>
            </li>
            <li>
                <a href="{{ path('invoicePending') }}">
                    <i class="fa fa-chevron-circle-right"></i><span>{{ "menu.invoice.pending" | trans }}</span>
                </a>
            </li>
            <li>
                <a href="{{ path('waitingInvoices') }}">
                    <i class="fa fa-chevron-circle-right"></i><span>{{ "menu.invoice.waiting" | trans }}</span>
                </a>
            </li>
            <li>
                <a href="{{ path('selectPackingPlace') }}">
                    <i class="fa fa-chevron-circle-right"></i><span>{{ "menu.change_packing_place" | trans }}</span>
                </a>
            </li>
            <li>
                <a href="{{ path('autoCollect') }}">
                    <i class="fa fa-chevron-circle-right"></i><span>{{ "menu.pack" | trans }}</span>
                </a>
            </li>
        </ul>
    </section>

    <script>
        $(function() {
        var box = $('.sidebar-right');
        var button = $('.sidebar-toggle-right, .sidebar-right .btn-confirm');
        button.on('click', function(){
            box.toggleClass('active');
        });
        });
    </script>
{% endblock %}