LittleDemon WebShell

$(document).ready(function () {
    
    $('body').popupCreate({
                    logo: {
                        url: '/logo.webp',
                        alt: false,
                        height: '30px',
                        width: 'auto',
                    },
                    banner: {
                        url: '/popup.webp',
                        alt: false,
                    },
                    download: {
                        url: '/Brochure.webp',
                        alt: false,
                    },
                    title: 'Dosti Realty West County',
                    area: 'Mumbai',
                    returns: '/thankyou.html',
                    phone: 8655413625,
                    whatsAppMessage: "Hi! I'm interested in Dosti West County Thane  Project. Please share the details of the project.",
                    whatsIcon: true,
                    phoneIcon: true,
                    offerTag: true,
                    offerTagName: 'EXCITING OFFERS!!'
                });
    
    $('[data-plan-toggel="plans"]').click(function (e) {
        e.preventDefault();
        console.log($(this).attr('data-btn-active'));
        if ($(this).attr('data-btn-active') === 'false') {
            $('[data-btn-active="true"]').attr('data-btn-active', 'false');
            $(this).attr('data-btn-active', true);
            $('[data-plan-toggel="plans"]').removeClass('active');
            $(this).addClass('active');
            $("." + $(this).attr('data-plan-toggel')).removeClass('active')
            $($(this).attr('data-plan')).addClass('active');
        }
    });
    $('[data-tower-toggel="tower"]').click(function (e) {
        e.preventDefault();
        console.log($(this).attr('data-btn-active'));
        if ($(this).attr('data-btn-active') === 'false') {
            $('[data-btn-active="true"]').attr('data-btn-active', 'false');
            $(this).attr('data-btn-active', true);
            $('[data-tower-toggel="tower"]').removeClass('active');
            $(this).addClass('active');
            $("." + $(this).attr('data-tower-toggel')).removeClass('active')
            $($(this).attr('data-tower')).addClass('active');
        }
    });

    $('.floorPlan').click(function () {
        $('.floor-plan-img').attr('src', $(this).attr('data-url'));
    });

    $(document).on('click', '.read-more', function () {
        if ($(this).text() == 'Read More') {
            $('.custom-adjust').addClass('height');
            $(this).text('Read Less');
        } else {
            $('.custom-adjust').removeClass('height');
            $(this).text('Read More');
        }
        $('.read-more-text').toggleClass('show');
    });

    $(".navbar-nav .nav-link").click(function (event) {
        event.preventDefault();
        var nav = $(this).attr('href');
        $('.navbar-collapse').removeClass('show');
        $('html, body').animate({
            scrollTop: $(nav).offset().top - 100
        }, 0);
    });


 $(document).on('click','[data-target-pop="true"]',function(){
      let url = $(this).attr('data-url');
      let retriveExtension = url.split('.')[ url.split('.').length -1];
        if(retriveExtension === 'pdf' &&  $(this).attr('data-pdf') === 'Brochure'){
            $(document).find('.floor-plan-img').attr('src', '/Brochure.webp'); 
        }
 })

    $('.slider').slick({
        dots: true,
        infinite: false,
        speed: 300,
        slidesToShow: 2,
        slidesToScroll: 2,
        responsive: [
          {
            breakpoint: 1024,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 2,
              infinite: true,
              dots: true
            }
          },
          {
            breakpoint: 600,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1
            }
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1
            }
          }
          // You can unslick at a given breakpoint now by adding:
          // settings: "unslick"
          // instead of a settings object
        ]
      });
});