Vue.config.devtools = true;

Vue.component('v-select', VueSelect.VueSelect);

var requisitions_client = new Vue({
    el: '#requisitions_list_client',
    name: 'requisitions_list_client',
    components: {
        Multiselect: window.VueMultiselect.default,
        vuejsDatepicker: window.vuejsDatepicker
    },
    data() {

        return {
            req: [],
            isAddObj: 0,
            isPreloader: 0,
            user_id: $("#sid").attr("data-id"),
            funnel_id: $('#funnelIdClients').val(),
            clientId: 0,
            isReqClient: 0,
        }
    },
    methods: {
        //Список
        getList() {
            if (this.clientId > 0) {
                this.req = [];
                this.isAddObj = 0;
                $('#addReqClientFormList').attr("data-client", this.clientId);
                this.isReqClient = 0;
                if (document.location.pathname == '/add-object.php' || document.location.pathname == '/my-objects.php' || document.location.pathname == '/agency-objects.php') {
                    this.isAddObj = 1;
                }
                //requisitions_client.isPreloader=true;
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_all',
                        client_id: this.clientId,
                        funnel_id: this.funnel_id,
                        //user_id: this.user_id,
                    }, )
                    .then((response) => {
                        this.req = response.data.req;
                        //requisitions_client.isPreloader=false;
                        if (!requisitions_client.isEmpty(requisitions_client.req)) {
                            this.isReqClient = 1;
                            //$("#requisitions_list_client .clients").show();
                        } else {
                            this.isReqClient = 2;
                        }
                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            }
        },

        //Получение бара воронки
        getBarFunnel(reqId) {
            if (this.req['req' + reqId]) {
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_bar_funnel',
                        funnel_id: this.req['req' + reqId].funnel_id,
                        req_id: reqId
                    }, )
                    .then((response) => {
                        this.req['req' + reqId].steps = response.data;
                        requisitions_client.isPreloader = 0;
                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            }
        },


        //Для редактирования
        getReq(id) {
            $('#send_bg_new .closer').click();
            req_form.openReqForm();

            if (this.req[id] === undefined) {
                //console.log(this.req[id]);
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_req_id',
                        req_id: id
                    }, )
                    .then((response) => {
                        //console.log(response.data);
                        requisitions_client.$set(requisitions_client, 'req', response.data);

                        //console.log(requisitions_client.req[id].object_id);
                        if (requisitions_client.req[id].object_id > 0 && requisitions_client.isEmpty(requisitions_client.req[id].object)) {

                            requisitions_client.getObject(requisitions_client.req[id].object_id, id, 1);
                        } else {
                            req_form.setReq(requisitions_client.req[id]);
                        }

                        if (this.req[id].client_id > 0 && this.isEmpty(this.req[id].client)) {
                            this.getClient(this.req[id].client_id, id, 1);
                        } else {
                            req_form.setReq(requisitions_client.req[id]);
                        }
                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            } else {

                if (this.req[id].object_id > 0 && this.isEmpty(this.req[id].object)) {
                    this.getObject(this.req[id].object_id, id, 1);
                } else {
                    req_form.setReq(requisitions_client.req[id]);
                }

                if (this.req[id].client_id > 0 && this.isEmpty(this.req[id].client)) {
                    this.getClient(this.req[id].client_id, id, 1);
                } else {
                    req_form.setReq(requisitions_client.req[id]);
                }
            }

        },

        //Получение объекта
        getObject(object_id, reqId, forma) {
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_object',
                    object_id: object_id
                }, )
                .then((response) => {
                    console.log(response.data);
                    this.req[reqId].object = response.data;
                    if (forma) {
                        req_form.setReq(requisitions_client.req[reqId]);
                    }

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

        //Получение клиента
        getClient(client_id, reqId, forma) {
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_client',
                    client_id: client_id
                }, )
                .then((response) => {
                    console.log(response.data);
                    this.req[reqId].client = response.data;
                    if (forma) {
                        req_form.setReq(requisitions_client.req[reqId]);
                    }

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

        //открыть/закрыть подробности
        toggleClient(id) {

            if (this.req[id].isMainInfo) {
                this.req[id].isMainInfo = false;
            } else {

                if (this.req[id].object_id > 0 && this.isEmpty(this.req[id].object)) {
                    this.getObject(this.req[id].object_id, id);
                }

                if (this.req[id].client_id > 0 && this.isEmpty(this.req[id].client)) {
                    this.getClient(this.req[id].client_id, id);
                }
                this.req[id].isMainInfo = true;
            }
        },

        //показать объект
        showObject(id) {
            $('#liObject').click();
        },

        //показать клиента
        showClient() {
            $('#liGlobal').click();
        },

        openCardClient(client_id, ignoreFunnelsUpdate = false) {
            openClientEventsWindowNew(client_id, $('#session_to_send').val(), 0, undefined, undefined, ignoreFunnelsUpdate);
        },

        //Проверка на пустоту
        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;
            }
        },

        //Открыть редактирование параметров автопоиска
        openAutoSearchFiltr(req_id, filter_id) {
            autosearch_filtr.openAutoSearchFiltr(req_id, filter_id);
        },

        //Открыть список объектов автопоиска
        showAutoSearchObjects(filter_id, event) {
            let req_id = $(event.target).data('id');
            $('#send_bg_new').fadeOut(300);
            $('#send_new').toggle(100);
            $("body").removeClass("lock");

            autosearch_objs.openAutoSearchResults(filter_id, req_id);
        },
    },
    mounted() {
        //this.getList();
    },
    created: function() {

        $(".clients").removeClass("hidden");

    }
})

var requisitions_object = new Vue({
    el: '#requisitions_list_object',
    components: {
        Multiselect: window.VueMultiselect.default,
        vuejsDatepicker: window.vuejsDatepicker
    },
    data() {

        return {
            req: [],
            //isPreloader: true,
            agency_id: $('#session_agency_id').val(),
            user_id: $("#sid").attr("data-id"),
            //funnel_id: $('#funnelIdClients').val(),
            objectId: 0,
            isReqClient: 0,
            isShow: false,
            page: 1,
            all_pages: 1,
            prevPage: 0,
            ot: 0,
            do: 0,
            pagePagin: [],
        }
    },
    methods: {
        //Список
        getList() {
            this.req = [];
            requisitions_object.isReqClient = 0;
            this.pagePagin = [];
            this.ot = 0;
            this.do = 0;

            var requestData = {
                request: 'get_all',
                object_id: this.objectId,
                page: this.page,
                per_page: 5,
            };

            if (this.periodStart && this.periodEnd) {
                requestData.filtr = {
                    period: 'period',
                    onDate: this.periodStart,
                    offDate: this.periodEnd
                };
            }

            //console.log(this.objectId);
            //requisitions_client.isPreloader=true;
            axios.post('/ajax/ajax_vue_requisitions.php', requestData)
                .then((response) => {
                    // console.log(response.data);
                    this.req = response.data.req;
                    //requisitions_client.isPreloader=false;
                    if (!requisitions_object.isEmpty(requisitions_object.req)) {
                        requisitions_object.isReqClient = 1;
                        this.all_pages = parseInt(response.data.allPages);
                        if (this.all_pages > 1) {
                            if (this.page > 1)
                                this.prevPage = this.page - 1;
                        }
                        if (this.all_pages > 8) {
                            if (this.page > 4) {
                                this.ot = this.page - 3;
                            } else {
                                this.ot = 2;
                            }

                            if (this.page < this.all_pages - 4) {
                                this.do = this.page + 3;
                            } else {
                                this.do = this.all_pages;
                            }
                        } else {
                            this.ot = 2;
                            this.do = this.all_pages;
                        }
                        for (var i = this.ot; i < this.do; i++) {
                            this.pagePagin.push(i);
                        }
                        //$("#requisitions_list_client .clients").show();
                    } else {
                        requisitions_object.isReqClient = 2;
                    }

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

        },

        //Пагинация
        pagin(page) {
            this.page = page;
            this.getList();
        },

        //Пагинация
        goToRequisitionsPage(event) {
            if (event.keyCode === 13) {
                var pageNum = $('#requisitionClientPageNumberInputForManualGoToPage').val();

                if (pageNum) {
                    this.page = Number.parseInt(pageNum);
                    this.getList();
                    $('#requisitionClientPageNumberInputForManualGoToPage').val('');
                }
            }
        },

        //Получение бара воронки
        getBarFunnel(reqId) {
            if (this.req['req' + reqId]) {
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_bar_funnel',
                        funnel_id: this.req['req' + reqId].funnel_id,
                        req_id: reqId
                    }, )
                    .then((response) => {
                        this.req['req' + reqId].steps = response.data;
                        requisitions_client.isPreloader = 0;
                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            }
        },


        //Для редактирования
        getReq(id) {
            $('#send_bg_new .closer').click();
            req_form.openReqForm();

            if (this.req[id] === undefined) {
                //console.log(this.req[id]);
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_req_id',
                        req_id: id
                    }, )
                    .then((response) => {
                        //console.log(response.data);
                        requisitions_object.$set(requisitions_object, 'req', response.data);

                        //console.log(requisitions_client.req[id].object_id);
                        if (requisitions_object.req[id].object_id > 0 && requisitions_object.isEmpty(requisitions_object.req[id].object)) {

                            requisitions_object.getObject(requisitions_object.req[id].object_id, id, 1);
                        } else {
                            req_form.setReq(requisitions_object.req[id]);
                        }

                        if (this.req[id].client_id > 0 && this.isEmpty(this.req[id].client)) {
                            this.getClient(this.req[id].client_id, id, 1);
                        } else {
                            req_form.setReq(requisitions_object.req[id]);
                        }
                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            } else {

                if (this.req[id].object_id > 0 && this.isEmpty(this.req[id].object)) {
                    this.getObject(this.req[id].object_id, id, 1);
                } else {
                    req_form.setReq(requisitions_object.req[id]);
                }

                if (this.req[id].client_id > 0 && this.isEmpty(this.req[id].client)) {
                    this.getClient(this.req[id].client_id, id, 1);
                } else {
                    req_form.setReq(requisitions_object.req[id]);
                }
            }

        },

        //Получение объекта
        getObject(object_id, reqId, forma) {
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_object',
                    object_id: object_id
                }, )
                .then((response) => {
                    console.log(response.data);
                    this.req[reqId].object = response.data;
                    if (forma) {
                        req_form.setReq(requisitions_object.req[reqId]);
                    }

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

        //Получение клиента
        getClient(client_id, reqId, forma) {
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_client',
                    client_id: client_id
                }, )
                .then((response) => {
                    console.log(response.data);
                    this.req[reqId].client = response.data;
                    if (forma) {
                        req_form.setReq(requisitions_object.req[reqId]);
                    }

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

        //открыть/закрыть подробности
        toggleClient(id) {

            if (this.req[id].isMainInfo) {
                this.req[id].isMainInfo = false;
            } else {

                if (this.req[id].object_id > 0 && this.isEmpty(this.req[id].object)) {
                    this.getObject(this.req[id].object_id, id);
                }

                if (this.req[id].client_id > 0 && this.isEmpty(this.req[id].client)) {
                    this.getClient(this.req[id].client_id, id);
                }
                this.req[id].isMainInfo = true;
            }
        },

        //показать объект
        showObject(id) {
            $('#liObject').click();
        },

        //показать клиента
        showClient() {
            $('#liGlobal').click();
        },

        //Открыть форму
        openForm(objectId, periodStart, periodEnd) {
            console.log('openForm', objectId, periodStart, periodEnd);
            this.page = 1;
            this.isShow = true;
            this.objectId = objectId;
            this.periodStart = periodStart;
            this.periodEnd = periodEnd;
            this.getList();
            $("body").addClass("lock");
        },

        //закрыть форму
        closeForm() {
            this.isShow = false;
            $("body").removeClass("lock");
        },

        openCardClient(client_id, ignoreFunnelsUpdate = false) {
            openClientEventsWindowNew(client_id, $('#session_to_send').val(), 0, undefined, undefined, ignoreFunnelsUpdate);
        },

        //Проверка на пустоту
        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() {
        //this.getList();
    },
    created: function() {

        $("#requisitions_list_object").removeClass("hidden");

    }
})


var room_requisitions = new Vue({
    name: 'room_requisitions',
    el: '#room_requisitions',
    components:
    {
        Multiselect: window.VueMultiselect.default,
        vuejsDatepicker: window.vuejsDatepicker
    },
    data()
    {
        return {
            requisitions: [],
            agency_id: $('#session_agency_id').val(),
            user_id: $("#sid").attr("data-id"),
            complexRoomId: 0,
            apartmentTitle: null,
            inProgress: false,
            isShow: false,
            page: 1,
            all_pages: 1,
            prevPage: 0,
            ot: 0,
            do: 0,
            pagePagin: [],
            complexBus: null
        }
    },
    methods:
    {
        //Список
        getList()
        {
            this.requisitions = [];
            this.inProgress = true;
            this.pagePagin = [];
            this.ot = 0;
            this.do = 0;
            
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_all',
                    complex_room_id: this.complexRoomId,
                    page: this.page,
                    per_page: 5,
                })
                .then((response) => {
                    this.requisitions = response.data.req;

                    if (!this.isEmpty(this.requisitions)) {
                        this.all_pages = parseInt(response.data.allPages);
                        if (this.all_pages > 1) {
                            if (this.page > 1)
                                this.prevPage = this.page - 1;
                        }
                        if (this.all_pages > 8) {
                            if (this.page > 4) {
                                this.ot = this.page - 3;
                            } else {
                                this.ot = 2;
                            }

                            if (this.page < this.all_pages - 4) {
                                this.do = this.page + 3;
                            } else {
                                this.do = this.all_pages;
                            }
                        } else {
                            this.ot = 2;
                            this.do = this.all_pages;
                        }
                        for (var i = this.ot; i < this.do; i++) {
                            this.pagePagin.push(i);
                        }
                        //$("#requisitions_list_client .clients").show();
                    }
                })
                .catch(function(error) {
                    console.log(error);
                })
                .finally(() => this.inProgress = false);

        },

        //Пагинация
        pagin(page)
        {
            this.page = page;
            this.getList();
        },

        //Пагинация
        goToRequisitionsPage(event)
        {
            if (event.keyCode === 13) {
                var pageNum = $('#requisitionClientPageNumberInputForManualGoToPage').val();

                if (pageNum) {
                    this.page = Number.parseInt(pageNum);
                    this.getList();
                    $('#requisitionClientPageNumberInputForManualGoToPage').val('');
                }
            }
        },

        //Получение бара воронки
        getBarFunnel(reqId)
        {
            if (this.requisitions['req' + reqId]) {
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_bar_funnel',
                        funnel_id: this.requisitions['req' + reqId].funnel_id,
                        req_id: reqId
                    }, )
                    .then((response) => {
                        this.requisitions['req' + reqId].steps = response.data;
                        requisitions_client.isPreloader = 0;
                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            }
        },


        //Для редактирования
        getReq(id)
        {
            $('#send_bg_new .closer').click();
            req_form.openReqForm();

            if (this.requisitions[id] === undefined) {
                //console.log(this.req[id]);
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_req_id',
                        req_id: id
                    }, )
                    .then((response) => {
                        this.$set(this, 'requisitions', response.data);

                        if (this.requisitions[id].complex_room_id > 0 && this.isEmpty(this.requisitions[id].object)) {

                            this.getRoom(this.requisitions[id].complex_room_id, id, 1);
                        } else {
                            req_form.setReq(this.requisitions[id]);
                        }

                        if (this.requisitions[id].client_id > 0 && this.isEmpty(this.requisitions[id].client)) {
                            this.getClient(this.requisitions[id].client_id, id, 1);
                        } else {
                            req_form.setReq(this.requisitions[id]);
                        }
                    })
                    .catch(function(error) {
                        console.log(error);
                    });
            } else {

                if (this.requisitions[id].complex_room_id > 0 && this.isEmpty(this.requisitions[id].object)) {
                    this.getRoom(this.requisitions[id].complex_room_id, id, 1);
                } else {
                    req_form.setReq(this.requisitions[id]);
                }

                if (this.requisitions[id].client_id > 0 && this.isEmpty(this.requisitions[id].client)) {
                    this.getClient(this.requisitions[id].client_id, id, 1);
                } else {
                    req_form.setReq(this.requisitions[id]);
                }
            }

        },

        //Получение объекта
        getRoom(complex_room_id, reqId, forma)
        {
            axios.post('/ajax/vue_ajax/complex_axios.php', {
                    request: 'get_room_requisitions',
                    complex_room_id
                }, )
                .then((response) => {
                    this.requisitions[reqId].object = response.data;
                    if (forma) {
                        req_form.setReq(this.requisitions[reqId]);
                    }

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

        //Получение клиента
        getClient(client_id, reqId, forma)
        {
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_client',
                    client_id: client_id
                }, )
                .then((response) => {
                    this.requisitions[reqId].client = response.data;
                    if (forma) {
                        req_form.setReq(this.requisitions[reqId]);
                    }

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

        //открыть/закрыть подробности
        toggleClient(id)
        {

            if (this.requisitions[id].isMainInfo) {
                this.requisitions[id].isMainInfo = false;
            } else {

                if (this.requisitions[id].complex_room_id > 0 && this.isEmpty(this.requisitions[id].object)) {
                    this.getRoom(this.requisitions[id].complex_room_id, id);
                }

                if (this.requisitions[id].client_id > 0 && this.isEmpty(this.requisitions[id].client)) {
                    this.getClient(this.requisitions[id].client_id, id);
                }
                this.requisitions[id].isMainInfo = true;
            }
        },

        //показать объект
        showObject()
        {
            $('#liObject').click();
        },

        //показать клиента
        showClient()
        {
            $('#liGlobal').click();
        },

        //Открыть форму
        openForm(complexRoomId)
        {
            this.page = 1;
            this.isShow = true;
            this.complexRoomId = complexRoomId;
            this.getList();
            $("body").addClass("lock");
        },

        //закрыть форму
        closeForm()
        {
            this.isShow = false;
            $("body").removeClass("lock");
        },

        openCardClient(client_id, ignoreFunnelsUpdate = false) {
            openClientEventsWindowNew(client_id, $('#session_to_send').val(), 0, undefined, undefined, ignoreFunnelsUpdate);
        },

        //Проверка на пустоту
        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;
            }
        },

        observeRefs()
        {
            setInterval(() => {
                if (window.complexBus) {
                    this.complexBus = window.complexBus
                }
            }, 200)    
        }
    },
    mounted()
    {        
        this.$nextTick(() => {
            this.observeRefs();
        });
    },
    watch:
    {
        complexBus(complexBus)
        {
            if (complexBus) {
                complexBus.$on('apartment-open-requisitions', (apartment) => {
                    if (apartment)
                    {
                        this.complexRoomId = apartment.id
                        this.apartmentTitle = apartment.title
                        this.getList();
                        this.isShow = true;
                    }
                });
            }
        }
    },
    created: function()
    {
        $("#room_requisitions").removeClass("hidden");
    }
})


var room_reservation = new Vue({
    name: 'room_reservation',
    el: '#room_reservation',
    components:
    {
        Multiselect: window.VueMultiselect.default,
        vuejsDatepicker: window.vuejsDatepicker
    },
    data()
    {
        return {
            reservation: [],
            agency_id: $('#session_agency_id').val(),
            user_id: $("#sid").attr("data-id"),
            reservationId: 0,
            apartmentTitle: null,
            inProgress: false,
            isShow: false,
            complexBus: null
        }
    },
    methods:
    {
        getReservation()
        {
            this.reservation = [];
            this.inProgress = true;
            
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_req_id',
                    req_id: this.reservationId
                })
                .then((response) => {
                    this.reservation = response.data[`req${this.reservationId}`];
                })
                .catch(function(error) {
                    console.error(error);
                })
                .finally(() => this.inProgress = false);
        },

        //Получение бара воронки
        getBarFunnel(reqId)
        {
            if (this.reservationId == reqId) {
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_bar_funnel',
                        funnel_id: this.reservation.funnel_id,
                        req_id: reqId
                    }, )
                    .then((response) => {
                        this.reservation.steps = response.data;
                        requisitions_client.isPreloader = 0;
                    })
                    .catch(function(error) {
                        console.error(error);
                    });
            }
        },


        //Для редактирования
        getReq(id)
        {
            $('#send_bg_new .closer').click();
            req_form.openReqForm();

            if (this.reservationId === undefined) {
                //console.log(this.req[id]);
                axios.post('/ajax/ajax_vue_requisitions.php', {
                        request: 'get_req_id',
                        req_id: id
                    }, )
                    .then((response) => {
                        this.$set(this, 'reservation', response.data);

                        if (this.reservation.complex_room_id > 0 && this.isEmpty(this.reservation.object)) {

                            this.getRoom(this.reservation.complex_room_id, id, 1);
                        } else {
                            req_form.setReq(this.reservation);
                        }

                        if (this.reservation.client_id > 0 && this.isEmpty(this.reservation.client)) {
                            this.getClient(this.reservation.client_id, id, 1);
                        } else {
                            req_form.setReq(this.reservation);
                        }
                    })
                    .catch(function(error) {
                        console.error(error);
                    });
            } else {

                if (this.reservation.complex_room_id > 0 && this.isEmpty(this.reservation.object)) {
                    this.getRoom(this.reservation.complex_room_id, id, 1);
                } else {
                    req_form.setReq(this.reservation);
                }

                if (this.reservation.client_id > 0 && this.isEmpty(this.reservation.client)) {
                    this.getClient(this.reservation.client_id, id, 1);
                } else {
                    req_form.setReq(this.reservation);
                }
            }

        },

        //Получение объекта
        getRoom(complex_room_id, reqId, forma)
        {
            axios.post('/ajax/vue_ajax/complex_axios.php', {
                    request: 'get_room_requisitions',
                    complex_room_id
                })
                .then((response) => {
                    this.reservation.object = response.data;
                    if (forma) {
                        req_form.setReq(this.reservation);
                    }

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

        //Получение клиента
        getClient(client_id, reqId, forma)
        {
            axios.post('/ajax/ajax_vue_requisitions.php', {
                    request: 'get_client',
                    client_id: client_id
                }, )
                .then((response) => {
                    this.reservation.client = response.data;
                    if (forma) {
                        req_form.setReq(this.reservation);
                    }
                })
                .catch(function(error) {
                    console.error(error);
                });
        },

        //открыть/закрыть подробности
        toggleClient(id)
        {

            if (this.reservation.isMainInfo) {
                this.reservation.isMainInfo = false;
            } else {

                if (this.reservation.complex_room_id > 0 && this.isEmpty(this.reservation.object)) {
                    this.getRoom(this.reservation.complex_room_id, id);
                }

                if (this.reservation.client_id > 0 && this.isEmpty(this.reservation.client)) {
                    this.getClient(this.reservation.client_id, id);
                }
                this.reservation.isMainInfo = true;
            }
        },

        //показать объект
        showObject()
        {
            $('#liObject').click();
        },

        //показать клиента
        showClient()
        {
            $('#liGlobal').click();
        },

        //Открыть форму
        openForm(reservationId)
        {
            this.page = 1;
            this.isShow = true;
            this.reservationId = reservationId;
            this.getList();
            $("body").addClass("lock");
        },

        //закрыть форму
        closeForm()
        {
            this.isShow = false;
            $("body").removeClass("lock");
        },

        openCardClient(client_id, ignoreFunnelsUpdate = false) {
            openClientEventsWindowNew(client_id, $('#session_to_send').val(), 0, undefined, undefined, ignoreFunnelsUpdate);
        },

        //Проверка на пустоту
        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;
            }
        },

        observeRefs()
        {
            setInterval(() => {
                if (window.complexBus) {
                    this.complexBus = window.complexBus
                }
            }, 200)    
        }
    },
    mounted()
    {        
        this.$nextTick(() => {
            this.observeRefs();
        });
    },
    watch:
    {
        complexBus(complexBus)
        {
            if (complexBus) {
                complexBus.$on('apartment-open-reservation', (reservation) => {
                    if (reservation)
                    {
                        openClientEventsWindowNew(0, $('#session_to_send').val(), 0, reservation.id);
                        // this.reservationId = reservation.id
                        // this.apartmentTitle = reservation.apartment_title
                        // this.getReservation();
                        // this.isShow = true;
                    }
                });
            }
        }
    },
    created: function()
    {
        $("#room_reservation").removeClass("hidden");
    }
})