{"version":3,"file":"the-side-bar-bottom-e0f470ff.js","sources":["../../../src/components/layouts/side-bar/the-side-bar-bottom.vue"],"sourcesContent":["<template>\n    <div class=\"c-bottom-bar px-5\">\n        <box-shadow class=\"c-bottom-bar__inner\">\n            <!--появляется только на странице подтверждения при ошибке-->\n            <v-btn\n                v-if=\"hasError && $route.name === 'confirm'\"\n                block\n                color=\"#8292fe\"\n                dark\n                class=\"u-text-initial u-text-size--medium\"\n                @click=\"onChangeAppointment\"\n            >\n                Изменить заявку\n            </v-btn>\n            <template v-else>\n                <div class=\"c-bottom-bar__text\">\n                    <strong>\n                        <b-price :value=\"averageSum || 0\" :type=\"averagePriceType\" />\n                    </strong>\n                    <span class=\"c-bottom-bar__caption\">\n                        {{ countServicesString }}\n                    </span>\n                </div>\n                <div class=\"c-bottom-bar__btn\">\n                    <!--Кнопка для экрана выбора услуги-->\n                    <!--появляется только когда выбрана хотя бы одна услуга-->\n                    <v-btn\n                        v-if=\"BIDS[0].servicesIDs.length && $route.name === 'services'\"\n                        depressed\n                        elevation=\"0\"\n                        dark\n                        color=\"#8292fe\"\n                        class=\"u-text-initial font-weight-bold\"\n                        @click=\"goToOnline\"\n                    >\n                        Продолжить\n                    </v-btn>\n                    <!--Появляется когда заполнены все три поля-->\n                    <v-btn\n                        v-else-if=\"CHECK_BIDS && $route.name !== 'services'\"\n                        key=\"submit\"\n                        depressed\n                        elevation=\"0\"\n                        color=\"#8292fe\"\n                        dark\n                        class=\"u-text-initial font-weight-bold\"\n                        :loading=\"loadingBtn\"\n                        @click=\"apply\"\n                    >\n                        {{ isConfirmRoute ? 'Подтвердить' : 'Записаться' }}\n                    </v-btn>\n                    <!--появляется когда страница онлайн записи, и не выбрано ничего-->\n                    <v-btn\n                        v-else\n                        depressed\n                        elevation=\"0\"\n                        color=\"#8292fe\"\n                        disabled\n                        class=\"u-text-initial font-weight-bold\"\n                        :loading=\"loadingBtn\"\n                    >\n                        Записаться\n                    </v-btn>\n                </div>\n            </template>\n        </box-shadow>\n    </div>\n</template>\n\n<script>\nimport { defineAsyncComponent } from 'vue';\nimport { serviceDeclension } from '@beautybox/core/helpers';\nimport { setBidsInLocalStorage, checkBidsItem } from '@/utils';\nimport BoxShadow from '@/components/ui/box-shadow';\nimport { mapGetters } from 'vuex';\nconst BPrice = defineAsyncComponent(() => import('@/components/blocks/BPrice.vue'));\n\nexport default {\n    name: 'the-side-bar-bottom',\n    components: {\n        BoxShadow,\n        BPrice,\n    },\n    props: {\n        hasError: {\n            type: Boolean,\n            default: false,\n        },\n        loadingBtn: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    computed: {\n        ...mapGetters([\n            'BIDS',\n            'USER_INFO',\n            'SERVICES',\n            'CHECK_BIDS',\n            'BID_INDEX',\n            'AVERAGE_SUM',\n            'AVERAGE_PRICE_TYPE',\n        ]),\n        isConfirmRoute() {\n            return this.$route.name === 'confirm';\n        },\n        averageSum() {\n            return this.AVERAGE_SUM;\n        },\n        averagePriceType() {\n            return this.AVERAGE_PRICE_TYPE;\n        },\n        countServices() {\n            let countServices = 0;\n\n            this.BIDS.forEach((item) => {\n                countServices += this.SERVICES(item.servicesIDs).length;\n            });\n            return countServices;\n        },\n        countServicesString() {\n            if (this.countServices === 0) {\n                return 'Услуги не выбраны';\n            } else {\n                return `${this.countServices} ${serviceDeclension(this.countServices)}`;\n            }\n        },\n    },\n    methods: {\n        async apply(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log('side bar bottom apply calls');\n            this.$emit('loading', true);\n            if (this.$route.name === 'confirm') {\n                this.$bus.$emit('appointment:submit');\n            } else {\n                if (this.CHECK_BIDS) {\n                    await setBidsInLocalStorage(this.BIDS, this.BID_INDEX);\n                    this.$emit('loading', false);\n                    await this.$router.push({ name: 'confirm' });\n                } else {\n                    this.messageError('Необходимо заполнить все поля, чтобы записаться');\n                }\n                this.$emit('loading', false);\n            }\n        },\n        goToOnline(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            this.$router.push({ name: 'booking' });\n        },\n        onChangeAppointment() {\n            this.$router.replace({ name: 'booking' });\n            this.$emit('error', false);\n            this.$emit('loading', false);\n        },\n    },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.c-bottom-bar {\n    position: fixed;\n    bottom: 20px;\n    left: 0;\n    z-index: z(fixed);\n    display: flex;\n    align-items: center;\n    width: 100%;\n    //padding: $base-indent;\n\n    //&__border {\n    //    // @include min(md) {\n    //    @include border(top);\n    //    //}\n    //}\n\n    &__inner {\n        width: 100%;\n        background-color: #fff;\n        display: flex;\n        align-items: flex-start;\n    }\n\n    &__text {\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        margin-right: $base-indent / 2;\n\n        strong {\n            font-size: 24px;\n            line-height: 29px;\n            font-weight: bold;\n        }\n    }\n    &__caption {\n        color: $color-secondary;\n        font-size: 14px;\n        line-height: 17px;\n        letter-spacing: 0.14px;\n    }\n}\n</style>\n"],"names":["BPrice","defineAsyncComponent","__vitePreload","_sfc_main","BoxShadow","mapGetters","countServices","item","serviceDeclension","setBidsInLocalStorage"],"mappings":"2hBA2EA,MAAAA,EAAAC,EAAA,IAAAC,EAAA,IAAA,OAAA,sBAAA,EAAA,kBAAA,CAAA,EAEAC,EAAA,CACA,KAAA,sBACA,WAAA,CACA,UAAAC,EACA,OAAAJ,CACA,EACA,MAAA,CACA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,WAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EACA,SAAA,CACA,GAAAK,EAAA,CACA,OACA,YACA,WACA,aACA,YACA,cACA,oBACA,CAAA,EACA,gBAAA,CACA,OAAA,KAAA,OAAA,OAAA,SACA,EACA,YAAA,CACA,OAAA,KAAA,WACA,EACA,kBAAA,CACA,OAAA,KAAA,kBACA,EACA,eAAA,CACA,IAAAC,EAAA,EAEA,YAAA,KAAA,QAAAC,GAAA,CACAD,GAAA,KAAA,SAAAC,EAAA,WAAA,EAAA,MACA,CAAA,EACAD,CACA,EACA,qBAAA,CACA,OAAA,KAAA,gBAAA,EACA,oBAEA,GAAA,KAAA,iBAAAE,EAAA,KAAA,aAAA,GAEA,CACA,EACA,QAAA,CACA,MAAA,MAAA,EAAA,CACA,EAAA,eAAA,EACA,EAAA,gBAAA,EAEA,KAAA,MAAA,UAAA,EAAA,EACA,KAAA,OAAA,OAAA,UACA,KAAA,KAAA,MAAA,oBAAA,GAEA,KAAA,YACA,MAAAC,EAAA,KAAA,KAAA,KAAA,SAAA,EACA,KAAA,MAAA,UAAA,EAAA,EACA,MAAA,KAAA,QAAA,KAAA,CAAA,KAAA,SAAA,CAAA,GAEA,KAAA,aAAA,iDAAA,EAEA,KAAA,MAAA,UAAA,EAAA,EAEA,EACA,WAAA,EAAA,CACA,EAAA,eAAA,EACA,EAAA,gBAAA,EACA,KAAA,QAAA,KAAA,CAAA,KAAA,SAAA,CAAA,CACA,EACA,qBAAA,CACA,KAAA,QAAA,QAAA,CAAA,KAAA,SAAA,CAAA,EACA,KAAA,MAAA,QAAA,EAAA,EACA,KAAA,MAAA,UAAA,EAAA,CACA,CACA,CACA"}