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

{% block title %}{{ 'entity.expedition'|trans }}{% endblock %}


{% block page_title %}
    {% if type == constant('App\\Datatable\\ExpeditionDatatable::SHOW_ALL_EXPEDITIONS') %}
        Expediciones
    {% elseif type == constant('App\\Datatable\\ExpeditionDatatable::SHOW_PALLET_EXPEDITIONS') %}
        Expediciones de pallets
    {% endif %}
{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-body">
                    <div class="col-sm-8">
                        <p>
                            Por defecto se muestran expediciones creadas la última semana. Para poder acceder a resultados anteriores se debe modificar el filtro de "Creado".
                        </p>
                    </div>
                </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="expedition-multiselect-actions"></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function (e) {
            $('body').on('click', '.print-labels', function (e) {
                e.preventDefault();

                let selectedExpeditions = [];
                $('.sg-datatables-expedition_datatable-multiselect-checkbox').each(function (e) {
                    if ($(this).prop('checked')) {
                        selectedExpeditions.push($(this).val().split('-').slice(-1))
                    }
                });

                var form = document.createElement('form');
                document.body.appendChild(form);
                form.method = 'post';
                form.action = '{{ url('app_expedition_forward_to_print') }}';

                var element1 = document.createElement('input');
                element1.name = 'expedition-ids';
                element1.value = selectedExpeditions.toString();
                element1.type = 'hidden';

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


            $('body').on('click', '.bulk-discard', function (e) {

                e.preventDefault();

                let selectedExpeditions = [];
                let pickingListUniqueId = null;
                let moreThanOnePickingListSelected = false;

                $('.sg-datatables-expedition_datatable-multiselect-checkbox').each(function (e) {
                    if ($(this).prop('checked')) {
                        let rowHtml = $(this).closest('tr').html();
                        let matches = rowHtml.match(/\/picking-list\/([0-9]+)\/show/);
                        let pickingListId = matches[1];
                        if (pickingListUniqueId === null) {
                            pickingListUniqueId = pickingListId;
                        } else if (pickingListId !== pickingListUniqueId) {
                            moreThanOnePickingListSelected = true;
                        }

                        selectedExpeditions.push($(this).val().split('-').slice(-1))
                    }
                });

                if (false === moreThanOnePickingListSelected) {
                    bulkDiscardExpeditions(selectedExpeditions);
                    return;

                }

                if (confirm('¡Cuidado! Vas a eliminar ' + selectedExpeditions.length + ' expediciones que pertenecen a más de un albarán. ¿Estás seguro?')) {
                    bulkDiscardExpeditions(selectedExpeditions);
                }

            });

            function bulkDiscardExpeditions(selectedExpeditions)
            {
                $.ajax({
                    url: "{{ url('app_expedition_bulk_discard') }}",
                    type: "POST",
                    cache: false,
                    data: {
                        'expedition-ids': selectedExpeditions.toString(),
                    },
                    success: function(msg) {
                        window.location.reload();
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        console.log(XMLHttpRequest + ' ' + textStatus + ' '  + errorThrown);
                    }
                })
            }

            $('body').on('click', '.download-package-sheets', function (e) {

                e.preventDefault();

                let selectedExpeditions = [];

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

                var formData = new FormData();
                formData.append("expedition-ids",  selectedExpeditions.toString());

                var req = new XMLHttpRequest();
                req.open("POST", "{{ url('app_expedition_bulk_print_pallet_sheets') }}", true);
                req.responseType = "blob";

                req.onload = function (event) {
                    var blob = req.response;
                    var link=document.createElement('a');
                    link.href=window.URL.createObjectURL(blob);

                    link.download="hojas-bulto.pdf";
                    document.body.appendChild(link);
                    link.click();
                };

                req.send(formData);
            });
        });
    </script>

{% endblock %}