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

{% block page_title %}{{ 'entity.carrier_invoice'|trans }}{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-md-12">
            <div class="box box-solid">
                <div class="box-body text-right">
                    <a class="btn btn-primary" href="{{ path('app_carrier_invoice_file') }}"
                       title="{{ 'backlist'|trans }} {{ 'entity.invoice_file'|trans }}"
                       data-modal-size="dialog-modal-large">
                        {{ 'backlist'|trans }}
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-body">
                    {{ sg_datatables_render(datatable) }}
                    <div id="multiselect-actions"></div>
                </div>
            </div>

        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>

        function submitForm(method, paramName, paramValue, actionUrl)
        {
            let form = document.createElement('form');
            document.body.appendChild(form);
            form.method = method;
            form.target = '_blank';
            form.action = actionUrl;

            let element1 = document.createElement('input');
            element1.name = paramName;
            element1.value = paramValue;
            element1.type = 'hidden';

            form.appendChild(element1);
            form.submit();
        }

        function getSelectedInvoices()
        {
            let selectedInvoices = [];

            $('.sg-datatables-carrier_invoice_datatable-multiselect-checkbox').each(function (e) {
                if ($(this).prop('checked')) {
                    selectedInvoices.push($(this).val().split('-').slice(-1))
                }
            });

            return selectedInvoices;
        }

        let bodySelector = $('body');

        bodySelector.on('click', '.download-combined-excel', function (e) {
            e.preventDefault();

            let selectedInvoices = getSelectedInvoices();

            if (selectedInvoices.length === 0) {
                return;
            }

            submitForm('post', 'carrier_invoice_ids', selectedInvoices.toString(), $(this).attr('href'));
        });

        bodySelector.on('click', '.view-combined', function (e) {
            e.preventDefault();

            let selectedInvoices = getSelectedInvoices();

            if (selectedInvoices.length === 0) {
                return;
            }

            submitForm('get', 'carrierInvoiceIds', selectedInvoices.toString(), $(this).attr('href'));
        });
    </script>
{% endblock %}