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

{% block content_title %}
    <h4>{{ "invoice.invoice_number" | trans }} <b>{{ invoice.getInvoiceNumber() }}</b></h4>
    <h4>{{ "invoice.order_number" | trans }} <b>{{ invoice.getOrderNumber() }}</b></h4>
    <h4>{{ "invoice.client_name" | trans }} <b>{{ invoice.getClient().__toString() }}</b></h4>
    <h4>{{ "invioce.locations" | trans }} <b>{{ invoice.getAllLocationsAsString() }}</b></h4>
    <h4>{{ "invoice.state" | trans }} <b>{{ invoice.getStatus() }}</b></h4>
{% endblock %}

{% block flash_messages %}
{% endblock %}

{% block main %}
    <div class="row">
        <div class="col-md-12">
            {{ include(_entity_config is defined ? _entity_config.templates.flash_messages : '@EasyAdmin/default/flash_messages.html.twig') }}
            {% if invoice.getStatus() != 'created' and not invoice.isCancelled() %}
                {{ form(form) }}
            {% endif %}

            {% if(invoiceAddonForm is defined and null != invoiceAddonForm and invoice.getStatus() != 'created' and not invoice.isCancelled()) %}
                {{ form(invoiceAddonForm) }}
            {% endif %}

            {% if invoice.isCancelled() %}
                <h1>{{ "invoice.is_cancelled" | trans }}</h1>
            {% endif %}
        </div>
    </div>

    <div class="observations-block">
        {% if not invoice.isCancelled() %}
            {%  if invoice.getObservations %}
                <h3 class="observations">{{ "invoice.observations" | trans }} <b>{{ invoice.getObservations() }}</b></h3>
            {% endif %}
            <h4>{{ "invoice.ordered_quantity" | trans }} <b>{{ invoice.getOrderedQuantity() }}</b></h4>
            <h4>{{ "invoice.scanned_quantity" | trans }} <b>{{ invoice.getScannedQuantity() }}</b></h4>
            <h4>{{ "invoice.remaining_quantity" | trans }} <b>{{ invoice.getRemainingQuantity() }}</b></h4>
            <h4>{{ "invoice.total_invoice_components" | trans }} <b>{{ invoice.getTotalScannedInvoiceComponents() }}</b></h4>
            <h4>{{ "invoice.packages" | trans }} <b>{{ invoice.numberOfPackages() }}</b></h4>
        {% endif %}

        {% if invoice.getInvoiceNotes() %}
            <h4>{{ "invoice.notes" | trans }} <b>{{ invoice.getInvoiceNotesAsString() }}</b></h4>
        {% endif %}

        {% if invoice.getPackingPlace() | length > 0 %}
            <h4>{{ "invoice.packing_place" | trans }} <b>{{ invoice.getPackingPlace().getName() }}</b></h4>
        {% endif %}
    </div>
        

    <div class="col-md-12">
        <div class="btn-group-vertical" 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">{{ "summary.printInvoicePdf" | trans }}</a>
            {% endif %}

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

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

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

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

            <button class="btn btn-confirm col-sm-8" data-toggle="modal" data-target="#pending_invoice_form">
                {{ "summary.later_pack" | trans }}</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 }}">{{ "summary.repack.title" | trans }}</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 }}">{{ "summary.reset.title" | trans }}</a>
            {% endif %}

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

            {% if 'packed' == invoice.getStatus() %}
                <a href="{{ path('printAwb', {'invoice': invoice.getId()}) }}"
                    class="btn-confirm btn col-sm-8">{{ "summary.printAwb" | trans }}</a>
            {% endif %}
        </div>
    </div>

    <div id="pending_invoice_form" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="pending_invoice_form" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ "summary.date" | trans }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    {{ form(pending_invoice_form) }}
                </div>
            </div>
        </div>
    </div>

    <div id="waiting_invoice_form" class="modal fade" tabindex="-1" role="dialog"
            aria-labelledby="waiting_invoice_form" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ "summary.waiting" | trans }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    {{ form(set_invoice_as_waiting) }}
                </div>
            </div>
        </div>
    </div>
    {% endblock main %}

    {# {% block float_section %}
        {% include "default/elements/floating_back_button.html.twig" %}
    {% endblock %} #}