var contract_form = new Vue({
    el: '#contract_form',
    components: {

        vuejsDatepicker: window.vuejsDatepicker
    },
    data() {

        return {
            ru: vdp_translation_ru.js,
            agency_id: $('#session_agency_id').val() || null,
            isShow: false,
            errorText: '',
            errorMes: false,
            errors: { 'number': 0, 'type': 0, 'celendar': 0 },
            isPreloader: 1,
            types_contract: [{ 'code': 0, 'type': '' }],
            type_contract: null,
            id: 0,
            number: null,
            date_start: new Date(),
            date_end: new Date(),
            format: "dd.MM.yyyy",
            mondayfirst: true,
            OpenIndicator: {
                render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
            },
            days_mes_end: 10,
            no_mes_end: 0,
            parent_id: 0,
            parent_type: null,
            parent_index: -1,
        }
    },
    methods: {

        //Открытие
        open() {
            $("body").addClass("lock");
            this.clear();
            this.isShow = true;
            this.isPreloader = 0;

            if (this.id > 0) {

                axios.post('/ajax/ajax_vue_contract.php', {
                        request: 'get_contract',
                        parent_id: this.parent_id,
                        parent_type: this.parent_type,
                        id: this.id,
                    }, )
                    .then((response) => {

                        var res = response.data;
                        this.number = res.number;
                        this.type_contract = res.type;
                        this.date_start = this.get_date(res.date_start);
                        this.date_end = this.get_date(res.date_end);
                        this.days_mes_end = res.days;
                        this.no_mes_end = res.send;


                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            }

        },

        clear() {
            this.number = null;
            this.date_start = new Date();
            this.date_end = new Date();
            this.days_mes_end = 10;
            this.no_mes_end = 0;
            this.type_contract = null;
            this.clearErrors();
        },

        //Очистка ошибок
        clearErrors() {
            this.errorText = '';
            this.errors = { 'number': 0, 'type': 0, 'celendar': 0 };
            this.errorMes = false;
        },

        //Типы договоров
        getTypesContract() {
            axios.post('/ajax/ajax_vue_contract.php', {
                    request: 'get_types_contract',
                    agency_id: this.agency_id,
                }, )
                .then((response) => {
                    this.types_contract = response.data;
                })
                .catch(function(error) {
                    console.log(error);
                });
        },

        //Закрытие
        closes() {
            this.isShow = false;
            this.isPreloader = 1;
            this.parent_id = 0;
            this.parent_type = null;
            this.id = 0;
            this.parent_index = -1;
            $("body").removeClass("lock");
            $('.jw__add-popup').removeClass('is__show');
        },

        //сохранение
        save() {
            this.clearErrors();
            if (this.isEmpty(this.number)) {
                this.errorText += '<p>Введите номер договора</p>';
                this.errorMes = true;
                this.errors.number = 1;
            }
            if (this.type_contract == 0 || this.isEmpty(this.type_contract)) {
                this.errorText += '<p>Выбирете тип договора</p>';
                this.errorMes = true;
                this.errors.type = 1;
            }

            if (this.date_start > this.date_end) {
                this.errorText += '<p>Дата начала не может быть больше даты окончания</p>';
                this.errorMes = true;
                this.errors.calendar = 1;
            }

            var send = 0;
            if (this.no_mes_end) {
                send = 1;
            }

            if (!this.errorMes) {
                var name_type = this.types_contract.find((el, idx) => el.code == this.type_contract);
                if (this.parent_id == 'req0') {
                    var contract = {
                        number: this.number,
                        type: this.type_contract,
                        date_start: this.date_start,
                        date_end: this.date_end,
                        days_mes_end: this.days_mes_end,
                        no_mes_end: send,
                        parent_type: this.parent_type,
                        parent_id: this.parent_id,
                        id: this.id,
                        agency_id: this.agency_id,
                        name: name_type.type + ' №' + this.number,
                    }
                    if (this.parent_index == -1) {
                        req_form.contracts.push(contract)
                    } else {
                        req_form.contracts[this.parent_index] = contract;
                    }
                    this.closes();
                } else if (this.parent_id == 0 && this.parent_type == 'client') {
                    var contract = JSON.stringify({
                        number: this.number,
                        type: this.type_contract,
                        date_start: this.date_start,
                        date_end: this.date_end,
                        days_mes_end: this.days_mes_end,
                        no_mes_end: send,
                        parent_type: this.parent_type,
                        parent_id: this.parent_id,
                        id: this.id,
                        agency_id: this.agency_id,
                        name: name_type.type + ' №' + this.number,
                    });
                    var index = this.parent_index;
                    if (index == -1) {
                        var index = 0;
                        $('#list_contracts_client_form div label').each(function() {
                            index++;
                        });
                    }
                    var html = '';
                    var edit = false;
                    console.log($('#contract_elem_client' + index).length);
                    if ($('#contract_elem_client' + index).length > 0) {
                        edit = true;

                    }

                    if (!edit) {
                        html += '<div data-client="0" data-contract="0" data-data=\'' + contract + '\' id="contract_elem_client' + index + '">';
                    }
                    html += '<label style="display: inline-block;">' +
                        '<a href="javascript:{};" onclick="open_form_contract(0, 0,\'client\', this)">' + name_type.type + ' №' + this.number + '</a>' +
                        '</label>' +
                        '<a href="javascript:{};" onclick="deleteContract(' + index + ')" title="Удалить" style="padding: 6px 8px; border: none; line-height: 34px;"><i class="ti-trash"></i></a>';
                    if (!edit) {
                        html += '</div>';
                    }

                    if (edit) {
                        $('#contract_elem_client' + index).html(html);
                    } else {
                        $("#list_contracts_client_form").append(html);
                    }
                    this.closes();
                } else {
                    console.log(this.agency_id);
                    axios.post('/ajax/ajax_vue_contract.php', {
                            request: 'save_contract',
                            number: this.number,
                            type: this.type_contract,
                            date_start: this.date_start,
                            date_end: this.date_end,
                            days_mes_end: this.days_mes_end,
                            no_mes_end: send,
                            parent_type: this.parent_type,
                            parent_id: this.parent_id,
                            id: this.id,
                            agency_id: this.agency_id,
                        }, )
                        .then((response) => {

                            var parent_id = this.parent_id;
                            var parent_type = this.parent_type;

                            if (typeof requisitions != "undefined") {
                                requisitions.return_contract_form(this.parent_id, response.data);
                            }
                            if ($('#send_bg_new').css('display') == 'block' && parent_type == 'client') {
                                get_contracts_client(parent_id);
                            }
                            if ($('#client__' + parent_id + ' .contracts').length > 0 ||
                                $('#item' + parent_id + ' .contracts').length > 0) {
                                axios.post('/ajax/ajax_vue_requisitions.php', {
                                        request: 'get_contracts',
                                        parent_id: this.parent_id,
                                        type: this.parent_type,
                                    }, )
                                    .then((response) => {

                                        var res = response.data;
                                        if (res.contracts.length > 0) {
                                            $('#client__' + parent_id + ' .contracts').show().attr('title', res.contracts_name);
                                            $('#item' + parent_id + ' .contracts').show();
                                            var html = '';
                                            if(parent_type == 'object'){
                                                var index = (res.contracts.length-1);
                                                html = '<div class="contract_div" id="contract_elem_object'+res.contracts[index].id+'" style="padding: 4px 18px 6px; overflow: hidden; width: 300px; text-overflow: ellipsis; white-space: nowrap;">';
                                                html += '<div title="'+res.contracts[index].name+'" style="width: 250px; overflow: hidden; text-overflow: ellipsis; float: left; white-space: nowrap;" class="contract_href';
                                                if (res.contracts[index].expired) {
                                                    html += ' expired';
                                                }
                                                html += '" onclick="open_form_contract(\'' + parent_id + '\', \'' + res.contracts[index].id + '\', \'' + parent_type + '\')">'+res.contracts[index].name+'</div>';
                                                html += '<a href="javascript:{};" onclick="deleteContractObject(\'' + parent_id + '\', \'' + res.contracts[index].id + '\', \'' + parent_type + '\')" title="Удалить" style="padding: 0 5px;border: none;float: left;margin-top: -2px;"><i class="ti-trash"></i></a>';
                            
                                                html += '</div>';
                                                $('#popup__actions_contract_' + parent_id + ' .actions-menu__inner').append(html);
                                            } else {
                                                html = '<i class="ti-file"></i><span>&nbsp;';
                                                for (var i = 0; i < res.contracts.length; i++) {
                                                    if (html != '<i class="ti-file"></i><span>&nbsp;') {
                                                        html += '<span>,&nbsp;</span>';
                                                    }
                                                    html += '<span class="contract_href';
                                                    if (res.contracts[i].expired) {
                                                        html += ' expired"';
                                                    }
                                                    html += '" onclick="open_form_contract(\'' + parent_id + '\', \'' + res.contracts[i].id + '\', \'' + parent_type + '\')">';
                                                    html += res.contracts[i].name + '</span>';
                                                    html += '</span>';
                                                }
                                            }

                                            $('#client__' + parent_id + ' .contracts').html(html);

                                            //$('#item' + parent_id + ' .contracts').html(html);
                                        } else {
                                            $('#client__' + parent_id + ' .contracts').hide();
                                            $('#item' + parent_id + ' .contracts').hide();
                                        }

                                    })
                                    .catch(function(error) {
                                        console.log(error);
                                    });
                            }
                            this.closes();
                        })
                        .catch(function(error) {
                            console.log(error);
                        });
                }
            } else {
                $('.full_modal-bg').stop().animate({ scrollTop: 0 }, '500');
            }
        },

        //Установка даты
        get_date(date) {
            var arrDate = date.split('.');
            var year = parseInt(arrDate[2]);
            var mes = parseInt(arrDate[1]) - 1;
            var day = parseInt(arrDate[0]);
            return new Date(year, mes, day);
        },

        //Удаление
        delete(id, type) {

            axios.post('/ajax/ajax_vue_contract.php', {
                    request: 'delete_contract',
                    id: id,
                    type: type,
                }, )
                .then((response) => {
                    //console.log(response.data);
                })
                .catch(function(error) {
                    console.log(error);
                });
        },

        //Проверка на пустоту
        isEmpty(data) {
            if (typeof(data) === 'object') {
                if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
                    return true;
                } else if (!data) {
                    return true;
                }
                return false;
            } else if (typeof(data) === 'string') {
                if (!data.trim()) {
                    return true;
                }
                return false;
            } else if (typeof(data) === 'undefined') {
                return true;
            } else {
                return false;
            }
        },

    },
    mounted() {

    },
    created: function() {

        $("#contract_form").removeClass("hidden");
        this.getTypesContract();

    }
})