Location Properties

Home
Location Properties

Buy Rent

Property Budget

Min

Max

Search Results: Showing 6 Listings

Not Verified

Posted 14 Days Ago

SLV Golden Tower

Luxury Flats 3 &4BHK For

Price

Rs 1.6 cr

<li><i class="icon-14"></i>3 BHK</li> <li><i class="icon-15"></i>3 Baths</li> <li><i class="icon-16"></i>999+ Sq.Feet</li> </ul>  </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 feature-block"> <div class="deals-block-one"> <div class="inner-box"> <span class="verification-status not-verified" style="position:absolute;right:18px;z-index:1;top: 1rem;"><i class="fa fa-badge-check"></i> Not Verified</span> <div class="image-box"> <a href="view/Ready-Homes-with-Amenities-in-Banjara-Layout-Anvika-Adobe-640213" target="_blank"> <figure class="image"><img src="images/properties/069837-WhatsApp-Image-2026-03-17-at-11.48.00-AM.jpeg" alt=""></figure> </a> <span class="posted"> Posted 15 Days Ago </span> </div> <div class="lower-content">  <div class="title-text pt-3"> <div class="badge bg-success text-white"> <span class="card-title">Anvika Adobe</span> </div> <h4><a href="view/Ready-Homes-with-Amenities-in-Banjara-Layout-Anvika-Adobe-640213" target="_blank">Ready Homes with Amenitie</a></h4> </div> <div class="price-box clearfix"> <div class="price-info pull-left"> Price <h4>Rs 67.3 lakh </h4> </div> <div class="author-box pull-right"> <figure class="author-thumb bg-light"> <img src="image/1715901231.png" alt=""> <span>Swathi komal</span> </figure> </div>  </div> <p><i class="fa-duotone fa-location-dot"></i> </p> <ul class="more-details clearfix"> <li><i class="icon-14"></i>2 BHK</li> <li><i class="icon-15"></i>2 Baths</li> <li><i class="icon-16"></i>999+ Sq.Feet</li> </ul>  </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 feature-block"> <div class="deals-block-one"> <div class="inner-box"> <span class="verification-status not-verified" style="position:absolute;right:18px;z-index:1;top: 1rem;"><i class="fa fa-badge-check"></i> Not Verified</span> <div class="image-box"> <a href="view/BBMP-Ready-to-Move-in-Luxury-Flats-2-3BHK-For-Sale-in-Banjara-Layout-207159" target="_blank"> <figure class="image"><img src="images/properties/192864-WhatsApp-Image-2025-04-11-at-4.36.37-PM.jpeg" alt=""></figure> </a> <span class="posted"> Posted 14 Days Ago </span> </div> <div class="lower-content">  <div class="title-text pt-3"> <div class="badge bg-success text-white"> <span class="card-title">KPL SAURABHA</span> </div> <h4><a href="view/BBMP-Ready-to-Move-in-Luxury-Flats-2-3BHK-For-Sale-in-Banjara-Layout-207159" target="_blank">BBMP Ready-to-Move in Lux</a></h4> </div> <div class="price-box clearfix"> <div class="price-info pull-left"> Price <h4>Rs 83.0 lakh </h4> </div> <div class="author-box pull-right"> <figure class="author-thumb bg-light"> <img src="image/1715901231.png" alt=""> <span>Swathi komal</span> </figure> </div>  </div> <p><i class="fa-duotone fa-location-dot"></i> </p> <ul class="more-details clearfix"> <li><i class="icon-14"></i>3 BHK</li> <li><i class="icon-15"></i>2 Baths</li> <li><i class="icon-16"></i>999+ Sq.Feet</li> </ul>  </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 feature-block"> <div class="deals-block-one"> <div class="inner-box"> <span class="verification-status not-verified" style="position:absolute;right:18px;z-index:1;top: 1rem;"><i class="fa fa-badge-check"></i> Not Verified</span> <div class="image-box"> <a href="view/OCCC-RERA-Project-2-3BHK-For-Sale-in-Jakkur-970458" target="_blank"> <figure class="image"><img src="images/properties/930754-WhatsApp-Image-2026-03-05-at-3.03.37-PM.jpeg" alt=""></figure> </a> <span class="posted"> Posted 14 Days Ago </span> </div> <div class="lower-content">  <div class="title-text pt-3"> <div class="badge bg-success text-white"> <span class="card-title">SLV Sunshine</span> </div> <h4><a href="view/OCCC-RERA-Project-2-3BHK-For-Sale-in-Jakkur-970458" target="_blank">OC/CC RERA Project 2 & 3B</a></h4> </div> <div class="price-box clearfix"> <div class="price-info pull-left"> Price <h4>Rs 1.1 cr </h4> </div> <div class="author-box pull-right"> <figure class="author-thumb bg-light"> <img src="image/1715901231.png" alt=""> <span>Swathi komal</span> </figure> </div>  </div> <p><i class="fa-duotone fa-location-dot"></i> </p> <ul class="more-details clearfix"> <li><i class="icon-14"></i>2 BHK</li> <li><i class="icon-15"></i>2 Baths</li> <li><i class="icon-16"></i>990 Sq.Feet</li> </ul>  </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 feature-block"> <div class="deals-block-one"> <div class="inner-box"> <span class="verification-status not-verified" style="position:absolute;right:18px;z-index:1;top: 1rem;"><i class="fa fa-badge-check"></i> Not Verified</span> <div class="image-box"> <a href="view/Luxury-2-3BHK-Luxury-Amenities-Available-in-K-Narayanpura-Location-761953" target="_blank"> <figure class="image"><img src="images/properties/246059-WhatsApp-Image-2026-02-23-at-3.24.01-PM.jpeg" alt=""></figure> </a> <span class="posted"> Posted 14 Days Ago </span> </div> <div class="lower-content">  <div class="title-text pt-3"> <div class="badge bg-success text-white"> <span class="card-title"> Apartment </span> </div> <h4><a href="view/Luxury-2-3BHK-Luxury-Amenities-Available-in-K-Narayanpura-Location-761953" target="_blank">Luxury 2 & 3BHK Luxury Am</a></h4> </div> <div class="price-box clearfix"> <div class="price-info pull-left"> Price <h4>Rs 1.2 cr </h4> </div> <div class="author-box pull-right"> <figure class="author-thumb bg-light"> <img src="image/1715901231.png" alt=""> <span>Swathi komal</span> </figure> </div>  </div> <p><i class="fa-duotone fa-location-dot"></i> </p> <ul class="more-details clearfix"> <li><i class="icon-14"></i>2 BHK</li> <li><i class="icon-15"></i>2 Baths</li> <li><i class="icon-16"></i>999+ Sq.Feet</li> </ul>  </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 feature-block"> <div class="deals-block-one"> <div class="inner-box"> <span class="verification-status not-verified" style="position:absolute;right:18px;z-index:1;top: 1rem;"><i class="fa fa-badge-check"></i> Not Verified</span> <div class="image-box"> <a href="view/OCCC-RERA-Project-2-3BHK-For-Sale-in-CV-Raman-Nagar-829673" target="_blank"> <figure class="image"><img src="images/properties/734869-WhatsApp-Image-2025-02-10-at-12.14.23-PM---Copy.jpeg" alt=""></figure> </a> <span class="posted"> Posted 14 Days Ago </span> </div> <div class="lower-content">  <div class="title-text pt-3"> <div class="badge bg-success text-white"> <span class="card-title"> Apartment </span> </div> <h4><a href="view/OCCC-RERA-Project-2-3BHK-For-Sale-in-CV-Raman-Nagar-829673" target="_blank">OC/CC RERA Project 2 & 3B</a></h4> </div> <div class="price-box clearfix"> <div class="price-info pull-left"> Price <h4>Rs 1.7 cr </h4> </div> <div class="author-box pull-right"> <figure class="author-thumb bg-light"> <img src="image/1715901231.png" alt=""> <span>Swathi komal</span> </figure> </div>  </div> <p><i class="fa-duotone fa-location-dot"></i> </p> <ul class="more-details clearfix"> <li><i class="icon-14"></i>3 BHK</li> <li><i class="icon-15"></i>2 Baths</li> <li><i class="icon-16"></i>999+ Sq.Feet</li> </ul>  </div> </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> </section> <script type="text/javascript"> function handleChangeType() { var ptype = $('#pptype1').val(); if (ptype == 1 || ptype == 2) { $("#bbhk1").css("display", "block"); } else { $("#bbhk1").css("display", "none"); } } function handleChange(select) { var selectedValue = select.value; var price_cond = $('#price_cond1').val(); document.location.href = "location-property?" + price_cond + "&type=" + selectedValue; } function handleChangeBHK() { var selectedBHK = $('#bbh').val(); var price_cond = $('#price_cond2').val(); document.location.href = "location-property?" + price_cond + "&bhk=" + selectedBHK; } $(document).ready(function() { $('#price_sort').on('change', function() { var price = $('#price_sort').val(); var price_cond = $('#price_cond').val(); document.location.href = "location-property?" + price_cond + "&price=" + price; }); }); $(document).ready(function() { $('#price').on('change', function() { var price = $('#price').val(); console.log(price); var price_cond = $('#price_cond').val(); document.location.href = "location-property?" + price_cond + "&price=" + price; }); }); </script> <script> const rangeInput = document.querySelectorAll(".range-input input"), priceInput = document.querySelectorAll(".price-input input"), range = document.querySelector(".slider .progress"); let priceGap = 1000; priceInput.forEach((input) => { input.addEventListener("input", (e) => { let minPrice = parseInt(priceInput[0].value), maxPrice = parseInt(priceInput[1].value); if (maxPrice - minPrice >= priceGap && maxPrice <= rangeInput[1].max) { if (e.target.className === "input-min") { rangeInput[0].value = minPrice; range.style.left = (minPrice / rangeInput[0].max) * 100 + "%"; } else { rangeInput[1].value = maxPrice; range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + "%"; } } }); }); rangeInput.forEach((input) => { input.addEventListener("input", (e) => { let minVal = parseInt(rangeInput[0].value), maxVal = parseInt(rangeInput[1].value); if (maxVal - minVal < priceGap) { if (e.target.className === "range-min") { rangeInput[0].value = maxVal - priceGap; } else { rangeInput[1].value = minVal + priceGap; } } else { priceInput[0].value = minVal; priceInput[1].value = maxVal; range.style.left = (minVal / rangeInput[0].max) * 100 + "%"; range.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%"; } }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('#price1').on('change', function() { //alert('in'); var price = $('#price1').val(); var price_cond = $('#price_cond').val(); //alert(price); document.location.href = "location-property?" + price_cond + "&price=" + price; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('#pptype1').on('change', function() { $("#bbhk1").css("display", "none"); var ptype = $('#pptype1').val(); if (ptype == 1 || ptype == 2) { $("#bbhk1").css("display", "block"); } else { $("#bbhk1").css("display", "none"); } }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('#pptype1').on('change', function() { //alert('in'); var pptype = $('#pptype1').val(); var price_cond = $('#price_cond1').val(); //alert(price_cond); document.location.href = "location-property?" + price_cond + "&type=" + pptype; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('#bbh').on('change', function() { //alert('in'); var bbh = $('#bbh').val(); var price_cond = $('#price_cond2').val(); // alert(price_cond); document.location.href = "location-property?" + price_cond + "&bhk=" + bbh; }); }); </script> <script type="text/javascript"> // $(document).ready(function() { // $('#ccity').on('change', function() { //alert('in'); // var city = $('#ccity').val(); // var price_cond = $('#price_cond22').val(); // // alert(price_cond); // document.location.href = "buy?" + price_cond + "&city=" + city; // }); // }); </script>  <style> .price-input { width: 100%; display: flex; margin: 30px 0 35px; } .price-input .field { display: flex; width: 100%; height: 45px; align-items: center; } .field input { width: 100%; height: 36px; outline: none; font-size: 16px; font-weight: 500; margin-left: 12px; border-radius: 5px; text-align: center; border: 1px solid #999; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } .price-input .separator { width: 130px; display: flex; font-size: 19px; align-items: center; justify-content: center; } .slider { height: 5px; position: relative; background: #ddd; border-radius: 5px; } .slider .progress { height: 100%; left: 25%; right: 25%; position: absolute; border-radius: 5px; background: #17a2b8; } .range-input { position: relative; } .range-input input { position: absolute; width: 100%; height: 5px; top: -5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } input[type="range"]::-webkit-slider-thumb { height: 17px; width: 17px; border-radius: 50%; background: #17a2b8; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } input[type="range"]::-moz-range-thumb { height: 17px; width: 17px; border: none; border-radius: 50%; background: #17a2b8; pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } /* Support */ .support-box { top: 2rem; position: relative; bottom: 0; text-align: center; display: block; } .b-btn { color: white; text-decoration: none; font-weight: bold; } .b-btn.paypal i { color: blue; } .b-btn:hover { text-decoration: none; font-weight: bold; } .b-btn i { font-size: 20px; color: yellow; margin-top: 2rem; } .posted { background: var(--main-color); color: #fff; font-size: 12px; float: right; /* border: 1px solid; */ padding: 0px 10px; position: absolute; z-index: 1; top: -1px; right: -1px; border-radius: 0 8px 0 8px; } </style> <style> .property-page-section .deals-block-one .inner-box .image-box { /* width: 350px; */ height: 100%; } .deals-block-one .inner-box .image-box .image { height: 100%; } .deals-block-one .inner-box .image-box .image img { height: inherit; } .property-page-section .deals-block-one .inner-box { padding: 25px 49px 10px 340px !important; min-height: 290px; } </style>   <div class="gap-fo"></div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .nav-bar-custom-mobile { display: none; } @media(width < 40rem) { .nav-bar-custom-mobile { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #dfdfdf80; backdrop-filter: blur(9px); color: black; padding-block: .7rem; border-top-left-radius: 20px; border-top-right-radius: 20px; corner-shape: squircle; z-index: 99999; display: grid; grid-template-columns: repeat(5, 1fr); >* { color: inherit; } } .nav-item-custom-mobile { display: grid; text-align: center; max-height: 2.7rem; svg { margin-inline: auto; } span { font-size: .7rem; } } .nav-item-custom-mobile.center span { border: 2px solid; border-radius: 50%; aspect-ratio: 1; position: relative; top: -2.3rem; display: grid; place-items: center; background: var(--main-color); color: white; } } </style> <div class="nav-bar-custom-mobile"> <a class="nav-item-custom-mobile" href="index.php"> <i data-lucide="house" style="color: black; width: 24px; height: 24px;"></i> <span>Home</span> </a> <a class="nav-item-custom-mobile" href="dashboard_properties.php"> <i data-lucide="bookmark" style="color: black; width: 24px; height: 24px;"></i> <span>Saved</span> </a> <a class="nav-item-custom-mobile center" href="choose-to-post.php"> <span><i data-lucide="plus" style="color: black; width: 24px; height: 24px;"></i></span> </a> <a class="nav-item-custom-mobile" href="dashboard_notification.php"> <i data-lucide="bell-dot" style="color: black; width: 24px; height: 24px;"></i> <span>Notifications</span> </a> <a class="nav-item-custom-mobile" href="dashboard_myaccount.php"> <i data-lucide="user-star" style="color: black; width: 24px; height: 24px;"></i> <span>Profile</span> </a> </div>  <script src="https://unpkg.com/lucide@latest"></script> <script> lucide.createIcons(); </script> <footer class="main-footer"> <div class="footer-top bg-color-2"> <div class="auto-container"> <div class="row clearfix"> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="footer-widget about-widget"> <div class="widget-title"> <h3>About</h3> </div> <div class="text text-white"> India Real Estate Property Site - Buy Sell Rent Properties Portal - flatsplots.com  <div class="social-links d-flex mt-3" style="gap: 4px;"> <a href="" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white text-decoration-none" style="width: 40px; height: 40px; background: #1877f2;"> <i class="bi bi-facebook"></i> </a> <a href="" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white text-decoration-none" style="width: 40px; height: 40px; background: #1da1f2;"> <i class="bi bi-twitter"></i> </a> <a href="" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white text-decoration-none" style="width: 40px; height: 40px; background: #0077b5;"> <i class="bi bi-linkedin"></i> </a> <a href="" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white text-decoration-none" style="width: 40px; height: 40px; background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);"> <i class="bi bi-instagram"></i> </a> <a href="" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white text-decoration-none" style="width: 40px; height: 40px; background: #ff0000;"> <i class="bi bi-youtube"></i> </a> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="footer-widget links-widget ml-70"> <div class="widget-title"> <h3>Services</h3> </div> <div class="widget-content"> <ul class="links-list class"> <li><a href="about.php">About Us</a></li>  <li><a href="events.php">News & Events</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="service-provider/dashboard.php">Service Provider</a></li> </ul> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="footer-widget post-widget"> <div class="widget-title"> <h3>Top News</h3> </div> <div class="post-inner"> <div class="post"> <figure class="post-thumb"><a href="event-details.php?link=The-final-put-to-the-new-structure-3079126548"><img src="https://www.flatsplots.com/images/event/7UDj86pJcm.jpg" alt="The final put to the new structure"></a></figure> <h5><a href="event-details.php?link=The-final-put-to-the-new-structure-3079126548">The final put to the new structure</a></h5> <p>13 May 2024</p> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="footer-widget contact-widget"> <div class="widget-title"> <h3>Contacts</h3> </div> <div class="widget-content"> <ul class="info-list clearfix"> <li><i class="fas fa-map-marker-alt"></i>Hyderabad, Telengana</li> <li><i class="fas fa-microphone"></i><a href="tel:8712337555">8712337555</a></li> <li><i class="fas fa-envelope"></i><a href="mailto:info@flatsplots.com">info@flatsplots.com</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="auto-container"> <div class="inner-box clearfix"> <div class="copyright pull-left"> <p><a href="index.php">Flatsplots</a> © 2026 All Right Reserved</p> </div> <ul class="footer-nav pull-right clearfix"> <li><a href="terms-and-condition.php">Terms and Condition</a></li> <li><a href="payment.php">Payment</a></li> <li><a href="refund-and-cancellation-policy.php">Refund Policy</a></li> <li><a href="privacy-policy.php">Privacy Policy</a></li> </ul> </div> </div> </div> </footer>   <button class="scroll-top scroll-to-target" data-target="html"> <span class="fal fa-angle-up"></span> </button> </div>  <script src="/assets/js/popper.min.js"></script> <script src="/assets/js/bootstrap.min.js"></script> <script src="/assets/js/owl.js"></script> <script src="/assets/js/wow.js"></script>  <script src="/assets/js/jquery.fancybox.js"></script> <script src="/assets/js/appear.js"></script> <script src="/assets/js/scrollbar.js"></script> <script src="/assets/js/isotope.js"></script> <script src="/assets/js/jquery.nice-select.min.js"></script> <script src="/assets/js/jQuery.style.switcher.min.js"></script>  <script src="/assets/js/nav-tool.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script> <script> $(document).ready(function () { // Initialize Select2 $('.select2').select2({ placeholder: "Select options", allowClear: true }); }); </script>  <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify"></script> <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script> <script> // Initialize Tagify on the branch_offices input field var input = document.querySelector('#branch_offices'); if (input) { var tagify = new Tagify(input, { delimiters: ",", // Add comma as a delimiter dropdown: { enabled: 0 // Disable the dropdown } }); } </script> <script> // Initialize Tagify on the hobbies and language_known input fields var hobbiesInput = document.querySelector('#hobbies'); if (hobbiesInput) { var hobbiesTagify = new Tagify(hobbiesInput, { delimiters: ",", // Add comma as a delimiter dropdown: { enabled: 0 // Disable the dropdown } }); } var languageInput = document.querySelector('#language_known'); if (languageInput) { var languageTagify = new Tagify(languageInput, { delimiters: ",", // Add comma as a delimiter dropdown: { enabled: 0 // Disable the dropdown } }); } // Disable company name input if Freelancer is selected $('#employee_type').change(function () { if ($(this).val() === 'freelancer') { $('#company_name').prop('disabled', true); // Disable the input $('#company_name').val(''); // Optionally clear the input } else { $('#company_name').prop('disabled', false); // Enable the input } }); </script>  <script src="/assets/js/script.js"></script> <script> if (window.location.href === "https://flatsplots.com/index") { window.location.href = "https://flatsplots.com"; } </script>  <script> $(document).ready(function () { if ($(window).width() <= 767) { $('.menu__submenu a').on('click', function () { $(this).siblings('.menu__box').toggle(); // Toggle the visibility of the .menu__box }); } }); </script> <script> $(document).ready(function () { // When a tab button is clicked $('.tab-btn').on('click', function () { var targetTab = $(this).data('tab'); $('.tab-btn').removeClass('active-btn'); $(this).addClass('active-btn'); $('.tab').removeClass('active-tab'); $(targetTab).addClass('active-tab'); }); }); </script> <script> $(document).ready(function () { $(".searchButton").on("click", function () { const $form = $(this).closest("form"); const propertyType = $form.find(".propertyType").val().trim(); // alert(propertyType); const searchPara = $form.find(".searchPara").val().trim(); console.log('clicked'); if (searchPara != '') { window.location.href = `property_search/${propertyType}/${searchPara}`; } else { window.location.href = `property_type/${propertyType}`; } }); }); </script> <script> $(document).ready(function () { $('.mySelect').each(function () { $(this).niceSelect('destroy'); }); }); </script> <script> $(document).ready(() => { const $selectElement = $('#mySelect'); const $searchInputElement = $('#searchInput'); const $optionsListElement = $('#optionsList'); let ajaxRequest = null; $searchInputElement.on('input', debounce(filterOptions, 500)); $selectElement.on('change', updateSearchInput); function filterOptions() { const searchValue = $searchInputElement.val().trim().toLowerCase(); if (searchValue !== '') { if (ajaxRequest !== null) { ajaxRequest.abort(); } ajaxRequest = $.ajax({ type: 'GET', url: `suggestedlocation?query=${searchValue}`, dataType: 'json', success: (data) => { const options = data.options; updateOptionsList(options); populateSelectElement(options); }, complete: () => { ajaxRequest = null; }, }); } else { $selectElement.empty(); $optionsListElement.empty(); } } function updateOptionsList(options) { $optionsListElement.empty(); console.log(options.length) if (options.length > 0) { options.forEach((option) => { const $li = $('<li>'); $li.text(option.text); $li.on('click', () => { $selectElement.val(option.value); updateSearchInput(); $optionsListElement.hide(); }); $optionsListElement.append($li); }); } else if ($searchInputElement.val() !== '') { const $noResultsElement = $('<li>'); $noResultsElement.text('No related data found'); $optionsListElement.append($noResultsElement); } } function populateSelectElement(options) { $selectElement.empty(); const $defaultOption = $('<option>'); $defaultOption.val(''); $defaultOption.text('Select an option'); $selectElement.append($defaultOption); options.forEach((option) => { const $option = $('<option>'); $option.val(option.value); $option.text(option.text); $selectElement.append($option); }); } function updateSearchInput() { $searchInputElement.val($selectElement.find('option:selected').text()); $optionsListElement.hide(); } function debounce(func, wait) { let timeout; return function () { const context = this; const args = arguments; clearTimeout(timeout); timeout = setTimeout(() => { func.apply(context, args); }, wait); }; } $optionsListElement.hide(); $searchInputElement.on('input', () => { if ($searchInputElement.val() !== '') { $optionsListElement.show(); } else { $optionsListElement.hide(); } }); }); </script> <script type="text/javascript"> // initialize library if ($('.lozad').length > 0) { var observer = lozad('.lozad', { load: function (e1) { e1.src = e1.dataset.src; e1.onload = function () { // e1.classList.add('fade') } } }); observer.observe(); } </script> <div class="modal home-popup" tabindex="-1" id="modal-subscribe" data-backdrop="static"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <img src="https://w0.peakpx.com/wallpaper/567/864/HD-wallpaper-blur-iphone-blurred-thumbnail.jpg" class="img-fluid w-100" alt="images"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>  </div> </div> </div> </div> <script> $(document).ready(function () { function checkHeaderAndProfileNav() { var mainHeader = $('.main-header'); var profileNav = $('.profile_navbar'); if (mainHeader.hasClass('fixed-header')) { profileNav.addClass('profile_navbar__fixed'); } else { profileNav.removeClass('profile_navbar__fixed'); } } // Initial check checkHeaderAndProfileNav(); // Event listeners for relevant changes $(window).on('resize scroll', checkHeaderAndProfileNav); // Add more event listeners if necessary, e.g., for AJAX content loading }); </script> <script type="text/javascript"> $(".favid").click(function () { Swal.fire({ title: 'Error', text: 'Need To Login First For Save This Ad', icon: 'error', buttons: true, }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { var swiper = new Swiper(".postCardImageSwiper", { loop: true, slidesPerView: 1, autoplay: { delay: 3000, disableOnInteraction: false, }, speed: 800, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: false, }); }); </script>  <link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.bootstrap5.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js"></script> <style> .selectize-input { padding: .55rem .75rem; } .selectize-input.focus { box-shadow: unset !important; } .selectize-control.plugin-clear_button .clear { font-weight: 100 !important; } </style> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css' /> <script src='https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js'></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script> <script src="/assets/js/main.js?v=1773929937"></script> </body> </html>