xXx

Hexid M1n1 5h3ll MobiLe

home/zoocado/public_html/demos.zoocado.com/module/car/js/_[ Not.Writable ]

File:/home/zoocado/public_html/demos.zoocado.com/module/car/js/single-car.js

(function ($) {
    new Vue({
        el:'#bravo_car_book_app',
        data:{
            id:'',
            extra_price:[],
            buyer_fees:[],
            message:{
                content:'',
                type:false
            },
            html:'',
            onSubmit:false,
            start_date:'',
            end_date:'',
            start_date_html:'',
            only_start_date:'',
            only_start_date_html:'',

            step:1,
            start_date_obj:'',
            allEvents:[],
            number:1,
            max_number:1,
            total_price_before_fee:0,
            total_price_fee:0,

            is_form_enquiry_and_book:false,
            enquiry_type:'book',
            enquiry_is_submit:false,
            enquiry_name:"",
            enquiry_email:"",
            enquiry_phone:"",
            enquiry_note:"",
            isPriceAjaxCalled:false,
            terms:[],
            term_slug:'',
        },
        watch:{
            extra_price:{
                handler:function f() {
                    this.step = 1;
                },
                deep:true
            },
            start_date(){
                this.step = 1;
            },
            number:function () {
                var me = this;
                if(parseInt(me.number) > parseInt(me.max_number)){
                    me.number = parseInt(me.max_number);
                }
                if(parseInt(me.number) < 1){
                    me.number = 1
                }
            }
        },
        computed:{
            total_price:function(){
                var me = this;
                if (me.start_date !== "") {
                    var start_date1 = moment(me.start_date).format('YYYY-MM-DD');
                    var end_date1 = moment(me.end_date).format('YYYY-MM-DD');

                    var total_price = 0;
                    var startDate = new Date(start_date1).getTime();
                    var endDate = new Date(end_date1).getTime();
                    var isBook = true;
                    for (var ix in me.allEvents) {
                        var item = me.allEvents[ix];
                        var cur_date = new Date(item.start).getTime();
                        if (startDate == endDate) {
                            if (cur_date >= startDate && cur_date <= endDate) {
                                total_price += parseFloat(item.price);
                                if (item.active === 0) {
                                    isBook = false
                                }
                            }
                        } else {
                            if (cur_date >= startDate && cur_date <= endDate) {
                                total_price += parseFloat(item.price);
                                if (item.active === 0) {
                                    isBook = false
                                }
                            }
                        }
                    }

                    total_price = me.number * total_price;

                    var duration_in_day = moment(endDate).diff(moment(startDate), 'days') + 1;
                    for (var ix in me.extra_price) {
                        var item = me.extra_price[ix];
                        if(!item.price) continue;
                        var type_total = 0;
                        if (item.enable == 1) {
                            switch (item.type) {
                                case "one_time":
                                    type_total += parseFloat(item.price) * me.number;
                                    break;
                                case "per_day":
                                        type_total += parseFloat(item.price) * Math.max(1,duration_in_day) * me.number;
                                    break;
                            }
                            total_price += type_total;
                        }
                    }
                    this.total_price_before_fee = total_price;

                    var total_fee = 0;
                    for (var ix in me.buyer_fees) {
                        var item = me.buyer_fees[ix];
                        if(!item.price) continue;

                        //for Fixed
                        var fee_price = parseFloat(item.price);

                        //for Percent
                        if (typeof item.unit !== "undefined" && item.unit === "percent" ) {
                            fee_price = ( total_price / 100 ) * fee_price;
                        }

                        if (typeof item.per_person !== "undefined") {
                            fee_price = fee_price * guests;
                        }
                        total_fee += fee_price;
                    }
                    total_price += total_fee;
                    this.total_price_fee = total_fee;

                    if (isBook === false || me.number === 0) {
                        return 0;
                    } else {
                       return total_price;
                    }
                }
                return 0;
            },
            total_price_html:function(){
                if(!this.total_price) return '';
                return window.bravo_format_money(this.total_price);
            },
            pay_now_price:function(){
                if(this.is_deposit_ready){
                    var total_price_depossit = 0;

                    var tmp_total_price = this.total_price;
                    var deposit_fomular = this.deposit_fomular;
                    if(deposit_fomular === "deposit_and_fee"){
                        tmp_total_price = this.total_price_before_fee;
                    }

                    switch (this.deposit_type) {
                        case "percent":
                            total_price_depossit =  tmp_total_price * this.deposit_amount / 100;
                            break;
                        default:
                            total_price_depossit =  this.deposit_amount;
                    }
                    if(deposit_fomular === "deposit_and_fee"){
                        total_price_depossit = total_price_depossit + this.total_price_fee;
                    }

                    return  total_price_depossit
                }
                return this.total_price;
            },
            pay_now_price_html:function(){
                return window.bravo_format_money(this.pay_now_price);
            },
            daysOfWeekDisabled(){
                var res = [];

                for(var k in this.open_hours)
                {
                    if(typeof this.open_hours[k].enable == 'undefined' || this.open_hours[k].enable !=1 ){

                        if(k == 7){
                            res.push(0);
                        }else{
                            res.push(k);
                        }
                    }
                }

                return res;
            },
            is_deposit_ready:function () {
                if(this.deposit && this.deposit_amount) return true;
                return false;
            },

        },
        created:function(){
            for(var k in bravo_booking_data){
                this[k] = bravo_booking_data[k];
            }
            this.loadDataByAjaxCall();//because number is set to 1 then its necessary to load date events
        },
        mounted(){
            var me = this;
            var nowDate = new Date();
            var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);

            var options = {
                //"singleDatePicker": true,
                showCalendar: false,
                sameDate: true,
                autoApply           : true,
                disabledPast        : true,
                dateFormat          : bookingCore.date_format+' hh:mm A',
                enableLoading       : true,
                showEventTooltip    : false,
                classNotAvailable   : ['disabled', 'off'],
                disableHightLight: true,
                //minDate:this.minDate,
                minDate:today,
                opens: bookingCore.rtl ? 'right':'left',
                timePicker:true,
                //timePickerIncrement:5,
                //startDate:bravo_booking_data.start_date_js_format,//'11/10/2021 10:50 AM',
                //endDate:bravo_booking_data.end_date_js_format,//'11/12/2021 11:55 PM',
                locale:{
                    format: bookingCore.date_format+' hh:mm A',
                    direction: bookingCore.rtl ? 'rtl':'ltr',
                    firstDay:daterangepickerLocale.first_day_of_week
                },
                isInvalidDate:function (date) {
                    for(var k = 0 ; k < me.allEvents.length ; k++){
                        var item = me.allEvents[k];
                        if(item.start == date.format('YYYY-MM-DD')){
                            return item.active ? false : true;
                        }
                    }
                    return false;
                }
            };

            if (typeof  daterangepickerLocale == 'object') {
                options.locale = _.merge(daterangepickerLocale,options.locale);
            }

            if(bravo_booking_data.start_date_js_format != ''){
                options.startDate = bravo_booking_data.start_date_js_format;
            }

            if(bravo_booking_data.end_date_js_format != ''){
                options.endDate = bravo_booking_data.end_date_js_format;
            }

            me.terms = bravo_booking_data.terms;    //initially assign the terms value
            me.term_slug = $('#terms_select option:selected').data('slug');

            //enable single date picker
            /*if(me.term_slug != 'round-trip'){
                options.singleDatePicker = true;
            }*/

            this.$nextTick(function () {

                $(this.$refs.start_date).daterangepicker(options).on('apply.daterangepicker',
                    function (ev, picker) {
                        me.start_date = picker.startDate.format('YYYY-MM-DD');
                        me.end_date = picker.endDate.format('YYYY-MM-DD');
                        me.start_date_html = picker.startDate.format(bookingCore.date_format+' hh:mm A') +' <i class="fa fa-long-arrow-right" style="font-size: inherit"></i> '+ picker.endDate.format(bookingCore.date_format+' hh:mm A');
                        me.only_start_date_html = picker.startDate.format(bookingCore.date_format+' hh:mm A');
                        for(var k = 0 ; k < me.allEvents.length ; k++){
                            var item = me.allEvents[k];
                            if(item.start === picker.endDate.format('YYYY-MM-DD')){
                                me.max_number =  item.number;
                            }
                        }
                    })
                    .on('update-calendar',function (e,obj) {
                        me.fetchEvents(obj.leftCalendar.calendar[0][0], obj.rightCalendar.calendar[5][6])
                    });

                //single date picker for only_start_date
                options.singleDatePicker = true;
                $(this.$refs.only_start_date).daterangepicker(options).on('apply.daterangepicker',
                    function (ev, picker) {
                        me.start_date = picker.startDate.format('YYYY-MM-DD');
                        me.end_date = picker.endDate.format('YYYY-MM-DD');
                        me.start_date_html = picker.startDate.format(bookingCore.date_format+' hh:mm A') +' <i class="fa fa-long-arrow-right" style="font-size: inherit"></i> '+ picker.endDate.format(bookingCore.date_format+' hh:mm A');
                        me.only_start_date_html = picker.startDate.format(bookingCore.date_format+' hh:mm A');
                        for(var k = 0 ; k < me.allEvents.length ; k++){
                            var item = me.allEvents[k];
                            if(item.start === picker.endDate.format('YYYY-MM-DD')){
                                me.max_number =  item.number;
                            }
                        }
                    })
                    .on('update-calendar',function (e,obj) {
                        me.fetchEvents(obj.leftCalendar.calendar[0][0], obj.rightCalendar.calendar[5][6])
                    });

            })
        },
        methods:{
            handleTotalPrice:function() {
            },
            fetchEvents(start,end, isFormatedDate=0){
                if(isFormatedDate == 0){
                    start = start.format('YYYY-MM-DD');
                    end = end.format('YYYY-MM-DD');
                }

                var me = this;
                me.isPriceAjaxCalled = true;
                var data = {
                    start: start,
                    end: end,
                    id:bravo_booking_data.id,
                    for_single:1,
                    terms:me.terms
                };

                $.ajax({
                    url: bravo_booking_i18n.load_dates_url,
                    dataType:"json",
                    type:'get',
                    data:data,
                   
                    success:function (json) {
                        if(me.term_slug == 'round-trip'){
                            me.allEvents = json;
                            var drp = $(me.$refs.start_date).data('daterangepicker');
                            drp.allEvents = json;
                            drp.renderCalendar('left');
                            if (!drp.singleDatePicker) {
                                drp.renderCalendar('right');
                            }
                            $('.daterangepicker').removeClass("loading");
                        }else{
                            //For only_start_date
                            var drp1 = $(me.$refs.only_start_date).data('daterangepicker');
                            drp1.allEvents = json;
                            drp1.renderCalendar('left');
                            if (!drp1.singleDatePicker) {
                                drp1.renderCalendar('right');
                            }

                            $('.daterangepicker').removeClass("loading");
                        }
                    },
                    error:function (e) {
                        console.log(e);
                        console.log("Can not get availability");
                    }
                });
            },
            formatMoney: function (m) {
                return window.bravo_format_money(m);
            },
            validate(){
                if(!this.start_date || !this.end_date)
                {
					this.message.status = false;
                    this.message.content = bravo_booking_i18n.no_date_select;
                    return false;
                }
                if(!this.number )
                {
					this.message.status = false;
                    this.message.content = bravo_booking_i18n.no_guest_select;
                    return false;
                }

                if(this.location_id && this.location_id_to && this.location_id == this.location_id_to)
                {
                    this.message.status = false;
                    this.message.content = "From and To Location cannot be same.";
                    return false;
                }

                return true;
            },
            addNumberType(){
                var me = this;
                if(parseInt(me.number) < parseInt(me.max_number) || !me.max_number) me.number +=1;

                me.loadDataByAjaxCall();
            },
            minusNumberType(){
                var me = this;
                if(me.number > 1) me.number -=1;

                me.loadDataByAjaxCall();
            },
            loadDataByAjaxCall(){
                var me = this;
                //call fetch ajax function to load the price
                if(me.isPriceAjaxCalled == false && me.start_date != '' && me.number > 0){
                    var start_date1 = moment(me.start_date).format('YYYY-MM-DD');
                    var end_date1 = moment(me.end_date).format('YYYY-MM-DD');
                    me.fetchEvents(start_date1, end_date1, 1);
                }
            },
            doSubmit:function (e) {
                e.preventDefault();
                if(this.onSubmit) return false;

                if(!this.validate()) return false;

                this.onSubmit = true;
                var me = this;

                this.message.content = '';

                if(this.step == 1){
                    this.html = '';
                }

                $.ajax({
                    url:bookingCore.url+'/booking/addToCart',
                    data:{
                        service_id:this.id,
                        service_type:"car",
                        start_date:this.start_date,
                        end_date:this.end_date,
                        extra_price:this.extra_price,
                        number:this.number,
                        terms:me.terms,
                        location_id:me.location_id,
                        location_id_to:me.location_id_to,
                    },
                    dataType:'json',
                    type:'post',
                    success:function(res){

                        if(!res.status){
                            me.onSubmit = false;
                        }
                        if(res.message)
                        {
                            me.message.content = res.message;
                            me.message.type = res.status;
                        }

                        if(res.step){
                            me.step = res.step;
                        }
                        if(res.html){
                            me.html = res.html
                        }

                        if(res.url){
                            window.location.href = res.url
                        }

                        if(res.errors && typeof res.errors == 'object')
                        {
                            var html = '';
                            for(var i in res.errors){
                                html += res.errors[i]+'<br>';
                            }
                            me.message.content = html;
                        }
                    },
                    error:function (e) {
                        console.log(e);
                        me.onSubmit = false;

                        bravo_handle_error_response(e);

                        if(e.status == 401){
                            $('.bravo_single_book_wrap').modal('hide');
                        }

                        if(e.status != 401 && e.responseJSON){
                            me.message.content = e.responseJSON.message ? e.responseJSON.message : 'Can not booking';
                            me.message.type = false;

                        }
                    }
                })
            },
            doEnquirySubmit:function(e){
                e.preventDefault();
                if(this.onSubmit) return false;
                if(!this.validateenquiry()) return false;
                this.onSubmit = true;
                var me = this;
                this.message.content = '';

                $.ajax({
                    url:bookingCore.url+'/booking/addEnquiry',
                    data:{
                        service_id:this.id,
                        service_type:'car',
                        name:this.enquiry_name,
                        email:this.enquiry_email,
                        phone:this.enquiry_phone,
                        note:this.enquiry_note,
                    },
                    dataType:'json',
                    type:'post',
                    success:function(res){
                        if(res.message)
                        {
                            me.message.content = res.message;
                            me.message.type = res.status;
                        }
                        if(res.errors && typeof res.errors == 'object')
                        {
                            var html = '';
                            for(var i in res.errors){
                                html += res.errors[i]+'<br>';
                            }
                            me.message.content = html;
                        }
                        if(res.status){
                            me.enquiry_is_submit = true;
                            me.enquiry_name = "";
                            me.enquiry_email = "";
                            me.enquiry_phone = "";
                            me.enquiry_note = "";
                        }
                        me.onSubmit = false;
                    },
                    error:function (e) {
                        me.onSubmit = false;
                        bravo_handle_error_response(e);
                        if(e.status == 401){
                            $('.bravo_single_book_wrap').modal('hide');
                        }
                        if(e.status != 401 && e.responseJSON){
                            me.message.content = e.responseJSON.message ? e.responseJSON.message : 'Can not booking';
                            me.message.type = false;
                        }
                    }
                })
            },
            validateenquiry(){
                if(!this.enquiry_name)
                {
                    this.message.status = false;
                    this.message.content = bravo_booking_i18n.name_required;
                    return false;
                }
                if(!this.enquiry_email)
                {
                    this.message.status = false;
                    this.message.content = bravo_booking_i18n.email_required;
                    return false;
                }
                return true;
            },
            openStartDate(trip_type){
                //console.log(this.$refs.start_date);
                if(trip_type == 'round-trip'){
                    $(this.$refs.start_date).trigger('click');
                }else{
                    $(this.$refs.only_start_date).trigger('click');
                }
            },
            updateByTerms(event){
                //console.log(event);
                var me = this;
                me.term_slug = $(event.target).find('option:selected').data('slug');
                me.isPriceAjaxCalled = false;
                me.terms = [event.target.value];
                me.loadDataByAjaxCall();

                /*if(me.term_slug == 'round-trip'){
                    //$(this.$refs.start_date).data('daterangepicker').singleDatePicker = false;
                    $(this.$refs.start_date).daterangepicker('option', 'singleDatePicker', false);
                }else{
                    //$(this.$refs.start_date).data('daterangepicker').singleDatePicker = true;
                    $(this.$refs.start_date).daterangepicker('option', 'singleDatePicker', true);
                }*/

                //hide/show price/date for one way or round trip
                $('#bravo_car_book_app .common_trip_detail').hide();
                var showPrice = (me.term_slug == 'round-trip')?'.round-trip':'.none-round-trip';
                $('#bravo_car_book_app '+showPrice).show();
            }
        }

    });




    $(window).on("load", function () {
        var urlHash = window.location.href.split("#")[1];
        if (urlHash &&  $('.' + urlHash).length ){
            var offset_other = 70
            if(urlHash === "review-list"){
                offset_other = 330;
            }
            $('html,body').animate({
                scrollTop: $('.' + urlHash).offset().top - offset_other
            }, 1000);
        }
    });

    $(".bravo-button-book-mobile").click(function () {
        $('.bravo_single_book_wrap').modal('show');
    });

    $(".bravo_detail_car .g-faq .item .header").click(function () {
        $(this).parent().toggleClass("active");
    });

})(jQuery);

Your Access Expired	Date. in : 10-02-2026
Regist : 09-12-2024	Expired : 01-12-2027