BEGIN:VCARD
VERSION:3.0
N:Allan Lesmana aLLan;XM;;;
FN:XM Allan Lesmana aLLan
TEL:088219191999
EMAIL:allan.xmpd@gmail.com
URL:https\://www.xaviermarks.com/salestjandra-9607
TITLE:Xaviermarks Agent
END:VCARD
BEGIN:VCARD
VERSION:3.0
N:Allan Lesmana aLLan;XM;;;
FN:XM Allan Lesmana aLLan
TEL:088219191999
EMAIL:allan.xmpd@gmail.com
URL:https\://www.xaviermarks.com/salestjandra-9607
TITLE:Xaviermarks Agent
END:VCARD
<!DOCTYPE HTML>
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <base href="https://www.xaviermarks.com/"><!--[if lte IE 6]></base><![endif]-->
    <!--=============== basic  ===============-->
    <meta charset="UTF-8">
    <title>qr &laquo; XAVIER MARKS Realty</title>
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="robots" content="index, follow" />

    
        <meta name="title" content="qr << XAVIER MARKS Realty"/>
        <meta name="keywords" content="Jual Beli Rumah, apartemen, Gudang, Apartemen, cari Properti"/>
        <meta name="description" content="Xavier Marks menyediakan produk dan layanan terbaik
untuk membantu properti Anda terjual lebih cepat,
serta memberikan kemudahan dan perlindungan
bagi para Calon Pembeli dalam memperoleh Rumah Idaman." />
    
    
        <meta property="og:title" content="qr << XAVIER MARKS Realty" />
        <meta property="og:description" content="Xavier Marks provides the best products and services to help your property sell faster, as well as providing convenience and protection for prospective buyers in obtaining their dream home." />
        <meta property="og:image" itemprop="image" content="https://www.xaviermarks.com/http://lh3.googleusercontent.com/BVEwEOyeyz-ZCw1UhSeFaMSbC8IirT9wwOZpm3uTc3cucimmnPOHsSLWe9YnKqXDVZEFAVbji80heott02GxvlZxVm5nvIBUdXxGMxyktDGs=s0" />
    

    <meta name="google-site-verification" content="3zGYbk3F3UNP-xPlf7AXRKpprtxJKbb7cJutxw2xEpU" />
    <!--=============== css  ===============-->
    
    
    <link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="themes/xmarks-2020/css/xmct.css"> <!-- Should Be Google -->
    
    <link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="themes/xmarks-2020/css/color.css"> <!-- Should Be Google -->
    
    
    <!--<link type="text/css" rel="stylesheet" href="themes/xmarks-2020/css/joy.css">--> <!-- Should Be Google -->
    
    <link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="themes/xmarks-2020/css/theme1.css">
    <link rel="preload" as="style" onload="this.rel='stylesheet'" href="themes/xmarks-2020/owlcarousel/dist/assets/owl.carousel.min.css"> <!-- Should Be Google -->
    <link rel="preload" as="style" onload="this.rel='stylesheet'" href="themes/xmarks-2020/owlcarousel/dist/assets/owl.theme.default.min.css"> <!-- Should Be Google -->
    
    <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" type="text/css" />

    
    <!--<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">-->

    
    <link rel="preload" as="style" onload="this.rel='stylesheet'" href="themes/xmarks-2020/css/slimSelect.css"> <!-- Should Be Google -->

    
    

    
    

    <!--=============== favicons ===============-->
    
    <link rel="shortcut icon" href="https://www.xaviermarks.com/favicon.ico">
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    
    

    
    
    

    
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="themes/xmarks-2020/js/plugins.js" defer></script> <!-- Should Be Google -->
    
    

    


    <!-- Izi Modal -->
    <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.5.1/css/iziModal.css" integrity="sha512-pH06JFjxM84j7iRF99/Cw7d9R9m2mVmEVr8oI0kK8gVkr461DI+8OYpQctHUrbmdOH7oaRyDRkkCVlQIQCFEiQ==" crossorigin="anonymous" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.5.1/js/iziModal.min.js"  integrity="sha512-8aOKv+WECF2OZvOoJWZQMx7+VYNxqokDKTGJqkEYlqpsSuKXoocijXQNip3oT4OEkFfafyluI6Bm6oWZjFXR0A==" crossorigin="anonymous" defer></script>

    <!-- Izi Toast -->
    <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.min.css" integrity="sha512-O03ntXoVqaGUTAeAmvQ2YSzkCvclZEcPQu1eqloPaHfJ5RuNGiS4l+3duaidD801P50J28EHyonCV06CUlTSag==" crossorigin="anonymous" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js"  integrity="sha512-Zq9o+E00xhhR/7vJ49mxFNJ0KQw1E1TMWkPTxrWcnpfEFDEXgUiwJHIKit93EW/XxE31HSI5GEOW06G6BF1AtA==" crossorigin="anonymous" defer></script>


    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js" ></script>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            if (typeof jQuery === "undefined" || typeof jQuery.blockUI === "undefined") {
                var s = document.createElement("script");
                s.src = "themes/xmarks-2020/js/blockUI.js"; // fallback lokal
                document.head.appendChild(s);
            }
        });
    </script>
    
    <script src="themes/xmarks-2020/js/ct.min.js" defer></script> <!-- Should Be Google -->
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.18.13/slimselect.min.js"></script>
    <script src="themes/xmarks-2020/js/navigatorJS.min.js"></script>
    

    <script src='https://api.mapbox.com/mapbox-gl-js/v3.2.0/mapbox-gl.js' defer></script>
    <link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://api.mapbox.com/mapbox-gl-js/v3.2.0/mapbox-gl.css' />

    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WRVL595');</script>
<!-- End Google Tag Manager -->
    
    
    <style>
        .ss-main .ss-single-selected .ss-arrow span{border:solid #4DB7FE;border-width:0 2px 2px 0}.cart-total strong{color:#fff}.label-on-tab{color:#fff;border-radius:100%;position:absolute;right:10px;top:50%;width:20px;height:20px;margin-top:-10px;line-height:20px;font-size:10px}.no-top-padding{min-height:650px}.vjs-big-play-button{top:45%!important;left:45%!important}.btn.dec_btn{padding:10px 55px 10px 25px;border-radius:4px}.yt-ctr{width:100%;height:100%}.img-property-wrapper{height:400px;position:relative}.owl-carousel-property-image.owl-carousel.owl-theme.owl-loaded.owl-drag,.owl-carousel-property-image .owl-stage-outer,.owl-carousel-property-image .owl-stage,.owl-carousel-property-image .owl-item,.owl-carousel-property-image .item,.owl-carousel-property-image .owl-item,.owl-carousel-property-image .img-responsive{height:100%;object-fit:cover}@media only screen and (max-width:760px){.img-property-wrapper{height:280px;position:relative}.listing-carousel-button{top:65%!important}.yt-ctr{width:100%;height:100%}}@media only screen and (max-width:760px){.yt-ctr{width:380px;height:100%}}.mobile-director-overlay{position:fixed;z-index:999999999;background:rgb(0 0 0 / .5);bottom:0;width:100%;height:100%}.director-ctr{position:absolute;bottom:0;width:100%;text-align:center;padding:0}.title-redirector{padding:20px;background:#fff;border-radius:20px 20px 0 0;font-weight:500;border-bottom:1px solid rgb(0 0 0 / .5)}.menu-director{padding:15px;background:#fff}.row-director{display:flex;align-items:center;align-content:stretch;justify-content:center;font-size:14px;font-weight:400}.post-faq .list-single-main-item,.post-faq .post-opt-title{transition:0.3s}a:hover .post-faq .post-opt-title{color:#00BFD5}a:hover .post-faq .list-single-main-item{box-shadow:0 8px 16px 0 rgb(0 0 0 / .2)}.post-faq .list-single-main-item{padding:30px 20px;border-radius:10px}.post-faq .list-single-main-item h2{margin-bottom:0}
    </style>
</head>
<body style="overflow: initial;">
    
    <div id="modal-vendor"></div>
    <script>
        function modalVendor(ID, AccessToken = 0){
            $("#modal-vendor").iziModal({
                iframe: true,
                iframeHeight: 550,
                iframeURL: "https://www.xaviermarks.com/link-vendor/createlink/"+ID+"?iswebview=1&AccessToken="+AccessToken,
                closeOnEscape: true,
                fullscreen: true,
                openFullscreen: true,
                title: "Linking to Vendor",
                headerColor: 'linear-gradient(to right, #7030B9, #EA5905) !important',
                onClosed:function(){
                    $("#modal-vendor").remove()
                    $("body").prepend('<div id="modal-vendor"></div>')
                },
                zindex: 1000
            });
            $("#modal-vendor").iziModal("open");
        }
    </script>
    

    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRVL595"
        height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div class="loader-story-placeholder">
        <i class="fa fa-spinner fa-spin"></i>
    </div>
    <script>
        $(".loader-story-placeholder").hide();
    </script>
    <div class="img-editor-wrapper hide-editor">
        <div id="tui-image-editor-container"></div>
    </div>
    <!--loader-->
    
    
    
    <!--loader end-->
    <!-- main start  -->
    

        
            
    <header class="main-header">


    <!-- logo-->
    <a href="" class="logo-holder">
        <img src="http://lh3.googleusercontent.com/vAKOSPhJdqnXvXeY3KS1Wn2wz8w2Q_4rbbzn5A9ni9YONw1Y1d0MQhtCSkbqpsPVtB_V7bOPujO0XmakoSm_hn6Jhixu933gsGiPCHv7C1yKBQ=s0" alt="XAVIER MARKS Realty"/>
    </a>
    <!-- logo end-->

    <!-- header opt -->
    <div class="header-search_btn show-search-button"><i class="fal fa-search"></i><span>Search</span></div>
    
    <div class="show-reg-form modal-open avatar-img" data-srcav="images/avatar/3.jpg"><i class="fal fa-user"></i>Sign In
    </div>
    <!-- lang-wrap-->
    <div class="lang-wrap">
        <div class="show-lang"><span><i class="fal fa-globe-europe"></i><strong>En</strong></span><i class="fa fa-caret-down arrlan"></i></div>
        <ul class="lang-tooltip lang-action no-list-style">
            <li><a href="#" class="current-lan" data-lantext="En" id="uk-flag">English</a></li>
            <li><a href="#" class="" data-lantext="Id" id="indonesia-flag">Indonesia</a></li>
        </ul>
    </div>
    <!-- lang-wrap end-->
    

    <div class="nav-holder main-menu">
        <nav>
            <ul class="no-list-style">

                
                
                    
                        <li class="link first ">
                            <a href="/">Home</a>
                        </li>
                        
                    
                
                
                
                <li class="dropdown">
                    <a href="/about-us/" class="dropdown-toggle "
                        data-toggle="dropdown" role="button" aria-expanded="false" >About Us <i
                            class="fa fa-caret-down"></i></a>
                    <ul class="dropdown-menu" role="menu"
                        
                    >

                        
                            
                                <li class="link first"><a href="/about-us/why-xavier-marks/"
                                        class="">Why Xavier Marks</a></li>
                            
                                <li class="link "><a href="/about-us/vision-mission/"
                                        class="">Vision Mission</a></li>
                            
                                <li class="link "><a href="/about-us/follow-us-on-social-media/"
                                        class="">Follow Us on Social Media</a></li>
                            
                                <li class="link "><a href="/about-us/our-agent/"
                                        class="">Our Agent</a></li>
                            
                                <li class="link "><a href="/about-us/offices-branches/"
                                        class="">Offices / Branches</a></li>
                            
                                <li class="link last"><a href="/about-us/join-our-team/"
                                        class="">Join Our Team</a></li>
                            
                        


                    </ul>
                </li>
                
                
                
                <li class="dropdown">
                    <a href="/highlights/" class="dropdown-toggle "
                        data-toggle="dropdown" role="button" aria-expanded="false" style="display: none !important;">Highlights <i
                            class="fa fa-caret-down"></i></a>
                    <ul class="dropdown-menu" role="menu"
                        
                            style="width:300px"
                        
                    >

                        
                            
                                
                                    <li class="link first"><a href="/highlights/xtar-unit-listing-of-the-month-december-2025/"
                                    class="">XTAR UNIT LISTING OF THE MONTH DECEMBER 2025</a></li>
                                
                                    <li class="link "><a href="/highlights/xtar-advisor-of-the-month-december-2025/"
                                    class="">XTAR ADVISOR OF THE MONTH DECEMBER 2025</a></li>
                                
                                    <li class="link "><a href="/highlights/xtar-manager-of-the-month-december-2025/"
                                    class="">XTAR MANAGER OF THE MONTH DECEMBER 2025</a></li>
                                
                                    <li class="link "><a href="/highlights/xtar-office-of-the-month-december-2025/"
                                    class="">XTAR OFFICE OF THE MONTH DECEMBER 2025</a></li>
                                
                                    <li class="link last"><a href="/highlights/kumulatif-desember-2025/"
                                    class="">KUMULATIF DESEMBER 2025</a></li>
                                
                            
                        


                    </ul>
                </li>
                
                
                
                <li class="dropdown">
                    <a href="/property-search/" class="dropdown-toggle "
                        data-toggle="dropdown" role="button" aria-expanded="false" >Property Search <i
                            class="fa fa-caret-down"></i></a>
                    <ul class="dropdown-menu" role="menu"
                        
                    >

                        
                            
                                <li class="link first"><a href="/property-search/"
                                        class="">Secondary</a></li>
                            
                                <li class="link last"><a href="/property-search/primary/"
                                        class="">Primary</a></li>
                            
                        


                    </ul>
                </li>
                
                
                
                    
                        <li class="link last ">
                            <a href="/article/">Article</a>
                        </li>
                        
                    
                
                

                
                
                <li><a href="https://www.xaviermarks.com/member/chooseagentregister">Agent Registration</a></li>
                
                
                
            </ul>
        </nav>
    </div>
    <!-- nav-button-wrap-->
    <div class="nav-button-wrap color-bg">
        <div class="nav-button">
            <span></span><span></span><span></span>
        </div>
    </div>
    <!-- navigation  end -->
    <!-- header-search_container -->
    <div class="header-search_container header-search vis-search">
        <div class="container small-container">
            <div class="header-search-input-wrap fl-wrap">
                <form method="get" action="/property-search/">
                    <div class="header-search-input" style="width:100%">
                        <label><i class="fal fa-keyboard"></i></label>
                        <input type="text" placeholder="What are you looking for? ?" name="key" value="" />
                    </div>
                    <button class="header-search-button green-bg" type="submit"><i class="far fa-search"></i> Search
                    </button>
                </form>
            </div>
            <div class="header-search_close color-bg"><i class="fal fa-long-arrow-up"></i></div>
        </div>
    </div>
    <!-- header-search_container  end -->

    <div class="header-modal novis_wishlist">
        <div class="header-modal-container scrollbar-inner fl-wrap" data-simplebar>
            <!--widget-posts-->
            <div class="widget-posts  fl-wrap">
                <ul class="no-list-style">
                    
                    <li>
                        <div class="widget-posts-descr">
                            <h4><a>No Notification</a></h4>
                        </div>
                    </li>
                    

                </ul>
            </div>
            <!-- widget-posts end-->
        </div>
        <!-- header-modal-container end-->
        <div class="header-modal-top fl-wrap">
            <a href="https://www.xaviermarks.com/member/notifikasi">
                <h4>View All () <span><strong></strong></span></h4>
            </a>
            <div class="close-header-modal"><i class="far fa-times"></i></div>
        </div>
    </div>

    <div class="language-modal novis_wishlist">
        <div class="language-modal-container scrollbar-inner fl-wrap" data-simplebar>
            <!--widget-posts-->
            <div class="widget-posts  fl-wrap">
                <ul class="no-list-style lang-style">
                    <li class="member-current-lan" id="uk-flag">
                        <div class="widget-posts-descr">
                            <h4><a>English</a></h4>
                        </div>
                    </li>
                    <li class="" id="indonesia-flag">
                        <div class="widget-posts-descr">
                            <h4><a>Indonesia</a></h4>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- widget-posts end-->
        </div>
    </div>
</header>




        

        <div id="wrapper">
    <!-- content-->
    <div class="content">
        <!--section  -->
        <!-- scroll-nav-wrapper end-->
        <section class="gray-bg no-top-padding">
            <div class="container">
                <div class="clearfix"></div>
                <div class="row">
                    <!-- list-single-main-wrapper-col -->
                    <div class="col-md-12">
                        <!-- list-single-main-wrapper -->
                        <div class="list-single-main-wrapper fl-wrap" id="sec2">
                            <!-- list-single-header -->
                            <div class="list-single-header list-single-header-inside block_box fl-wrap page-handler">
                                <div class="list-single-header-item fl-wrap handler-page">
                                    <div class="row">
                                        <div class="col-md-12 p-t10">
                                            
                                            <h1>
                                                
                                                    qr
                                                
                                            </h1>
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class="list-single-header_bottom" style="text-align: left;">
                                    
                                </div>
                            </div>
                            <!-- list-single-header end -->

                        </div>
                    </div>
                    <!-- list-single-main-wrapper-col end -->

                </div>
            </div>
        </section>
        <!--section end-->
        <!--section  -->
    </div>
    <!--content end-->
</div>


        <style>
    .contact_agent_title {
        font-size: 25px;
    }
    .desc-opening {
        margin-bottom: 20px;
        padding: 12px 16px;
        background-color: #f1f1f1;
        border-left: 4px solid #00BFD5;
        border-radius: 4px;
        font-size: 14px;
        color: #333;
        text-align: left;
        font-weight: normal;
    }
</style>
<div class="main-register-wrap modal" id="modal-phone">
    <div class="reg-overlay"></div>
    <div class="main-register-holder">
        <div class="main-register fl-wrap modal_main">
            <div class="main-register_title contact_agent_title">
                Contact Agent
            </div>
            <div class="close-reg"><i class="fal fa-times"></i></div>

            <div class="tabs-container">
                <div class="custom-form">
                        <p class="desc-opening">
                            To contact an agent, please login or send a verification code first
                        </p>
                        <form class="formPhone" method="post" action="/member/sendotplogin">
                            <div class="row">
                                <div class="col-md-12">
                                    <label>Full Name <span>*</span></label>
                                    <input type="text" name="Name" placeholder="Full Name" required>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <label>Phone <span>*</span></label>
                                    <input type="hidden" id="PhoneOTP">
                                    <input type="text" id="PhoneCheck" name="Phone" placeholder="08xxxxxxxxxx" required>
                                </div>
                            </div>
                            <div class="row m-b15">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-block color2-bg">
                                        Send <i class="fas fa-caret-right"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
            </div>
        </div>
    </div>
</div>

        <div class="main-register-wrap modal" id="otp_modal">
    <div class="reg-overlay"></div>
    <div class="main-register-holder">
        <div class="main-register fl-wrap modal_main">
            <div class="main-register_title contact_agent_title">
                Verify OTP
            </div>
            <div class="close-reg"><i class="fal fa-times"></i></div>

            <div class="tabs-container">
                <div class="custom-form">
                        <p class="desc-opening">
                            Please check your WhatsApp
                        </p>
                        <div id="otp-countdown" style="margin-bottom:10px;color:#4DB7FE;font-weight:bold;cursor:pointer;"></div>
                        <form id="formOTP" method="post" action="/member/verifyotp">
                            <div class="row text-center digit-group">
                                <div class="col-md-3">
                                    <input class="form-control otp otp-input" type="number" maxlength=1 id="digit-1" data-next="digit-2">
                                </div>
                                <div class="col-md-3">
                                    <input class="form-control otp otp-input" type="number" maxlength=1 id="digit-2" data-next="digit-3" data-previous="digit-1">
                                </div>
                                <div class="col-md-3">
                                    <input class="form-control otp otp-input" type="number" maxlength=1 id="digit-3" data-next="digit-4" data-previous="digit-2">
                                </div>
                                <div class="col-md-3">
                                    <input class="form-control otp otp-input" type="number" maxlength=1 id="digit-4" data-previous="digit-3">
                                </div>
                            </div>
                            <div class="row m-b15">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-block color2-bg">
                                        Send <i class="fas fa-caret-right"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        // OTP Countdown
        function startOtpCountdown() {
            var otpCooldown = localStorage.getItem('otpCooldown');
            var now = Date.now();
            var secondsLeft = 0;
            if(otpCooldown && now < parseInt(otpCooldown)){
                secondsLeft = Math.ceil((parseInt(otpCooldown) - now) / 1000);
            }
            var countdownEl = $('#otp-countdown');

            function updateCountdown() {
                var now = Date.now();
                var otpCooldown = localStorage.getItem('otpCooldown');
                var secondsLeft = 0;
                if(otpCooldown && now < parseInt(otpCooldown)){
                    secondsLeft = Math.ceil((parseInt(otpCooldown) - now) / 1000);
                }
                if(secondsLeft > 0){
                    countdownEl.css('pointer-events','none');
                    countdownEl.text('Resend OTP in ' + secondsLeft + ' seconds');
                }else{
                    countdownEl.css('pointer-events','auto');
                    countdownEl.text('Resend OTP');
                }
            }
            updateCountdown();

            var interval = setInterval(function(){
                var now = Date.now();
                var otpCooldown = localStorage.getItem('otpCooldown');
                var secondsLeft = 0;
                if(otpCooldown && now < parseInt(otpCooldown)){
                    secondsLeft = Math.ceil((parseInt(otpCooldown) - now) / 1000);
                }
                if(secondsLeft > 0){
                    countdownEl.css('pointer-events','none');
                    countdownEl.text('Resend OTP in ' + secondsLeft + ' seconds');
                }else{
                    countdownEl.css('pointer-events','auto');
                    countdownEl.text('Resend OTP');
                    clearInterval(interval);
                }
            }, 1000);
        }

        // Jalankan countdown saat modal dibuka
        function observeOtpModal() {
            var lastVisible = $('#otp_modal').is(':visible');
            setInterval(function() {
                var nowVisible = $('#otp_modal').is(':visible');
                if (nowVisible && !lastVisible) {
                    startOtpCountdown();
                }
                lastVisible = nowVisible;
            }, 300);
        }

        observeOtpModal();
        // Resend OTP click (via countdown text)
        $('#otp-countdown').on('click', function(){
            if($(this).text() === 'Resend OTP'){
                // Ambil phone, memberType, name, dan endpoint dari localStorage
                var phone = localStorage.getItem('otpPhone') || $('#PhoneOTP').val();
                var memberType = localStorage.getItem('otpMemberType') || '';
                var memberName = localStorage.getItem('otpMemberName') || '';
                var otpEndpoint = localStorage.getItem('otpEndpoint') || 'loginbyphone';
                var ajaxData = { Phone: phone };
                var ajaxUrl = '';
                if (otpEndpoint === 'sendotplogin') {
                    ajaxUrl = '/member/sendotplogin';
                    ajaxData.Name = memberName;
                } else {
                    ajaxUrl = '/member/loginbyphone';
                    ajaxData.MemberType = memberType;
                }
                $.ajax({
                    url: ajaxUrl,
                    method: 'POST',
                    data: ajaxData,
                    dataType: 'json',
                    beforeSend: function(){
                        blockMessage($('#otp_modal'), 'Mohon tunggu...', '#fff');
                    }
                }).done(function(data){
                    $('#otp_modal').unblock();
                    if(data.Code == 200){
                        var now = Date.now();
                        localStorage.setItem('otpCooldown', now + 60000);
                        $('#PhoneOTP').val(data.PhoneOTP ?? phone);
                        showNotif('success', 'Success', data.Message);
                        startOtpCountdown();
                    }else{
                        showNotif('error', 'Error', data.Message);
                    }
                }).fail(function(){
                    $('#otp_modal').unblock();
                });
            }
        });
        // Simpan Phone dan MemberType ke localStorage saat request OTP pertama kali
        window.saveOtpData = function(phone, memberType, memberName, endpointType) {
            localStorage.setItem('otpPhone', phone);
            localStorage.setItem('otpMemberType', memberType || '');
            localStorage.setItem('otpMemberName', memberName || '');
            localStorage.setItem('otpEndpoint', endpointType || 'loginbyphone');
        }

        $("#formOTP").submit(function (e) {
            e.preventDefault();

            var formData = new FormData(this);
            var otp = '';
            $('.otp').each(function () {
                otp += $(this).val();
            });
            formData.append('Phone', $('#PhoneOTP').val());
            formData.append('OTP', otp);

            $.ajax({
                    url: $("#formOTP").attr('action'),
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: 'json',
                    encode: true,
                    beforeSend: function () {
                        blockMessage($("#formOTP"), "Please Wait", '#fff');
                    }
                })
                .done(function (data) {
                    $("#formOTP").unblock();
                    if (data.Code == 200) {
                        // Hapus data OTP dari localStorage setelah sukses
                        localStorage.removeItem('otpPhone');
                        localStorage.removeItem('otpMemberType');
                        localStorage.removeItem('otpCooldown');
                        showNotif("success", "Success", data.Message);
                        location.href = "https://www.xaviermarks.com/member"
                        return;
                    } else {
                        showNotif("error", "Error", data.Message);
                    }
                })
                .fail(function (e) {
                    $('#formOTP').unblock();
                })

        });

        $('.digit-group').find('input').each(function() {
            $(this).attr('maxlength', 1);

            // Handle key navigation and deletion
            $(this).on('keydown', function(e) {
                if (e.key === "Backspace") {
                    if ($(this).val() === '') {
                        var prev = $('#' + $(this).data('previous'));
                        if (prev.length) {
                            prev.val('').focus();
                        }
                    } else {
                        $(this).val(''); // Clear the value of the current input
                    }
                } else if (e.key === "ArrowLeft") {
                    var prev = $('#' + $(this).data('previous'));
                    if (prev.length) {
                        prev.focus();
                    }
                } else if (e.key === "ArrowRight") {
                    var next = $('#' + $(this).data('next'));
                    if (next.length) {
                        next.focus();
                    }
                }
            });

            // Handle input event
            $(this).on('input', function(e) {
                var next = $('#' + $(this).data('next'));
                if (next.length && $(this).val() !== '') {
                    next.focus();
                }
            });

            // Ensure proper focus on touch devices
            $(this).on('touchstart', function() {
                $(this).focus();
            });
        });
    });


    document.querySelectorAll(".otp-input").forEach(function(input, index, inputs) {
        input.addEventListener("paste", function(event) {
            event.preventDefault();
            let pasteData = (event.clipboardData || window.clipboardData).getData("text");

            pasteData = pasteData.replace(/D/g, "").substring(0, 4);

            if (pasteData.length > 0) {
                let startIndex = index;
                for (let i = 0; i < pasteData.length; i++) {
                    if (startIndex + i < inputs.length) {
                        inputs[startIndex + i].value = pasteData[i];
                    }
                }

                let nextIndex = startIndex + pasteData.length;
                if (nextIndex < inputs.length) {
                    inputs[nextIndex].focus();
                } else {
                    inputs[inputs.length - 1].focus();
                }
            }
        });
    });
</script>

        
        <footer class="main-footer fl-wrap">
            <!--footer-inner-->
            <div class="footer-inner   fl-wrap">
                <div class="container">
                    <div class="row">
                        <!-- footer-widget-->
                        <div class="col-md-6">
                            <div class="footer-widget fl-wrap">
                              <div class="footerf-logo pull-left"><a href=""><img style="max-width: 230px;" src="themes/xmarks-2020/images/logo.png" alt=""></a> <!-- Should Be Google -->
                                </div>
                                <br>
                                <br>
                                <div class="footer-contacts-widget fl-wrap">
                                    <p>Xavier Marks provides the best products and services to help your property sell faster, as well as providing convenience and protection for prospective buyers in obtaining their dream home.</p>
                                    <ul class="footer-contacts fl-wrap no-list-style" style="display : grid">
                                        <li><span><i class="fal fa-envelope text-white"></i> Email :</span><a href="mailto:office@xaviermarks.com"
                                                target="_blank">office@xaviermarks.com</a></li>
                                        <li> <span><i class="fal fa-map-marker text-white"></i>Address :</span><a
                                                href="#" target="_blank">Darmo Kali no 3 - 5, Surabaya 60241, East Java, Indonesia</a></li>
                                        <li><span><i class="fal fa-phone text-white"></i> Phone :</span><a
                                                href="tel:+62 31 562 5111">+62 31 562 5111</a></li>
                                    </ul>
                                    <div class="footer-social">
                                        <span>Find us on: </span>
                                        <ul class="no-list-style">
                                            <li><a href="" target="_blank"><i
                                                        class="fab fa-facebook-f text-white"></i></a></li>
                                            <li><a href="https://www.instagram.com/xaviermarks.id/" target="_blank"><i class="fab fa-twitter text-white"></i></a>
                                            </li>
                                            <li><a href="" target="_blank"><i
                                                        class="fab fa-instagram text-white"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- footer-widget end-->
                        <!-- footer-widget-->
                        <div class="col-md-3">
                            <div class="footer-widget fl-wrap">
                                <h3>Property Location</h3>
                                <div class="footer-widget-posts fl-wrap">
                                    <ul class="no-list-style">
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?ProvinceID=14" title="">BALI</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=5" title="">BANDUNG</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=10" title="">BEKASI</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=11" title="">BOGOR</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=16" title="">GRESIK</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=150" title="">JAKARTA BARAT</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=151" title="">JAKARTA PUSAT</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=152" title="">JAKARTA SELATAN</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=153" title="">JAKARTA TIMUR</a>
                                            </div>
                                        </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="footer-widget fl-wrap">
                                <h3>&nbsp</h3>
                                <div class="footer-widget-posts fl-wrap">
                                    <ul class="no-list-style">
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=154" title="">JAKARTA UTARA</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=34" title="">JEMBER</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=14" title="">MALANG</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=38" title="">PONTIANAK</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=9" title="">SEMARANG</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=2" title="">SIDOARJO</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=1" title="">SURABAYA</a>
                                            </div>
                                        </li>
                                        
                                        <li class="clearfix">
                                            <div class="widget-posts-descr">
                                                <a href="https://www.xaviermarks.com/property-search?WilayahDataID=12" title="">TANGERANG</a>
                                            </div>
                                        </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- footer-widget end-->
                    </div>
                </div>
                <!-- footer bg-->
                <div class="footer-bg" data-ran="4"></div>
                <div class="footer-wave">
                    <svg viewbox="0 0 100 25">
                        <path fill="#fff" d="M0 30 V12 Q30 17 55 12 T100 11 V30z" />
                    </svg>
                </div>
                <!-- footer bg  end-->
            </div>
            <!--footer-inner end -->
            <!--sub-footer-->
            <div class="sub-footer fl-wrap p-t5">
                <div class="container m-b10">
                    <div class="copyright"> &#169; XAVIER MARKS Realty . All rights reserved.</div>
                    <div class="subfooter-nav">
                       <ul class="no-list-style">
                            <li><a class="text-white" href="https://www.xaviermarks.com/legal">Legal</a></li>
                            <li><a class="text-white" href="https://www.xaviermarks.com/privacy-policy">Privacy Policy</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--sub-footer end -->
        </footer>
        <!--footer end -->
        

        
        <div class="main-register-wrap modal-send-mail modal modal-custom">
            <div class="reg-overlay" style="display: none;"></div>
            <div class="main-register-holder main-register-holder-custom tabs-act" style="max-width:700px">
                <div class="main-register main-register-custom fl-wrap modal_main">
                    <div class="main-register_title">Ask Our Agent</div>
                    <div class="close-reg"><i class="fal fa-times"></i></div>
                    <div class="modal-h-100 p-lr20 form-ctr" style="float:left; width:100% !Important">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="custom-form">
                                    <form id="form-send-mail" action="" method="POST">
                                        <div class="row" hidden>
                                            <div class="col-md-12">
                                                <label>From</label>
                                                <input type="text" name="from"
                                                    style="background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);"
                                                    readonly value="" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label>To</label>
                                                <input type="text" name="to" class="send-agent-to"
                                                    style="background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);"
                                                    readonly value="" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label>Subject</label>
                                                <input id="subject" style="background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);"
                                                readonly required type="text" placeholder="Write Subject"
                                                    name="subject" value="" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label>Your Message</label>
                                                <textarea id="askContent" required name="Content" placeholder="Write Your Message"
                                                    value="" /></textarea>
                                            </div>
                                        </div>
                                        <div class="row m-b15 m-t20">
                                            <div class="col-md-12">
                                                <div class="g-recaptcha" data-sitekey="6LfuyD0aAAAAAHcOhvyMJToiN3V6ZdAGqCFGv7Bp"
                                                data-size="normal"></div>
                                            </div>
                                        </div>
                                        <div class="row m-t30">
                                            <div class="col-md-12">
                                                <button type="submit" class="btn btn-block blue-bg text-white">
                                                    Send <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        

        <!--register form -->
        <div class="main-register-wrap modal modal-login">
            <div class="reg-overlay"></div>
            <div class="main-register-holder tabs-act">
                <div class="main-register fl-wrap  modal_main">
                    <div class="main-register_title">Welcome to <span><strong>XAVIER MARKS Realty</strong></span></div>
                    <div class="close-reg"><i class="fal fa-times"></i></div>
                    <ul class="tabs-menu fl-wrap no-list-style">
                        <li class="current"><a href="#tab-1"><i class="fal fa-sign-in-alt"></i> Login</a></li>
                        <li><a href="#tab-2"><i class="fal fa-sign-in-alt"></i> Login Vendor</a></li>
                        <li><a href="#tab-3"><i class="fal fa-sign-in-alt"></i> Login with Phone</a></li>
                        <li><a href="#tab-4"><i class="fal fa-user-plus"></i> Register as Public User</a></li>
                    </ul>
                    <!--tabs -->
                    <div class="tabs-container">
                        <div class="tab">
                            <!--tab -->
                            <div id="tab-1" class="tab-content first-tab">
                                <div class="custom-form">
                                    <form method="post" id="formLogin" action="/member/dologinajax">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label>Email Address <span>*</span> </label>
                                                <input name="Email" type="text" value="">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label>Password <span>*</span> </label>
                                                <input name="Password" type="password" value="">
                                            </div>
                                        </div>
                                        <div class="row m-b15">
                                            <div class="col-md-12">
                                                <button type="submit" class="btn btn-block color2-bg">
                                                    Login  <i class="fas fa-caret-right"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                        <div class="filter-tags">
                                            <input id="check-a3" type="checkbox" name="check">
                                            <label for="check-a3">Remember me</label>
                                        </div>
                                    </form>
                                    <div class="lost_password">
                                        <a href="https://www.xaviermarks.com/member/forgotpassword">Lost Your Password?</a>
                                    </div>
                                </div>
                            </div>
                            <!--tab end -->
                            <div class="tab">
                                <!--tab -->
                                <div id="tab-2" class="tab-content">
                                    <div class="custom-form">
                                        <form method="post" id="formLoginVendor" action="/member/dologinvendor">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <label>Email Address <span>*</span> </label>
                                                    <input name="Email" type="text" value="">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <label>Password <span>*</span> </label>
                                                    <input name="Password" type="password" value="">
                                                </div>
                                            </div>
                                            <div class="row m-b15">
                                                <div class="col-md-12">
                                                    <button type="submit" class="btn btn-block color2-bg">
                                                        Login  <i class="fas fa-caret-right"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                            <div class="filter-tags">
                                                <input id="check-a3" type="checkbox" name="check">
                                                <label for="check-a3">Remember me</label>
                                            </div>
                                        </form>
                                        <div class="lost_password">
                                            <a href="https://www.xaviermarks.com/member/forgotpassword">Lost Your Password?</a>
                                        </div>
                                    </div>
                                </div>
                                <!--tab end -->
                            </div>
                           <!-- Inside Tab 3: Login Phone -->
                            <div id="tab-3" class="tab-content" style="padding-top: 0px !important;">
                                <div class="custom-form">
                                    <!-- Sub-tabs navigation -->
                                    

                                    <!-- Sub-tab content wrapper -->
                                    <div class="tabs-container">
                                        <!-- Sub-tab Agent -->
                                        <input type="hidden" id="PhoneOTP">
                                        
                                            <form method="post" class="formPhone" action="/member/loginbyphone">
                                                <label>Phone <span>*</span></label>
                                                <input type="hidden" name="MemberType" value="Agent">
                                                <input type="text" name="Phone" placeholder="08xxxxxxxxxx" required>
                                                <button type="submit" class="btn btn-block color2-bg">
                                                    Login <i class="fas fa-caret-right"></i>
                                                </button>
                                            </form>
                                        

                                        <!-- Sub-tab Public Member -->
                                        

                                    </div>
                                </div>
                            </div>
                            <!--tab -->
                            <div class="tab">
                                <div id="tab-4" class="tab-content">
                                    <div class="custom-form">
                                        <form method="post" action="/member/doregisterajax"
                                            name="registerform" class="main-register-form" id="formRegister">
                                            <label>Full Name <span>*</span> </label>
                                            <input name="Name" type="text" value="" required>
                                            <label>Email Address <span>*</span></label>
                                            <input name="Email" type="text" value="" required>
                                            <label>Phone <span>*</span></label>
                                            <input name="Phone" type="text" value="" required>
                                            <label>Password <span>*</span></label>
                                            <input name="Password" type="password" value="" required>
                                            <div class="filter-tags ft-list">
                                                <input id="check-a2" type="checkbox" name="check" required>
                                                <label for="check-a2">I agree to the <a href="https://www.xaviermarks.com/privacy-policy">Privacy Policy</a></label>
                                            </div>
                                            <div class="clearfix"></div>
                                            <div class="filter-tags ft-list">
                                                <input id="check-a" type="checkbox" name="check" required>
                                                <label for="check-a">I agree to the <a href="https://www.xaviermarks.com/term-and-condition">Terms and Conditions</a></label>
                                            </div>
                                            <div class="clearfix"></div>
                                            <div class="row m-b15">
                                                <div class="col-md-12">
                                                    <div class="g-recaptcha" data-sitekey="6LfuyD0aAAAAAHcOhvyMJToiN3V6ZdAGqCFGv7Bp"
                                                    data-size="normal"></div>
                                                </div>
                                            </div>
                                            <div class="row m-b15">
                                                <div class="col-md-12">
                                                    <button type="submit" class="btn btn-block color2-bg">
                                                        Register<i class="fas fa-caret-right"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <!--tab end -->
                        </div>
                        <!--tabs end -->
                        <div class="log-separator fl-wrap"><span>or</span></div>
                        <div class="soc-log fl-wrap">
                            <p>For faster login or register use your social account.</p>
                            <a href="https://www.xaviermarks.com/member/googleauth" class="facebook-log"
                            style="background: #fdfdfdfd !important;
                            color: gray;
                            border: 1px solid rgba(0,0,0,0.1);
                            font-weight:600">
                            <i class="fab m-r5">
                                <img style="height:19px" src="themes/xmarks-2020/img/google-logo.png">
                            </i> Google</a>
                            
                            <a href="https://www.xaviermarks.com/member/facebookauth" class="facebook-log"
                                style="background: #fdfdfdfd !important;
                                color: gray;
                                border: 1px solid rgba(0,0,0,0.1);
                                font-weight:600;
                                margin-bottom: 10px;">
                            <i class="fab fa-facebook-f m-r5 fa-lg" style="color: #1877f2"></i> Facebook</a>
                            
                            <a href="https://www.xaviermarks.com/member/appleauth" class="facebook-log"
                                style="background: #fdfdfdfd !important;
                                color: gray;
                                border: 1px solid rgba(0,0,0,0.1);
                                font-weight:600;">
                            <i class="fab fa-apple m-r5 fa-lg" style="color: #000000"></i> Apple</a>
                        </div>
                        <div class="wave-bg">
                            <div class='wave -one'></div>
                            <div class='wave -two'></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--register form end -->


        
        <button type="button" class="to-top" style="border: none;" aria-label="Back to top">
            <i class="fas fa-caret-up" aria-hidden="true"></i>
        </button>
    </div>
    <!-- Main end -->
    <!--=============== scripts  ===============-->

    <!--<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>-->
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" type="text/javascript"></script>
    <script src="themes/xmarks-2020/js/scripts.min.js" defer></script> <!-- Should Be Google -->
    <script src="themes/xmarks-2020/js/custom.min.js?version=2"></script> <!-- Should Be Google -->
    

    


    
    <script>
        function setCookie(cname,cvalue,exdays){var d=new Date();d.setTime(d.getTime()+(exdays*24*60*60*1000));var expires="expires="+d.toUTCString();document.cookie=cname+"="+cvalue+";"+expires+";path=/"}
        function getCookie(cname){var name=cname+"=";var ca=document.cookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i];while(c.charAt(0)==' '){c=c.substring(1)}
        if(c.indexOf(name)==0){return c.substring(name.length,c.length)}}
        return""}
        function openAppsDirector(OpenAPP){if(OpenAPP==!1){setCookie("AppsDirector",1,1)
        $("#director-mobile-apps").fadeOut();return}
        setCookie("AppsDirector",1,1)
        let AndroidLink="https://play.google.com/store/apps/details?id=com.xaviermarks"
        let IosLink="https://apps.apple.com/us/app/xavier-marks-realty/id1473741397";if(navJS.isIOS()){$("#director-mobile-apps").fadeOut();location.href=IosLink}else{$("#director-mobile-apps").fadeOut();location.href=AndroidLink}}
        if(navJS.isMobile()){if(getCookie("AppsDirector")==""){$("#director-mobile-apps").fadeIn()}}
        let timer;function debounce(func,timeout=300){clearTimeout(timer);timer=setTimeout(func,timeout)}
    </script>
    

    <script>
        let captchaLoaded = false;

        function loadCaptchaOnce() {
            if (captchaLoaded) return;

            const s = document.createElement('script');
            s.src = 'https://www.google.com/recaptcha/api.js';
            s.defer = true;
            document.body.appendChild(s);

            captchaLoaded = true;
        }
        $(document).on('click', '.modal-send-mail, .modal-login', function () {
            loadCaptchaOnce();
        });
    </script>

    
    <script>
        $('img').on("error", function () {
            $(this).attr("alt", "Failed Load Image")
        });

        $(".copy-link-class").click(function (e) {
            e.preventDefault();

            const currentLang = new URLSearchParams(window.location.search).get('lang') || 'en_US';
            const baseUrl = $(this).attr('data-url');

            const finalUrl = baseUrl.includes('?')
                ? `${baseUrl}&lang=${currentLang}`
                : `${baseUrl}?lang=${currentLang}`;

            const tempInput = $("<input>");
            $("body").append(tempInput);
            tempInput.val(finalUrl).select();
            document.execCommand("copy");
            tempInput.remove();

            showNotif("success", "Success", "Copy Link");
        });
    </script>
    
    <script>
        $("#CustomLoginForm_LoginForm_Email, #CustomLoginForm_LostPasswordForm_Email, #ChangePasswordForm_ChangePasswordForm_NewPassword1, #ChangePasswordForm_ChangePasswordForm_OldPassword").addClass("form-control m-tb10")
        $("#CustomLoginForm_LoginForm_Password, #CustomLoginForm_LostPasswordForm_Password, #ChangePasswordForm_ChangePasswordForm_NewPassword2").addClass("form-control m-tb10")
        $("#CustomLoginForm_LoginForm_action_dologin , #CustomLoginForm_LoginForm_action_logout, #CustomLoginForm_LostPasswordForm_action_forgotPassword, #ChangePasswordForm_ChangePasswordForm_action_doChangePassword").addClass("btn color2-bg btn-block m-t10")
        $("#ForgotPassword").addClass("m-t20")
        if (window.location.href.includes('Security/login') || window.location.href.includes('Security/lostpassword') || window.location.href.includes('Security/changepassword')) {
            $(".page-handler").addClass("isLoginCms")
            $(".isLoginCms").find(".list-single-header-item").first().find("h1").first().css("text-align", "center").css("padding", "10px")
        }

    </script>

    
    
    <script>
        $(".loader-story-placeholder").hide();

        $(".header-sec-link").click((function(e){return console.log($(this).children().attr("href")),$([document.documentElement,document.body]).animate({scrollTop:$($(this).children().attr("href")).offset().top},100),!1})),$(".isSelect").each((function(){new SlimSelect({select:this})})),document.querySelector("#select-kt")&&new SlimSelect({select:"#select-kt",allowDeselect:!0});
    </script>

    
    <script>
        if($("#select_referal").attr("id")!=null){var urlSearchAgent="https://www.xaviermarks.com//member/searchSales?key=";new SlimSelect({select:"#select_referal",searchingText:"Loading Search Agent",allowDeselect:!0,ajax:function(search,callback){if(search.length<3){callback("Type 3 Letters to Search")
        return}
        fetch(urlSearchAgent).then(function(response){return response.json()}).then(function(json){let data=[]
        for(let i=0;i<json.length;i++){data.push({text:json[i].nama+" / "+json[i].id,value:json[i].nama})}
        callback(data)}).catch(function(error){callback(!1)})}})}
    </script>
    


    
    <script>
        $("#image-listing-detail").owlCarousel({items:1,margin:0,responsiveClass:!0,dots:!1,responsive:{0:{items:1},600:{items:1},1e3:{items:1}}}),$("#kategori-buble").owlCarousel({items:4,dots:!0,loop:!0,center:!0,autoplay:!0,autoplayTimeout:5100,responsive:{0:{items:4,dots:!1,center:!1},600:{items:7,dots:!1},1e3:{items:7,center:!0}}}),$("#carousel-story").owlCarousel({items:3,margin:15,dots:!1,loop:!1,center:!1,responsive:{500:{items:3},600:{items:4},1e3:{items:3}}});
    </script>

    <script>
        function openModal(o){if("#otp_modal"===o){var a=localStorage.getItem("otpCooldown"),e=Date.now();if(a&&e<parseInt(a))return $(o).fadeIn(200),$(".reg-overlay").fadeIn(200),$(".modal_main").addClass("vis_mr"),void $("html, body").addClass("hid-body")}$(o).fadeIn(200),$(".reg-overlay").fadeIn(200),$(".modal_main").addClass("vis_mr"),$("html, body").addClass("hid-body")}function closeModal(o){$(o).fadeOut(200),$(".reg-overlay").fadeOut(200),$(".modal_main").removeClass("vis_mr"),$("html, body").removeClass("hid-body")}$(".formPhone").submit((function(o){o.preventDefault();var a=new FormData(this);$.ajax({url:$(this).attr("action"),method:"POST",data:a,processData:!1,contentType:!1,dataType:"json",encode:!0,beforeSend:function(){blockMessage($(".formPhone"),"Please Wait","#fff")}}).done((function(a){if($(".formPhone").unblock(),200==a.Code){var e=Date.now();localStorage.setItem("otpCooldown",e+6e4);var n=$(o.target),t=n.find('input[name="Phone"]').val(),d="";if(-1!==(l=n.attr("action")||"").indexOf("loginbyphone")&&(d=n.find('input[name="MemberType"]').val()),"function"==typeof saveOtpData){var l,r="",i="";-1!==(l=n.attr("action")||"").indexOf("loginbyphone")?i="loginbyphone":-1!==l.indexOf("sendotplogin")&&(i="sendotplogin",r=n.find('input[name="Name"]').val()||""),saveOtpData(t,d,r,i)}return showNotif("success","Success",a.Message),closeModal("#modal-phone"),closeModal(".modal-login"),openModal("#otp_modal"),void $("#PhoneOTP").val(a.PhoneOTP??t)}showNotif("error","Error",a.Message)})).fail((function(o){$(".formPhone").unblock()}))})),$(document).on("click","[data-open-otp-modal]",(function(o){o.preventDefault();var a=localStorage.getItem("otpCooldown"),e=Date.now();a&&e<parseInt(a)?openModal("#otp_modal"):openModal("#modal-phone")})),$(".need-popup").click((function(o){o.preventDefault();var a=localStorage.getItem("otpCooldown"),e=Date.now();if(a&&e<parseInt(a))return $("#otp_modal").fadeIn(200),$(".reg-overlay").fadeIn(200),$(".modal_main").addClass("vis_mr"),void $("html, body").addClass("hid-body");openModal("#modal-phone")}));
    </script>

    <script>
        $(document).ready((function(){var e=parseInt("1"),t=window.location.pathname.toLowerCase();e||t.includes("editprofile")||Swal.fire({title:"Complete Profile",text:"Your profile data is incomplete. Please complete it first",icon:"info",confirmButtonText:"Fill it Now"}).then((e=>{e.isConfirmed&&(window.location.href="/member/editprofile")}))})),$('input[name="Phone"], input[name="hp"], input[name="Whatsapp"]').on("input",(function(){let e=$(this).val().replace(/[^0-9]/g,"").slice(0,15);"Whatsapp"===$(this).attr("name")&&(e.startsWith("0")?e="62"+e.slice(1):e.startsWith("62")||(e="62"+e)),$(this).val(e),$(this).val().length>15&&$(this).val($(this).val().slice(0,15))})),$("#formRegister").submit((function(e){e.preventDefault();var t=new FormData(this);$.ajax({url:$("#formRegister").attr("action"),method:"POST",data:t,processData:!1,contentType:!1,dataType:"json",encode:!0,beforeSend:function(){blockMessage($("#formRegister"),"Please Wait","#fff")}}).done((function(e){$("#formRegister").unblock(),200==e.Code?(showNotif("warning","Information",e.Message),Swal.fire("Information",e.Message,"info"),$(".close-reg").click()):showNotif("error","Error",e.Message)})).fail((function(e){$("#formRegister").unblock()}))})),$(document).on("click",".btnWishlist",(function(e){e.preventDefault();var t=$(this),a=$(this).attr("data-id"),o=($(this).attr("data-title"),$(this).attr("data-type")),i=$(this).parent().parent().parent();$.ajax({url:"/member/addbookmarkajax",method:"POST",data:{PropertyID:a,Type:o},dataType:"json",encode:!0,beforeSend:function(){blockMessage(i,"Please Wait","#fff")}}).done((function(e){i.unblock(),200==e.Code?(showNotif("success","Success",e.Message),toggleBookmarkButton(t),setTimeout((function(){}),2e3)):showNotif("error","Error",e.Message)})).fail((function(e){i.unblock()}))}));

        $("#formLogin").submit(function (e) {
            e.preventDefault();

            var formData = new FormData(this);

            $.ajax({
                    url: $("#formLogin").attr('action'),
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: 'json',
                    encode: true,
                    beforeSend: function () {
                        blockMessage($("#formLogin"), "Please Wait", '#fff');
                    }
                })
                .done(function (data) {
                    $("#formLogin").unblock();
                    if (data.Code == 200) {
                        showNotif("success", "Success", data.Message);
                        
                            location.href = "https://www.xaviermarks.com/member"
                        
                        return;
                    } else {
                        showNotif("error", "Error", data.Message);
                    }
                })
                .fail(function (e) {
                    $('#formInput').unblock();
                })

        });

        $("#formLoginVendor").submit(function (e) {
            e.preventDefault();

            var formData = new FormData(this);

            $.ajax({
                    url: $("#formLoginVendor").attr('action'),
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: 'json',
                    encode: true,
                    beforeSend: function () {
                        blockMessage($("#formLoginVendor"), "Please Wait", '#fff');
                    }
                })
                .done(function (data) {
                    $("#formLoginVendor").unblock();
                    if (data.Code == 200) {
                        showNotif("success", "Success", data.Message);
                        
                            location.href = "https://www.xaviermarks.com/member"
                        
                        return;
                    } else {
                        showNotif("error", "Error", data.Message);
                    }
                })
                .fail(function (e) {
                    $('#formInput').unblock();
                })

        });

        function toggleBookmarkButton(t){t.attr("data-id"),t.attr("data-title");var a=t.attr("data-type"),e=t.children()[1];"DELETE"==a?(t.attr("data-type","SAVE"),t.removeClass("reverse-heart"),e.text("Save")):(t.attr("data-type","DELETE"),t.addClass("reverse-heart"),e.text("Delete"))}function showError(t){if(t.code===t.PERMISSION_DENIED)showPosition(0,!1)}function showPosition(t,a=!0){navigator.geolocation?(console.log("get_loc"),navigator.geolocation.getCurrentPosition((async function(t){const a=t.coords.latitude,e=t.coords.longitude;window.cityUser="";const o=`https://api.mapbox.com/geocoding/v5/mapbox.places/${e},${a}.json?access_token=pk.eyJ1IjoiZGV2ZWxvcGVyY3Jvc3N0ZWNobm8iLCJhIjoiY21nZnpiNmw4MGJuczJscjRhOXJkdDNqaCJ9.5TyGRzeONrsSe3FkhFnRTg&language=id&types=place`;try{const t=await fetch(o),a=await t.json();let e="";a.features&&a.features.length>0&&(e=a.features[0].text||""),e=e.replace("Kota","").replace("Kabupaten","").trim(),cityUser=e,e?(getHotPropertybyCity(cityUser),console.log("search prop",cityUser)):(getHotPropertybyCity("Surabaya"),console.log("search prop gagal"))}catch(t){console.error("Mapbox geocode error:",t),getHotPropertybyCity("Surabaya")}}),(function(t){console.log("Geolocation error:",t.code),getHotPropertybyCity("Surabaya")}))):(console.log("Geolocation tidak didukung"),getHotPropertybyCity("Surabaya"))}function getHotPropertybyCity(t){var a=$("#hotPropertyContainer"),e=a.parent().parent();$.ajax({url:"/property-search/gethotpropertybycity",method:"POST",data:{City:t,Limit:"4",FromTemplate:1},dataType:"json",encode:!0,beforeSend:function(){blockMessage(e,"Please Wait","#fff")}}).done((function(t){if($(e).unblock(),200==t.Code){$("#TitleHotProp").text("Hot Properties in "+t.City),0!=t.nextLink&&"0"!=t.nextLink||$("#LinkHotProp").fadeOut(),$("#LinkHotProp").attr("href",t.nextLink);for(var o="",i=0;i<t.Data.length;i++){var r=t.Data[i],s=r.photoThumbHandled,l=null,n="Xmarks Agent";if(null==r.Agent)l="http://lh3.googleusercontent.com/wHiAGTPLTFR4gOozD1Z7L22y79g7tVxkPWJPMFfJA65t4Fs8FeTc1PvNq9GTGHV8Deoh5UQ7_6fBCWTC-Bx4tk_nH0WQABlapyflSsLNz4_e=s0";else{l=r.Agent[0].PhotoUrl;n=r.Agent[0].namapanggilan}let a=1==r.IsVerified?"<i class='fa fa-check'></i>":"",e=1==r.IsVerified?"verified-badge":"";o+="<div class='gallery-item'><div class='listing-item'><article class='geodir-category-listing fl-wrap'><div class='geodir-category-img'><div data-id='"+r.ID+"' data-title='"+r.alamat+"' data-type='"+r.ObjBookmark.Type+"' class='btnWishlist geodir-js-favorite_btn "+r.ObjBookmark.Class+"'><i class='fal fa-heart'></i><span>"+r.ObjBookmark.Title+"</span></div><a href='"+r.URL+"' class='geodir-category-img-wrap fl-wrap'><img src='"+s+"' alt=''></a><div class='listing-avatar'><a href='"+r.URL+"'><img alt="+n+" src='"+l+"'></a><span class='avatar-tooltip'>Added By  <strong>"+n+"</strong></span></div><div class='geodir_status_date green-bg'>"+r.tipeproperti+" "+r.jualsewaFormatted2+"</div></div><div class='geodir-category-content fl-wrap title-sin_item'><div class='geodir-category-content-title fl-wrap'><div class='geodir-category-content-title-item'><h3 class='title-sin_map'><a href='"+r.URL+"'>"+r.RealTitle+"</a><span class='"+e+"'>"+a+"</span></h3><div class='geodir-category-location fl-wrap'><a href='#' ><i class='fas fa-map-marker-alt'></i> "+r.alamat+"</a></div></div></div><div class='geodir-category-text fl-wrap'><p class='small-text'>PPP Number : "+r.pjp+"</p><div class='facilities-list fl-wrap'><ul class='no-list-style'><li class='tolt'  data-microtip-position='top' data-tooltip='Land Area' style='color: #666;'><i class='fal fa-draw-square'></i> "+r.lt+"</li><li class='tolt'  data-microtip-position='top' data-tooltip='Building Area' style='color: #666;'><i class='fal fa-home'></i> "+r.lb+"</li><li class='tolt'  data-microtip-position='top' data-tooltip='Bedrooms' style='color: #666;'><i class='fal fa-bed'></i> "+r.kt+"</li><li class='tolt'  data-microtip-position='top' data-tooltip='Bathroom' style='color: #666;'><i class='fal fa-bath'></i> "+r.km+"</li></ul></div></div><div class='geodir-category-footer fl-wrap'><h4 class='listing-item-category-wrap'><div class='listing-item-category dark-blue-bg'><i class='fal fa-coins'></i></div><span>"+r.matauang+" "+numberWithCommas(r.harga)+"</span></h4></div></div></article></div></div>"}a.html(o),0==t.Data.length&&$("#hotPropertyContainer-out").fadeOut()}})).fail((function(t){$(e).unblock()}))}
    </script>


    
    <script>
        $(".prev-content").find("br").each((function(){$(this).remove()})),$(".see-notif-story").click((function(){var e=$(this).attr("data-idnotif");$.ajax({url:"https://www.xaviermarks.com/member/seenotifstory?ID="+e,method:"GET"}).done((function(e){console.log("seestory"),console.log(e)}))}));
    </script>

    <script src="themes/xmarks-2020/js/chooselanguage.js"></script>
    <script>
        function preloadFunc()
        {
            let url = new URL(window.location.href);
            
            if (!url.searchParams.has('lang')) {
                url.searchParams.append('lang', "en_US");
                
                history.replaceState(null, '', url.href);
            }
        }
        
        window.onpaint = preloadFunc();

    </script>
</body>

</html>
