Souke/backend/web/js/vuejs/distribution-index.js

/**
 Copyright Guillaume Bourgeois (2018)

 contact@souke.fr

 Ce logiciel est un programme informatique servant à aider les producteurs
 à distribuer leur production en circuits courts.

 Ce logiciel est régi par la licence CeCILL soumise au droit français et
 respectant les principes de diffusion des logiciels libres. Vous pouvez
 utiliser, modifier et/ou redistribuer ce programme sous les conditions
 de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
 sur le site "http://www.cecill.info".

 En contrepartie de l'accessibilité au code source et des droits de copie,
 de modification et de redistribution accordés par cette licence, il n'est
 offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
 seule une responsabilité restreinte pèse sur l'auteur du programme,  le
 titulaire des droits patrimoniaux et les concédants successifs.

 A cet égard  l'attention de l'utilisateur est attirée sur les risques
 associés au chargement,  à l'utilisation,  à la modification et/ou au
 développement et à la reproduction du logiciel par l'utilisateur étant
 donné sa spécificité de logiciel libre, qui peut le rendre complexe à
 manipuler et qui le réserve donc à des développeurs et des professionnels
 avertis possédant  des  connaissances  informatiques approfondies.  Les
 utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
 logiciel à leurs besoins dans des conditions permettant d'assurer la
 sécurité de leurs systèmes et ou de leurs données et, plus généralement,
 à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.

 Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
 pris connaissance de la licence CeCILL, et que vous en avez accepté les
 termes.
 */

var selector = '#app-distribution-index';
if($(selector).length) {
    var app = new Vue({
        el: selector,
        data() {
            return Object.assign(
                {
                    UrlManager: UrlManager,
                    baseUrl: $('meta[name=baseurl]').attr('content'),
                    date: null,
                    dateFormat: null,
                    loading: true,
                    distribution: {
                        active: false
                    },
                    producer: null,
                    oneDistributionWeekActive: false,
                    products: [],
                    countActiveProducts: 0,
                    pointsSale: [],
                    meansPayment: [],
                    idActivePointSale: 0,
                    pointSaleActive: null,
                    idDefaultPointSale: 0,
                    countActivePointsSale: 0,
                    countOrdersByPointSale: [],
                    orders: [],
                    ordersUpdate: [],
                    countOrders: 0,
                    users: [],
                    deliveryNotes: [],
                    showModalProducts: false,
                    showModalPointsSale: false,
                    showModalFormOrderCreate: false,
                    orderCreate: null,
                    showModalFormOrderUpdate: false,
                    idOrderUpdate: 0,
                    showViewProduct: false,
                    idOrderView: 0,
                    showModalPayment: false,
                    idOrderPayment: 0,
                    showLoading: false,
                    tillerIsAuthenticated: false,
                    tillerUrlAuthorizeCode: '#',
                    tillerIsSynchro: false,
                    tillerTotalAmountOrders: false,
                    checkboxSelectAllOrders: false,
                    messageGenerateDeliveryNoteDisplayed: false,
                    missingSubscriptions: false,
                    loadingUpdateProductOrder: false,
                    timerAjaxUpdateProductOrder: null,
                    xhr: null,
                    units: [],
                    calendar: {
                        mode: 'single',
                        attrs: [],
                        themeStyles: {
                            wrapper: {
                                background: '#F7F7F7',
                                color: '#333',
                                border: 'solid 1px #e0e0e0'
                            },
                            header: {
                                padding: '10px 10px',
                            },
                            headerHorizontalDivider: {
                                borderTop: 'solid rgba(255, 255, 255, 0.2) 1px',
                                width: '80%',
                            },
                            weekdays: {
                                color: '#e0e0e0',
                                fontWeight: '600',
                                padding: '10px 10px',
                                fontSize: '2rem'
                            },
                            weeks: {
                                padding: '0 15px 15px 15px',
                            },
                            dayContent: function (object) {
                                var style = {
                                    fontSize: '2rem',
                                    padding: '16px',
                                };

                                if (object.isHovered || object.isFocus) {
                                    style.backgroundColor = '#F39C12';
                                }

                                return style;
                            },
                        },
                        formats: {
                            dayPopover: 'DD/MM/YYYY'
                        }
                    },
                }, window.vueValues);
        },
        mounted: function () {
            if ($('#distribution-date').size()) {
                this.date = new Date($('#distribution-date').html());
                this.dateFormat = ('0' + this.date.getDate()).slice(-2) + '/'
                    + ('0' + (this.date.getMonth() + 1)).slice(-2) + '/'
                    + this.date.getFullYear();
            }
            this.init(false, true);
            this.loading = false;
        },
        methods: {
            getDate: function () {
                return this.formatDate(this.date);
            },
            formatDate: function (date) {
                if (date) {
                    return date.getFullYear() + '-'
                        + ('0' + (date.getMonth() + 1)).slice(-2) + '-'
                        + ('0' + date.getDate()).slice(-2);
                }
                return false;
            },
            isDistributionToday: function () {
                var today = new Date();
                return this.date
                    && today.getFullYear() == this.date.getFullYear()
                    && today.getMonth() == this.date.getMonth()
                    && today.getDay() == this.date.getDay();
            },
            init: function (idActivePointSale, displayFormOrderCreate) {
                var app = this;
                this.showLoading = true;

                axios.get("ajax-infos", {params: {date: this.getDate()}})
                    .then(function (response) {
                        app.calendar.attrs = [];
                        app.units = response.data.units;
                        app.distribution = response.data.distribution;
                        app.producer = response.data.producer;
                        app.products = response.data.products;
                        app.initCountActiveProducts();
                        app.meansPayment = response.data.means_payment;
                        app.oneDistributionWeekActive = response.data.one_distribution_week_active;
                        app.missingSubscriptions = response.data.missing_subscriptions;
                        app.countOrders = 0;
                        if (response.data.orders) {
                            app.orders = JSON.parse(JSON.stringify(response.data.orders));
                            app.ordersUpdate = JSON.parse(JSON.stringify(response.data.orders));

                            for (i = 0; i < app.orders.length; i++) {
                                if (app.orders[i].order_status_alias == 'ordered' || app.orders[i].order_status_alias == 'updated') {
                                    app.countOrders++;
                                }
                            }
                        } else {
                            app.orders = [];
                        }

                        if (response.data.order_create) {
                            app.orderCreate = response.data.order_create;
                            app.idDefaultPointSale = app.orderCreate.id_point_sale;
                        }

                        if (response.data.points_sale) {
                            app.pointsSale = response.data.points_sale;
                            app.initPointsSale(idActivePointSale);
                        } else {
                            app.pointsSale = [];
                        }

                        if (response.data.users) {
                            app.users = response.data.users;
                        }

                        if (response.data.delivery_notes) {
                            app.deliveryNotes = response.data.delivery_notes;
                        }

                        app.tillerUrlAuthorizeCode = response.data.tiller_url_authorize_code;
                        app.tillerIsAuthenticated = response.data.tiller_is_authenticated;
                        app.tillerIsSynchro = response.data.tiller_is_synchro;
                        app.tillerTotalAmountOrders = response.data.tiller_total_amount_orders;

                        app.calendar.attrs = [];
                        var distributions = response.data.distributions;
                        var leave_period_dates = response.data.leave_period_dates;
                        var dayCurrentIsDistributionActive = false;
                        var dateFormatCompare = false;
                        if (app.date) {
                            dateFormatCompare = app.date.getFullYear() + '-'
                                + ('0' + (app.date.getMonth() + 1)).slice(-2) + '-'
                                + ('0' + app.date.getDate()).slice(-2);
                        }

                        if (distributions.length) {
                            var fillMode = 'solid';
                            var dayToday = app.formatDate(new Date());
                            for (var i = 0; i < distributions.length; i++) {
                                if (distributions[i].date < dayToday) {
                                    fillMode = 'outline';
                                } else {
                                    fillMode = 'solid';
                                }

                                app.calendar.attrs.push({
                                    key: distributions[i].date,
                                    dates: distributions[i].date,
                                    highlight: {
                                        color: 'green',
                                        fillMode: fillMode
                                    }
                                });

                                if (distributions[i].date == dateFormatCompare) {
                                    dayCurrentIsDistributionActive = true;
                                }
                            }
                        }

                        // leave period
                        if (leave_period_dates.length) {
                            app.calendar.attrs.push({
                                key: 'leave_period',
                                dates: leave_period_dates,
                                highlight: {
                                    color: 'gray',
                                    fillMode: 'solid'
                                }
                            });
                        }

                        app.showLoading = false;
                        app.checkboxSelectAllOrders = false;

                        let searchParams = new URLSearchParams(window.location.search);
                        if (searchParams.has('message_generate_bl') && !app.messageGenerateDeliveryNoteDisplayed) {
                            appAlerts.alert('info', 'Pour générer un bon de livraison, sélectionnez tout d\'abord un jour et un lieu de distribution.', 6000);
                            app.messageGenerateDeliveryNoteDisplayed = true;
                        }

                        if (app.idOrderUpdate) {
                            app.updateOrderFromUrl();
                        }

                        setTimeout("opendistrib_popover(); opendistrib_dropdown_tooltip();", 500);

                        var highlightStyle = {
                            color: 'black',
                            fillMode: 'light'
                        }
                        if (dayCurrentIsDistributionActive) {
                            highlightStyle = {
                                color: 'orange',
                                fillMode: 'solid'
                            }
                        }
                        app.calendar.attrs.push({
                            key: 'current',
                            highlight: highlightStyle,
                            dates: app.date
                        });

                        if(displayFormOrderCreate && searchParams.has('displayFormOrderCreate')) {
                            app.openModalFormOrderCreate();
                        }
                    });
            },
            labelUnitReference: function(unit) {
                return label_unit_reference(unit);
            },
            getProductQuantityRemainingGlobal: function(product) {
                var app = this;

                var productQuantityRemaining = product.quantity_remaining;

                // format
                if (productQuantityRemaining && product.unit != 'piece') {
                    productQuantityRemaining = productQuantityRemaining.toFixed(2);
                }

                return productQuantityRemaining;
            },
            initCountActiveProducts: function () {
                this.countActiveProducts = 0;
                for (var i = 0; i < this.products.length; i++) {
                    if (this.products[i].productDistribution && this.products[i].productDistribution[0].active == 1) {
                        this.countActiveProducts++;
                    }
                }
            },
            initPointsSale: function (idActivePointSale) {
                this.countActivePointsSale = 0;
                this.setIdActivePointSale(0);
                for (var i = 0; i < this.pointsSale.length; i++) {
                    if (this.pointsSale[i].pointSaleDistribution[0].delivery == 1) {
                        this.countActivePointsSale++;
                        this.setIdActivePointSale(this.pointsSale[i].id);
                    }
                }
                if (this.countActivePointsSale > 1) {
                    this.setIdActivePointSale(0);
                }
                if (idActivePointSale) {
                    this.setIdActivePointSale(idActivePointSale);
                }

                this.countOrdersByPointSale = [];
                for (var i = 0; i < this.pointsSale.length; i++) {
                    this.countOrdersByPointSale[this.pointsSale[i].id] = 0;
                }
                for (var i = 0; i < this.orders.length; i++) {
                    this.countOrdersByPointSale[this.orders[i].id_point_sale]++;
                }
            },
            dayClicked: function (day) {
                this.date = day.date;
                this.dateFormat = ('0' + this.date.getDate()).slice(-2) + '/'
                    + ('0' + (this.date.getMonth() + 1)).slice(-2) + '/'
                    + this.date.getFullYear();
                this.init();
            },
            productQuantityMaxChange: function (event) {
                var app = this;
                var quantityMax = event.currentTarget.value;
                var idProduct = event.currentTarget.getAttribute('data-id-product');
                app.showLoading = true;
                axios.get("ajax-process-product-quantity-max", {
                    params: {
                        idDistribution: this.distribution.id,
                        idProduct: idProduct,
                        quantityMax: (!quantityMax || quantityMax.length === 0) ? -1 : quantityMax
                    }
                })
                    .then(function (response) {
                        Vue.set(app.products[app.getProductIndex(idProduct)], 'quantity_max', response.data.quantity_max);
                        Vue.set(app.products[app.getProductIndex(idProduct)], 'quantity_remaining', response.data.quantity_remaining);
                        app.showLoading = false;
                    });
            },
            productActiveClick: function (event) {
                var idProduct = event.currentTarget.getAttribute('data-id-product');
                var activeProduct = event.currentTarget.getAttribute('data-active-product');
                axios.get("ajax-process-active-product", {
                    params: {
                        idDistribution: this.distribution.id,
                        idProduct: idProduct,
                        active: activeProduct
                    }
                })
                    .then(function (response) {

                    });

                for (i = 0; i < this.products.length; i++) {
                    if (this.products[i].productDistribution && this.products[i].id == idProduct) {
                        this.products[i].productDistribution[0].active = activeProduct;
                    }
                }
                this.initCountActiveProducts();
            },
            isOneProductMaximumQuantityExceeded: function () {
                for (var i = 0; i < this.products.length; i++) {
                    if (this.isProductMaximumQuantityExceeded(this.products[i])) {
                        return true;
                    }
                }

                return false;
            },
            isProductMaximumQuantityExceeded: function (product) {
                return product.quantity_remaining
                    && product.quantity_remaining < 0;
            },
            pointSaleActiveClick: function (event) {
                var idPointSale = event.currentTarget.getAttribute('data-id-point-sale');
                var deliveryPointSale = event.currentTarget.getAttribute('data-delivery-point-sale');
                axios.get("ajax-process-active-point-sale", {
                    params: {
                        idDistribution: this.distribution.id,
                        idPointSale: idPointSale,
                        delivery: deliveryPointSale
                    }
                })
                    .then(function (response) {

                    });

                for (i = 0; i < this.pointsSale.length; i++) {
                    if (this.pointsSale[i].id == idPointSale) {
                        this.pointsSale[i].pointSaleDistribution[0].delivery = deliveryPointSale;
                    }
                }

                this.initPointsSale();
            },
            activeDistribution: function (event) {
                var app = this;
                var active = parseInt(event.currentTarget.getAttribute('data-active'));

                axios.get("ajax-process-active-distribution", {
                    params: {
                        idDistribution: this.distribution.id,
                        active: active
                    }
                })
                    .then(function (response) {
                        app.init();
                        app.alertsActiveDistribution(active, 'Distribution');
                    });
            },
            activeWeekDistribution: function (event) {
                var app = this;
                var active = parseInt(event.currentTarget.getAttribute('data-active'));

                axios.get("ajax-process-active-week-distribution", {
                    params: {
                        date: this.date.getFullYear() + '-'
                            + ('0' + (this.date.getMonth() + 1)).slice(-2) + '-'
                            + ('0' + this.date.getDate()).slice(-2),
                        active: active
                    }
                })
                    .then(function (response) {
                        app.init();
                        app.alertsActiveDistribution(active, 'Semaine de distribution');
                    });
            },
            alertsActiveDistribution: function (active, label) {
                if (!active) {
                    appAlerts.alert(
                        'success',
                        label + ' désactivée.',
                    );
                    appAlerts.alert(
                        'info',
                        'Pensez à bien rembourser les clients qui auraient passé commande en utilisant leur cagnotte.',
                        6000
                    );
                } else {
                    appAlerts.alert(
                        'success',
                        label + ' activée.',
                    );
                }
            },
            pointSaleClick: function (event) {
                this.setIdActivePointSale(event.currentTarget.getAttribute('data-id-point-sale'));
            },
            setIdActivePointSale: function (id) {
                this.idActivePointSale = id;

                for (key in this.pointsSale) {
                    if (this.pointsSale[key].id == id) {
                        this.pointSaleActive = this.pointsSale[key];
                    }
                }

                if (!id) {
                    this.orderCreate.id_point_sale = this.idDefaultPointSale;
                } else {
                    this.orderCreate.id_point_sale = id;
                }
                setTimeout("opendistrib_popover(); opendistrib_dropdown_tooltip();", 500);
            },
            orderCreatedUpdated: function () {
                this.showModalFormOrderCreate = false;
                this.showModalFormOrderUpdate = false;
                this.init(this.idActivePointSale);
            },
            deleteOrderClick: function (event) {
                var app = this;
                var idOrder = event.currentTarget.getAttribute('data-id-order');
                axios.get(UrlManager.getBaseUrlAbsolute() + "order/ajax-delete", {
                    params: {
                        idOrder: idOrder
                    }
                })
                    .then(function (response) {
                        app.init(app.idActivePointSale);
                    });
            },
            updateOrderFromUrl: function () {
                this.initModalFormOrder();
                this.updateProductOrders(false);
            },
            updateOrderClick: function (event) {
                var idOrder = event.currentTarget.getAttribute('data-id-order');
                this.idOrderUpdate = idOrder;
                this.showModalFormOrderUpdate = true;
                this.initModalFormOrder();
                this.updateProductOrders(false);
            },
            openModalFormOrderCreate: function () {
                this.showModalFormOrderCreate = true;
                this.initModalFormOrder();
                this.updateProductOrders(false);
            },
            initModalFormOrder: function () {
                var app = this;
                setTimeout(function () {
                    $('.modal-body').css('height', $(window).height());
                    $('.modal-body').css('maxHeight', 'unset');

                    $('.select2-order-form').select2({
                        width: 'resolve'
                    });
                    $('.select2-order-form').on('select2:select', function (e) {
                        var idUser = e.params.data.id;
                        if (app.showModalFormOrderCreate) {
                            Vue.set(app.orderCreate, 'id_user', idUser);
                        }
                        if (app.showModalFormOrderUpdate) {
                            Vue.set(app.ordersUpdate[app.getOrderUpdateKey()], 'id_user', idUser);
                        }
                    });

                    // Passage à la ligne du dessous quand on appuie sur "Entrée"
                    $('.modal-form-order .input-quantity').keypress(function (e) {
                        if (e.which == 13) {
                            $(this).parent().parent().parent()
                                .next().find('.input-quantity').focus();
                        }
                    });
                }, 500);
            },
            getOrderUpdateKey: function () {
                if (app.showModalFormOrderUpdate && app.idOrderUpdate) {
                    for (keyOrderUpdate in app.ordersUpdate) {
                        if (app.ordersUpdate[keyOrderUpdate].id == app.idOrderUpdate) {
                            return keyOrderUpdate;
                        }
                    }
                }
            },
            orderPaymentModalClick: function (event) {
                var idOrder = event.currentTarget.getAttribute('data-id-order');
                this.idOrderPayment = idOrder;
                this.showModalPayment = true;
            },
            getTypePayment: function (order) {
                if (order.amount_paid < order.amount) {
                    return 'payment';
                } else {
                    return 'refund';
                }
            },
            isTypePayment: function (order) {
                return this.getTypePayment(order) == 'payment';
            },
            getLabelPaymentRefund: function (order, labelPay, labelRefund, labelMeanPayment) {
                var str = '';

                if (this.isTypePayment(order)) {
                    str += labelPay;
                } else {
                    str += labelRefund;
                }

                str += ' ' + labelMeanPayment;

                return str;
            },
            orderPaymentClick: function (event) {
                var app = this;
                var idOrder = event.currentTarget.getAttribute('data-id-order');
                if (!idOrder) {
                    idOrder = this.idOrderPayment;
                }
                axios.get(UrlManager.getBaseUrlAbsolute() + "order/ajax-payment", {
                    params: {
                        idOrder: idOrder,
                        type: event.currentTarget.getAttribute('data-type'),
                        meanPayment: event.currentTarget.getAttribute('data-mean-payment')
                        //amount: event.currentTarget.getAttribute('data-amount')
                    }
                })
                    .then(function (response) {
                        app.init(app.idActivePointSale);
                    });
            },
            orderViewClick: function (event) {
                var currentIdOrderView = event.currentTarget.getAttribute('data-id-order');
                if (this.idOrderView == currentIdOrderView) {
                    this.showViewProduct = !this.showViewProduct;
                } else {
                    this.showViewProduct = true;
                    this.idOrderView = currentIdOrderView;
                }

            },
            closeModalProducts: function () {
                this.showModalProducts = false;
                this.init(this.idActivePointSale);
            },
            closeModalOrderForm: function (create) {
                if (create) {
                    this.showModalFormOrderCreate = false
                } else {
                    this.showModalFormOrderUpdate = false
                }

                this.init(this.idActivePointSale);
            },
            cloneOrder: function (order) {
                var clone = Object.assign({}, order);

                clone.productOrder = {};
                for (var key in order.productOrder) {
                    clone.productOrder[key] = order.productOrder[key];
                }

                return clone;
            },
            addSubscriptions: function () {
                var app = this;
                axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-process-add-subscriptions", {
                    params: {
                        date: this.getDate()
                    }
                })
                    .then(function (response) {
                        app.init(app.idActivePointSale);
                        appAlerts.alertResponse(response);
                    });
            },
            synchroTiller: function () {
                var app = this;
                this.showLoading = true;
                axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-process-synchro-tiller", {
                    params: {
                        date: this.getDate()
                    }
                })
                    .then(function (response) {
                        app.init(app.idActivePointSale);
                    });
            },
            forceSynchronizeOrderTiller: function(idOrder) {
                var app = this;
                this.showLoading = true;
                axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-force-synchronize-order-tiller", {
                    params: {
                        idOrder: idOrder
                    }
                })
                    .then(function (response) {
                        app.init(app.idActivePointSale);
                    });
            },
            authTiller: function () {

            },
            totalActivePointSale: function () {
                var total = 0;
                for (var i = 0; i < this.orders.length; i++) {
                    if (this.orders[i].id_point_sale == this.idActivePointSale) {
                        total += parseFloat(this.orders[i].amount);
                    }
                }
                return total.toFixed(2);
            },
            weightActivePointSale: function () {
                var weight = 0;
                for (var i = 0; i < this.orders.length; i++) {
                    if (this.orders[i].id_point_sale == this.idActivePointSale) {
                        weight += parseFloat(this.orders[i].weight);
                    }
                }
                return weight.toFixed(2);
            },
            changeSynchroTiller: function (event) {
                var app = this;
                var idOrder = event.currentTarget.getAttribute('data-id-order');
                axios.get(UrlManager.getBaseUrlAbsolute() + "order/ajax-change-synchro-tiller", {
                    params: {
                        idOrder: idOrder,
                        boolSynchroTiller: event.currentTarget.checked ? 1 : 0
                    }
                })
                    .then(function (response) {
                        app.init();
                    });
            },
            selectAllOrdersEvent: function (event) {
                var bool = event.currentTarget.checked;
                this.selectAllOrders(bool);
            },
            selectAllOrders: function (bool) {
                for (var key in this.orders) {
                    if (this.orders[key].id_point_sale == this.idActivePointSale) {
                        this.orders[key].selected = bool;
                    }
                }
            },
            oneOrderSelected: function () {
                for (var key in this.orders) {
                    if (this.orders[key].selected == true) {
                        return true;
                    }
                }
                return false;
            },
            generateDeliveryNotePointSale: function () {
                if (!this.oneOrderSelected()) {
                    this.selectAllOrders(true);
                }

                if (this.oneOrderSelected()) {
                    var app = this;
                    var idOrders = {};
                    for (var key in this.orders) {
                        if (this.orders[key].selected == true) {
                            idOrders[key] = this.orders[key].id;
                        }
                    }
                    axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-generate-delivery-note-point-sale", {
                        params: {
                            idOrders: JSON.stringify(idOrders)
                        }
                    })
                        .then(function (response) {
                            appAlerts.alertResponse(response);
                            app.init(app.idActivePointSale);
                        });
                } else {
                    appAlerts.alert('danger', 'Veuillez sélectionner au moins une commande pour générer un bon de livraison');
                }
            },
            generateDeliveryNoteEachUser: function () {
                if (!this.oneOrderSelected()) {
                    this.selectAllOrders(true);
                }
                if (this.oneOrderSelected()) {
                    var app = this;
                    var idOrders = {};
                    for (var key in this.orders) {
                        if (this.orders[key].selected == true) {
                            idOrders[key] = this.orders[key].id;
                        }
                    }
                    axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-generate-delivery-note-each-user", {
                        params: {
                            idOrders: JSON.stringify(idOrders)
                        }
                    })
                        .then(function (response) {
                            appAlerts.alertResponse(response);
                            app.init(app.idActivePointSale);
                        });
                } else {
                    appAlerts.alert('danger', 'Veuillez sélectionner au moins une commande pour générer un bon de livraison');
                }
            },
            validateDeliveryNotes: function () {
                if (!this.oneOrderSelected()) {
                    this.selectAllOrders(true);
                }
                if (this.oneOrderSelected()) {
                    var app = this;
                    var idOrders = {};
                    for (var key in this.orders) {
                        if (this.orders[key].selected == true) {
                            idOrders[key] = this.orders[key].id;
                        }
                    }
                    axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-validate-delivery-notes", {
                        params: {
                            idOrders: JSON.stringify(idOrders)
                        }
                    })
                        .then(function (response) {
                            appAlerts.alertResponse(response);
                            app.init(app.idActivePointSale);
                        });
                } else {
                    appAlerts.alert('danger', 'Veuillez sélectionner au moins une commande pour valider un bon de livraison');
                }
            },
            generateDeliveryNote: function (event) {
                var app = this;
                var idOrder = event.currentTarget.getAttribute('data-id-order');
                axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-generate-delivery-note", {
                    params: {
                        idOrder: idOrder
                    }
                })
                    .then(function (response) {
                        appAlerts.alertResponse(response);
                        app.init(app.idActivePointSale);
                    });
            },
            sendDeliveryNote: function (event) {
                var app = this;
                var idOrder = event.currentTarget.getAttribute('data-id-order');
                axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-send-delivery-note", {
                    params: {
                        idOrder: idOrder
                    }
                })
                    .then(function (response) {
                        appAlerts.alertResponse(response);
                        app.init(app.idActivePointSale);
                    });
            },
            deliveryNoteExist: function (idPointSale) {
                return typeof this.deliveryNotes[this.idActivePointSale] != 'undefined';
            },
            payOrders: function () {
                var app = this;
                axios.get(UrlManager.getBaseUrlAbsolute() + "cron/pay-orders", {
                    params: {
                        date: app.getDate()
                    }
                })
                    .then(function (response) {
                        appAlerts.alertResponse(response);
                        app.init(app.idActivePointSale);
                    });
            },
            getProductOrderArrayRequest: function (order) {
                var productOrderArrayRequest = {};
                for (var key in order.productOrder) {
                    productOrderArrayRequest[key] = {
                        quantity: order.productOrder[key].quantity,
                        unit: order.productOrder[key].unit,
                        price: order.productOrder[key].price,
                        invoice_price: order.productOrder[key].invoice_price
                    };
                }
                return JSON.stringify(productOrderArrayRequest);
            },
            updateProductOrders: function (updatePrices) {
                var app = this;
                app.loadingUpdateProductOrder = true;
                var order = null;

                if (app.showModalFormOrderCreate) {
                    order = app.orderCreate;
                }

                if (app.showModalFormOrderUpdate && app.idOrderUpdate) {
                    for (keyOrderUpdate in app.ordersUpdate) {
                        if (app.ordersUpdate[keyOrderUpdate].id == app.idOrderUpdate) {
                            order = app.ordersUpdate[keyOrderUpdate];
                        }
                    }
                }

                if (order) {
                    if (app.timerAjaxUpdateProductOrder) {
                        clearTimeout(app.timerAjaxUpdateProductOrder);
                    }
                    app.timerAjaxUpdateProductOrder = setTimeout(function(app) {
                        if(app.xhr) {
                            app.xhr.abort();
                        }
                        app.xhr = $.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-update-product-order", {
                                idDistribution: app.distribution.id,
                                idUser: order.id_user,
                                idPointSale: order.id_point_sale,
                                idOrder: order.id,
                                productOrderFormArray: app.getProductOrderArrayRequest(order)
                        }, function (response) {
                                if (response) {
                                    for (idProduct in response) {

                                        if (app.showModalFormOrderCreate) {
                                            Vue.set(app.orderCreate.productOrder[idProduct], 'quantity_remaining', response[idProduct].quantity_remaining);
                                            Vue.set(app.orderCreate.productOrder[idProduct], 'prices', response[idProduct].prices);
                                            Vue.set(app.orderCreate.productOrder[idProduct], 'active', response[idProduct].active);

                                            if(updatePrices) {
                                                Vue.set(app.orderCreate.productOrder[idProduct], 'price', app.getBestProductPrice(app.orderCreate, idProduct, app.orderCreate.productOrder[idProduct].quantity, false));
                                                Vue.set(app.orderCreate.productOrder[idProduct], 'price_with_tax', app.getBestProductPrice(app.orderCreate, idProduct, app.orderCreate.productOrder[idProduct].quantity, true));
                                            }
                                        }

                                        if (app.showModalFormOrderUpdate && app.idOrderUpdate) {
                                            for (keyOrderUpdate in app.ordersUpdate) {
                                                if (order.id == app.idOrderUpdate) {
                                                    Vue.set(app.ordersUpdate[keyOrderUpdate].productOrder[idProduct], 'quantity_remaining', response[idProduct].quantity_remaining);
                                                    Vue.set(app.ordersUpdate[keyOrderUpdate].productOrder[idProduct], 'prices', response[idProduct].prices);
                                                    Vue.set(app.ordersUpdate[keyOrderUpdate].productOrder[idProduct], 'active', response[idProduct].active);
                                                    Vue.set(app.ordersUpdate[keyOrderUpdate].productOrder[idProduct], 'invoice_price', response[idProduct].invoice_price);

                                                    if (updatePrices) {
                                                        Vue.set(
                                                            app.ordersUpdate[keyOrderUpdate].productOrder[idProduct],
                                                            'price',
                                                            app.getBestProductPrice(app.ordersUpdate[keyOrderUpdate], idProduct, app.ordersUpdate[keyOrderUpdate].productOrder[idProduct].quantity, false));
                                                        Vue.set(
                                                            app.ordersUpdate[keyOrderUpdate].productOrder[idProduct],
                                                            'price_with_tax',
                                                            app.getBestProductPrice(app.ordersUpdate[keyOrderUpdate], idProduct, app.ordersUpdate[keyOrderUpdate].productOrder[idProduct].quantity, true));
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    if (updatePrices) {
                                        appAlerts.alert('info', 'Prix rechargés');
                                    }
                                }

                                app.loadingUpdateProductOrder = false;
                            }, 'json');
                    }.bind(this, app), 300);
                }
            },
            updateInvoicePrices: function () {
                var order = null;

                if (app.showModalFormOrderUpdate && app.idOrderUpdate) {
                    for (keyOrderUpdate in app.ordersUpdate) {
                        if (app.ordersUpdate[keyOrderUpdate].id == app.idOrderUpdate) {
                            order = app.ordersUpdate[keyOrderUpdate];
                        }
                    }
                }

                if (order) {
                    axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-update-invoice-prices", {
                        params: {
                            idOrder: order.id
                        }
                    })
                        .then(function (response) {
                            app.updateProductOrders(false);
                            appAlerts.alert('info', 'Prix facturés réinitialisés.');
                        });
                }
            },
            getBestProductPrice: function (order, idProduct, theQuantity, withTax) {
                var product = this.getProduct(idProduct);
                var thePrice = 9999;
                var pricesArray = order.productOrder[idProduct].prices;

                var unitCoefficient = this.getUnitCoefficient(product.unit);
                if (theQuantity) {
                    theQuantity = theQuantity / unitCoefficient;
                }

                if (pricesArray) {
                    for (var i = 0; i < pricesArray.length; i++) {
                        var price = pricesArray[i].price;
                        if (withTax) {
                            price = pricesArray[i].price_with_tax
                        }

                        var fromQuantity = pricesArray[i].from_quantity;

                        if (price < thePrice && fromQuantity <= theQuantity) {
                            thePrice = price;
                        }
                    }
                } else {
                    if (withTax) {
                        thePrice = getPriceWithTax(product.price, product.taxRate.value);
                    } else {
                        thePrice = product.price;
                    }
                }

                if (thePrice == 9999) {
                    return 0;
                } else {
                    return thePrice;
                }
            },
            isFromQuantityExceeded: function(order, idProduct, theQuantity) {
                var product = this.getProduct(idProduct);
                var pricesArray = order.productOrder[idProduct].prices;
                var unitCoefficient = this.getUnitCoefficient(product.unit);
                if (theQuantity) {
                    theQuantity = theQuantity / unitCoefficient;
                }

                if(pricesArray) {
                    for (var i = 0; i < pricesArray.length; i++) {
                        var fromQuantity = pricesArray[i].from_quantity;
                        if (fromQuantity && fromQuantity <= theQuantity) {
                            return true;
                        }
                    }
                }

                return false;
            },
            getProduct: function (idProduct) {
                for (var i = 0; i < this.products.length; i++) {
                    if (this.products[i].id == idProduct) {
                        return this.products[i];
                    }
                }

                return false;
            },
            getProductIndex: function(idProduct) {
                for (var i = 0; i < this.products.length; i++) {
                    if (this.products[i].id == idProduct) {
                        return i;
                    }
                }

                return false;
            },
            countDocuments: function (order) {
                var count = 0;

                if (order.id_delivery_note) {
                    count++;
                }

                if (order.id_quotation) {
                    count++;
                }

                if (order.id_invoice) {
                    count++;
                }

                return count;
            },
            getUnitCoefficient: function (unit) {
                return this.units[unit].coefficient;
            },
            getProductDistribution: function (product) {
                if (typeof product.productDistribution !== 'undefined' && product.productDistribution[0]) {
                    return product.productDistribution[0];
                }

                return null;
            },
            copyLinkOrder: function ($event, urlOrder) {
                $event.preventDefault();
                navigator.clipboard.writeText(urlOrder);
                appAlerts.alert('success', 'Lien vers la page de commande de la distribution copié.');
                return false;
            },
            containUnactiveProduct: function(order) {
                var app = this;
                var product = null;
                var productDistribution = false;
                for(key in app.products) {
                    product = app.products[key];
                    productDistribution = app.getProductDistribution(product);
                    if(productDistribution
                        && order.productOrder[product.id].quantity > 0
                        && productDistribution.active == 0) {

                        return true;
                    }
                }

                return false;
            }
        },
    });

    Vue.component('order-state-payment', {
        props: ['order', 'producer'],
        template: '#order-state-payment'
    });

    Vue.component('modal', {
        template: '#modal-template'
    });

    Vue.component('order-form', {
        props: ['distribution', 'date', 'dateFormat', 'pointsSale', 'idActivePointSale', 'meansPayment', 'users', 'products', 'order', 'orders', 'producer', 'loadingUpdateProductOrder', 'create', 'units'],
        emits: ['updateProductPrice', 'updateInvoicePrices'],
        data: function () {
            return {
                errors: [],
                idPointSale: 0,
                idUser: 0,
                username: '',
                comment: '',
                baseUrl: $('meta[name=baseurl]').attr('content'),
                vatMode: 'all' // 'with_tax'
            };
        },
        template: '#order-form-template',
        watch: {
            'order.id_user': function () {
                this.userChange();
            }
        },
        methods: {
            labelUnitReference: function(unit) {
                return label_unit_reference(unit);
            },
            checkForm: function () {
                this.errors = [];

                var countProducts = 0;
                for (var key in this.order.productOrder) {
                    if (this.order.productOrder[key].quantity > 0) {
                        countProducts++;
                    }
                }

                if (this.order.id_point_sale
                    && (this.order.id_user > 0 || (this.order.username && this.order.username.length))
                    && countProducts > 0) {
                    return true;
                }

                if (!this.order.id_point_sale) {
                    this.errors.push('Veuillez sélectionner un point de vente');
                }

                if ((!this.order.id_user || this.order.id_user == 0) && !this.order.username.length) {
                    this.errors.push('Veuillez sélectionner ou saisir un utilisateur');
                }

                if (!countProducts) {
                    this.errors.push('Veuillez sélectionner au moins un produit');
                }
            },
            getProductOrderArrayRequest: function () {
                var productOrderArrayRequest = {};
                for (var key in this.order.productOrder) {
                    productOrderArrayRequest[key] = {
                        quantity: this.order.productOrder[key].quantity,
                        unit: this.order.productOrder[key].unit,
                        price: this.order.productOrder[key].price,
                        invoice_price: this.order.productOrder[key].invoice_price
                    };
                }
                return JSON.stringify(productOrderArrayRequest);
            },
            getPointSale: function (idPointSale) {
                for (key in this.pointsSale) {
                    if (this.pointsSale[key].id == idPointSale) {
                        return this.pointsSale[key];
                    }
                }

                return false;
            },
            isPointSaleCreditFunctioningOptional: function (idPointSale) {
                var pointSale = this.getPointSale(idPointSale);
                if (pointSale && pointSale.credit_functioning == 'optional') {
                    return true;
                }

                return false;
            },
            submitFormCreate: function (event) {
                var app = this;
                if (this.checkForm()) {
                    axios.get(UrlManager.getBaseUrlAbsolute() + "order/ajax-create", {
                        params: {
                            date: this.date.getFullYear() + '-'
                                + ('0' + (this.date.getMonth() + 1)).slice(-2) + '-'
                                + ('0' + this.date.getDate()).slice(-2),
                            idPointSale: this.order.id_point_sale,
                            idUser: this.order.id_user,
                            username: this.order.username,
                            meanPayment: this.order.mean_payment,
                            products: app.getProductOrderArrayRequest(),
                            comment: this.order.comment,
                            debitCredit: this.order.debitCredit
                        }
                    })
                        .then(function (response) {
                            app.order.id_point_sale = 0;
                            app.order.id_user = 0;
                            app.order.username = '';
                            app.order.comment = '';
                            for (i = 0; i < app.order.productOrder.length; i++) {
                                app.order.productOrder[i] = 0;
                            }

                            app.$emit('ordercreatedupdated');
                        });
                }
            },
            submitFormUpdate: function (event) {
                var app = this;
                if (this.checkForm()) {
                    var data = new FormData();
                    data.append('date', this.date.getFullYear() + '-'
                        + ('0' + (this.date.getMonth() + 1)).slice(-2) + '-'
                        + ('0' + this.date.getDate()).slice(-2));
                    data.append('idOrder', this.order.id);
                    data.append('idPointSale', this.order.id_point_sale);
                    data.append('meanPayment', this.order.mean_payment);
                    data.append('idUser', this.order.id_user);
                    data.append('username', '' + this.order.username);
                    data.append('products', app.getProductOrderArrayRequest());
                    data.append('comment', this.order.comment && this.order.comment.length ? this.order.comment : '');
                    data.append('debitCredit', this.order.debitCredit ? this.order.debitCredit : 0);

                    axios.post(UrlManager.getBaseUrlAbsolute() + "order/ajax-update", data)
                        .then(function (response) {
                            app.$emit('ordercreatedupdated');
                        });
                }
            },
            productQuantityClick: function (id_product, quantity) {
                if (!this.order.productOrder[id_product].quantity) {
                    this.order.productOrder[id_product].quantity = 0;
                }
                if (parseFloat(this.order.productOrder[id_product].quantity) + quantity >= 0) {
                    var theQuantity = (parseFloat(this.order.productOrder[id_product].quantity) + parseFloat(quantity)).toFixed(2);
                    var theQuantityDecimal = theQuantity % 1;
                    if (theQuantityDecimal == 0) {
                        theQuantity = parseInt(theQuantity);
                    }

                    Vue.set(this.order.productOrder[id_product], 'quantity', theQuantity);
                    if(app.isFromQuantityExceeded(this.order, id_product, theQuantity)) {
                        Vue.set(this.order.productOrder[id_product], 'price', app.getBestProductPrice(this.order, id_product, theQuantity, false));
                        Vue.set(this.order.productOrder[id_product], 'price_with_tax', app.getBestProductPrice(this.order, id_product, theQuantity, true));
                    }
                }

                this.updateProductOrders(false);
            },
            getProduct: function (idProduct) {
                for (var i = 0; i < this.products.length; i++) {
                    if (this.products[i].id == idProduct) {
                        return this.products[i];
                    }
                }

                return false;
            },
            productPriceChange: function (event) {
                var idProduct = event.currentTarget.getAttribute('data-id-product');
                var product = this.getProduct(idProduct);

                if (product) {
                    var taxRateValue = parseFloat(product.taxRate.value);
                    var withTax = event.currentTarget.getAttribute('data-with-tax');
                    var price = 0;
                    var priceWithTax = 0;
                    var priceValue = parseFloat(event.currentTarget.value.replace(',', '.'));

                    if (withTax) {
                        priceWithTax = priceValue.toFixed(2);
                        price = getPrice(priceWithTax, taxRateValue);
                    } else {
                        price = priceValue.toFixed(5);
                        priceWithTax = getPriceWithTax(price, taxRateValue);
                    }

                    if (isNaN(price)) {
                        price = 0;
                    }

                    if (isNaN(priceWithTax)) {
                        priceWithTax = 0;
                    }

                    Vue.set(this.order.productOrder, idProduct, {
                        active: this.order.productOrder[idProduct].active,
                        quantity: this.order.productOrder[idProduct].quantity,
                        unit: this.order.productOrder[idProduct].unit,
                        price: price,
                        price_with_tax: priceWithTax
                    });
                }
            },
            userChange: function (event) {
                var app = this;
                axios.get(UrlManager.getBaseUrlAbsolute() + "distribution/ajax-point-sale-favorite", {
                    params: {
                        idUser: app.order.id_user,
                        idDistribution: app.distribution.id
                    }
                })
                    .then(function (response) {
                        if (app.idActivePointSale == 0) {
                            app.order.id_point_sale = response.data.id_favorite_point_sale;
                        }
                        app.updateProductOrders(true);
                    });
            },
            pointSaleChange: function (event) {
                this.updateProductOrders(true);
            },
            updateProductOrders: function (updateProductOrders) {
                this.$emit('updateproductorders', updateProductOrders);
            },
            updateInvoicePrices: function () {
                this.$emit('updateinvoiceprices');
            },
            toggleVatMode: function () {
                if (this.vatMode == 'all') {
                    this.vatMode = 'with_tax';
                } else {
                    this.vatMode = 'all';
                }
            },
            getProductQuantityMax: function(product) {
                return product.quantity_max;
            },
            getProductQuantityOrder: function(product) {
                var productQuantityOrder = 0;
                for (key in this.orders) {
                    productQuantityOrder += this.getProductQuantityProductOrder(this.orders[key], product);
                }
                if (this.create == 1) {
                    productQuantityOrder += this.getProductQuantityProductOrder(this.order, product);
                }
                return productQuantityOrder;
            },
            getProductQuantityRemaining: function (order, product) {
                var productQuantityRemaining = order.productOrder[product.id].quantity_remaining;

                // format
                if (productQuantityRemaining && product.unit != 'piece') {
                    productQuantityRemaining = productQuantityRemaining.toFixed(2);
                }

                return productQuantityRemaining;
            },
            getProductQuantityProductOrder: function (order, product) {
                var productOrder = order.productOrder[product.id];
                var unit = productOrder.unit;
                var unitCoefficient = this.getUnitCoefficient(unit);
                return parseFloat(productOrder.quantity / unitCoefficient);
            },
            getUnitCoefficient: function (unit) {
                return this.units[unit].coefficient;
            },
            getProductDistribution: function (product) {
                if (typeof product.productDistribution !== 'undefined' && product.productDistribution[0]) {
                    return product.productDistribution[0];
                }
            }
        }
    });
}