<?php
if (isset($_SESSION['user'])) {
  $user = mysqli_query($conn, "SELECT * FROM `tb_user` WHERE user = '" . $_SESSION['user'] . "'") or die(mysqli_error());
  $u = mysqli_fetch_array($user);
  $users = $u['user'];
  $userid = $u['user'];
  $id_user = $u['cuid'];
  $userID = $u['cuid'];
  $token_id = isset($u['token_id']) ? $u['token_id'] : false;
  $level = isset($u['level']) ? $u['level'] : false;
  $sql_banks = mysqli_query($conn,"SELECT * FROM `tb_bank` WHERE userID = '$userID'") or die(mysqli_error());
  $sbs = mysqli_fetch_array($sql_banks);
  $sql_balance = mysqli_query($conn, "SELECT * FROM `tb_balance` WHERE userID = '$userID'") or die(mysqli_error());
  $sb = mysqli_fetch_array($sql_balance);
  include('get-balance.php');
  ?>
  <div id="r-side-bar">
    <div class="container"><!--This Blade is just to cater for multiple extends -->
        <div class="container-wrapper profile-head">
            <div class="container container-box noSidePadding">
                <div class="title fs-lg clearfix">
                    <button class="btn btn-link " id="btn-close--login-modal" fdprocessedid="x1cmo"> X
                    </button>&nbsp;&nbsp;
                    <span class="skew">
                        <span>Profil saya</span>
                    </span>
                    <a href="logout" class="btn-logout" *ngif="isMobile"><i class="icon-logout"></i></a>
                </div>
                <div class="head-content">
                    <div class="row no-gutters">
                        <div class="col-xs-12 col-sm-6 col-md-7">
                            <div class="row no-gutters">
                                <div class="clearfix col-xs-12 col-md-7">

                                    <div class="acc_safety_info ">

                                        <div class="flex-row  text-center icon_menu">
                                            <div class="icon-single">
                                                <a href="">
                                                    <i class="icon-user1"></i>
                                                    <div>Referral</div>
                                                </a>
                                            </div>
                                            <div class="icon-single">
                                                <a href="" class="mail_link">
                                                    <i class="icon-envelope"></i>
                                                    <div>Memo</div>
                                                </a>
                                            </div>
                                            <div class="icon-single">
                                                <a href="" class="mail_link ">
                                                    <i class="icon-users"></i>
                                                    <div>Member Level</div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-5  mt-4  mt-md-2">
                        </div>
                        <div class="col-xs-12  mt-3  ">
                        </div>
                        <div class="outlet tab-content">
                            <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <div class="container-b3">
                                    <!--Outlet -->
                                    <div class="row profile-edit">
                                        <div class="col-lg-5 col-xs-12">
                                            <div class="row">
                                                <div class="col-xs-4 noSidePadding">
                                                    <p class="_label" i18n="">Nama pengguna :</p>
                                                </div>
                                                <div class="col-xs-8 noSidePadding">
                                                    <p><?php echo $u['user']; ?></p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-xs-4 noSidePadding">
                                                    <p class="_label" i18n="">Tingkat Anggota :</p>
                                                </div>
                                                <div class="col-xs-8 noSidePadding">
                                                    <div class="memer_leavel">
                                                        <p class="d-flex"><span>New</span> &nbsp;
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-xs-4 noSidePadding">
                                                    <p class="_label" i18n="">Nama Sesuai Rekening :</p>
                                                </div>
                                                <div class="col-xs-8 noSidePadding">
                                                    <p><?php echo $sbs['pemilik']; ?></p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-xs-4 noSidePadding">
                                                    <p class="_label" i18n="">Alamat email :</p>
                                                </div>
                                                <div class="col-xs-8 noSidePadding">
                                                    <p><?php echo $u['email']; ?></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-7 col-12 ">
                                            <div class="row">
                                                <div class="col-xs-4 noSidePadding">
                                                    <p class="_label" i18n="">Nomor Kontak. :</p>
                                                </div>
                                                <div class="col-xs-8 noSidePadding">
                                                    <p><?php echo $u['no_hp']; ?></p>
                                                </div><!--(//TODO masked)-->
                                            </div>
                                            <div class="row">
                                                <div class="col-xs-4 noSidePadding">
                                                    <p class="_label" i18n="">Refferal Kode :</p>
                                                </div>
                                                <div class="col-xs-8 noSidePadding">

                                                    <p>
                                                        <a class="" href="">
                                                            <span class="kyc-label unverified"><i class="icon-info"></i> Unverified</span>
                                                            <span>Klik sini untuk mengaktifkan Kode Referal</span>
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 offset-lg-3 col-lg-6">
                                            <?php
                                            error_reporting(0);
                                            if (!empty($_GET['notif'])) {
                                                if ($_GET['notif'] == 1) {
                                                    echo '
                                                    <div class="alert alert-success alert-dismissible" role="alert">
                                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                                    <div class="alert-icon">
                                                    <i class="fa fa-check"></i>
                                                    </div>
                                                    <div class="alert-message">
                                                    <span><strong>Well done!</strong> Perubahan Password Disimpan!</span>
                                                    </div>
                                                    </div>
                                                    ';
                                                }
                                                if ($_GET['notif'] == 2) {
                                                    echo '
                                                    <div class="alert alert-warning alert-dismissible" role="alert">
                                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                                    <div class="alert-icon">
                                                    <i class="fa fa-exclamation-circle"></i>
                                                    </div>
                                                    <div class="alert-message">
                                                    <span><strong>Warning!</strong> Password Yang Anda Masukan Salah!</span>
                                                    </div>
                                                    </div>
                                                    ';
                                                }
                                                if ($_GET['notif'] == 3) {
                                                    echo '
                                                    <div class="alert alert-warning alert-dismissible" role="alert">
                                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                                    <div class="alert-icon">
                                                    <i class="fa fa-exclamation-circle"></i>
                                                    </div>
                                                    <div class="alert-message">
                                                    <span><strong>Warning!</strong> Password Yang Anda Masukan Tidak Sama!</span>
                                                    </div>
                                                    </div>
                                                    ';
                                                }
                                            }
                                            ?>
                                            <form action="<?php echo $urlweb; ?>/function/password.php" method="POST">
                                                <div class="form-group">
                                                    <label for="OldPassword">Kata Sandi Saat Ini</label>
                                                    <input maxlength="20" class="form-control" name="old_pass" required placeholder="Kata Sandi Saat Ini" type="password">
                                                    <span class="standard-required-message">Kata sandi harus diisi.</span>
                                                </div>
                                                <div class="form-group standard-password-field">
                                                    <label for="NewPassword">Kata Sandi Baru</label>
                                                    <input maxlength="20" class="form-control" name="pass" placeholder="Kata Sandi Baru" type="password">
                                                    <span class="standard-required-message">Password harus terdiri dari 8-20 karakter, dan harus mengandung setidaknya satu huruf besar, satu huruf kecil, dan satu angka.</span>
                                                    <i class="glyphicon glyphicon-eye-open" id="new_password_input_trigger"></i>
                                                </div>
                                                <div class="form-group standard-password-field">
                                                    <label for="ConfirmPassword">Ulangi Kata Sandi</label>
                                                    <input maxlength="20" class="form-control" name="repass" placeholder="Ulangi Kata Sandi" type="password">
                                                    <i class="glyphicon glyphicon-eye-open" id="confirm_password_input_trigger"></i>
                                                </div>
                                                <div class="standard-button-group">
                                                    <input type="submit" name="submit" class="btn btn-primary" value="UBAH KATA SANDI">
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <script>
                                        $(document).ready(function() {
                                            /*set domain based ref url*/
                                            // var base_url = window.location.origin;
                                            var ref_url = $("#hidenRefUrl").html();
                                            // var ref_final_url = base_url + ref_url;
                                            var ref_final_url = ref_url;
                                            $("#elCopyText").val(ref_final_url);
                                            // console.log(ref_final_url);
                                            /*set domain based ref url end*/
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script src="https://permainanmusangwin.today/js/ugsports/swiper.min.js"></script>
            <script>
                $(document).ready(function() {
                    $(".comingsoon").click(function(e) {
                        $("#btn-close--login-modal").trigger("click");
                        e.preventDefault();
                        sweetAlert(transMsgs.pageComingSoon);
                        return false;
                    });
                    var walletSwiper = new Swiper('#wallet-slider', {
                        speed: 320,
                        loop: false,
                        centeredSlides: true,
                        spaceBetween: 0,
                        slidesPerView: 'auto',
                        roundLengths: true,
                        preloadImages: true,
                        navigation: {
                            nextEl: '.swiper-button-next',
                            prevEl: '.swiper-button-prev',
                        },
                    });
                });
            </script>

        </div>
    </div>
</div>
</div>
<?php } else { ?>
    <div id="r-side-bar"> 
      <div class="side-bar-content container"> 
        <style type="text/css">
        </style>
        <div class="modal-header text-center">
          <button class="btn btn-link pull-left"  id="btn-close--login-modal"> X </button>
          <div style="width:100%;">
            <h4 class="text-center modal-title">Login</h4>
        </div>
    </div>
    <div class="modal-body"  >
        <form class="form-horizontal" action="<?php echo $urlweb ?>/login-proses.php" method="POST">
            <div class="form-group ">
                <label for="password" class="fs-lg" i18n>Nama pengguna</label>
                <div class="icon-input">
                    <input type="text" class="form-control input-l" maxlength="50" name="user" autocomplete="off" required="required">
                    <i class="icon-user left"></i>
                </div>
            </div>
            <div class="form-group ">
                <label for="password" class="fs-lg" i18n>Kata sandi</label>
                <div class="icon-input">
                    <input type="password" class="form-control  input-l" maxlength="20" id="pwd--login" name="pass" required="required" />
                    <i class="icon-lock left"></i>
                    <i class="icon-eye toggle-password" input_id="#pwd--login"></i>
                </div>
            </div>
            <div class="form-group ">
                <label>
                    <input type="checkbox" id="RememberMe" name="remember_me" value="1" checked>
                    <small class="text-left"> Ingat saya </small>
                </label>
            </div>
            <div class="row  alert alert-danger message" _login-modal>
            </div>
            <div class="form-group text-center">
                <button type="submit" class="btn btn-block btn-primary fs-lg btn-submit">Login</button>
                <button type="button" class="btn btn-link" i18n>
                    Lupa kata sandi? &nbsp;<i class="icon-redo"></i>
                </button>
                <app-ellipsis *ngIf="inProgress"></app-ellipsis>
            </div>
        </form>
        <form class="form-horizontal" id="resetPwdForm" name="resetPwdForm" action="/apply-resetpwd" method="post"  >
            <input type="hidden" name="_token" value="3x6xMjqK3BlOmTFRBSz9EmlANbyIQsadSGvShTon">        

            <div class="form-group row">
              <div class="col-xs-6 radio_2 p-0 fpwContactMethod" style="padding: 0;"  data-type='emailOpt'>
                <input  type="radio" name="comm_type" value="email" checked >
                <label class="" >
                  <span class="radio-title"> Alamat email </span>
                  <span class="marked">
                    <i class ="icon-checkmark"></i>
                </span>
            </label>
        </div>
        <div class="col-xs-6 radio_2 p-0 fpwContactMethod" style="padding: 0;"  data-type='mobileOpt'>
            <input  type="radio" name="comm_type" value="mobile" >
            <label class="">
              <span class="radio-title"> Nomor telepon </span>
              <span class="marked">
                <i class ="icon-checkmark"></i>
            </span>
        </label>
    </div>
</div>
<div class="form-group"  id="emailInput">
  <label for="password" >Alamat email</label>
  <div class="icon-input">
    <input type="email" class="form-control input-l"  name="email" required="required" id="email" aria-describedby="emailHelp" placeholder="">
    <i class="icon-envelope left"></i>
</div>
</div>
<div class="form-group row no-gutters" id="mobileInput">
  <label class="">Nomor telepon</label>

  <div class="input-group">            
    <div class="input-group-btn pos-abs">
      <button type="button"  class="btn btn-default dropdown-toggle input-l" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
        <span id="txt-contact-country"> +62</span>
        <span class="caret"></span>
    </button> 
    <input type="hidden" name="contact_country"
    value="62">
    <ul class="dropdown-menu" id="fpw-contact-country" style=" height: 200px; overflow-y: scroll; ">
        <li><a class="js-opt" href="#" data-value="62" id="def-ctrycontact-opt"  >Indonesia (+62)</a></li>
        <li><a class="js-opt" href="#" data-value="93"  >Afghanistan (+93)</a></li>
        <li><a class="js-opt" href="#" data-value="358"  >Aland Islands (+358)</a></li>
        <li><a class="js-opt" href="#" data-value="355"  >Albania (+355)</a></li>
        <li><a class="js-opt" href="#" data-value="213"  >Algeria (+213)</a></li>
        <li><a class="js-opt" href="#" data-value="1684"  >American Samoa (+1684)</a></li>
        <li><a class="js-opt" href="#" data-value="376"  >Andorra (+376)</a></li>
        <li><a class="js-opt" href="#" data-value="244"  >Angola (+244)</a></li>
        <li><a class="js-opt" href="#" data-value="1264"  >Anguilla (+1264)</a></li>
        <li><a class="js-opt" href="#" data-value="672"  >Antarctica (+672)</a></li>
        <li><a class="js-opt" href="#" data-value="1268"  >Antigua and Barbuda (+1268)</a></li>
        <li><a class="js-opt" href="#" data-value="54"  >Argentina (+54)</a></li>
        <li><a class="js-opt" href="#" data-value="374"  >Armenia (+374)</a></li>
        <li><a class="js-opt" href="#" data-value="297"  >Aruba (+297)</a></li>
        <li><a class="js-opt" href="#" data-value="61"  >Australia (+61)</a></li>
        <li><a class="js-opt" href="#" data-value="43"  >Austria (+43)</a></li>
        <li><a class="js-opt" href="#" data-value="994"  >Azerbaijan (+994)</a></li>
        <li><a class="js-opt" href="#" data-value="1242"  >Bahamas (+1242)</a></li>
        <li><a class="js-opt" href="#" data-value="973"  >Bahrain (+973)</a></li>
        <li><a class="js-opt" href="#" data-value="880"  >Bangladesh (+880)</a></li>
        <li><a class="js-opt" href="#" data-value="1246"  >Barbados (+1246)</a></li>
        <li><a class="js-opt" href="#" data-value="375"  >Belarus (+375)</a></li>
        <li><a class="js-opt" href="#" data-value="32"  >Belgium (+32)</a></li>
        <li><a class="js-opt" href="#" data-value="501"  >Belize (+501)</a></li>
        <li><a class="js-opt" href="#" data-value="229"  >Benin (+229)</a></li>
        <li><a class="js-opt" href="#" data-value="1441"  >Bermuda (+1441)</a></li>
        <li><a class="js-opt" href="#" data-value="975"  >Bhutan (+975)</a></li>
        <li><a class="js-opt" href="#" data-value="591"  >Bolivia (+591)</a></li>
        <li><a class="js-opt" href="#" data-value="599"  >Bonaire, Sint Eustatius and Saba (+599)</a></li>
        <li><a class="js-opt" href="#" data-value="387"  >Bosnia and Herzegovina (+387)</a></li>
        <li><a class="js-opt" href="#" data-value="267"  >Botswana (+267)</a></li>
        <li><a class="js-opt" href="#" data-value="55"  >Bouvet Island (+55)</a></li>
        <li><a class="js-opt" href="#" data-value="55"  >Brazil (+55)</a></li>
        <li><a class="js-opt" href="#" data-value="246"  >British Indian Ocean Territory (+246)</a></li>
        <li><a class="js-opt" href="#" data-value="673"  >Brunei Darussalam (+673)</a></li>
        <li><a class="js-opt" href="#" data-value="359"  >Bulgaria (+359)</a></li>
        <li><a class="js-opt" href="#" data-value="226"  >Burkina Faso (+226)</a></li>
        <li><a class="js-opt" href="#" data-value="257"  >Burundi (+257)</a></li>
        <li><a class="js-opt" href="#" data-value="855"  >Cambodia (+855)</a></li>
        <li><a class="js-opt" href="#" data-value="237"  >Cameroon (+237)</a></li>
        <li><a class="js-opt" href="#" data-value="1"  >Canada (+1)</a></li>
        <li><a class="js-opt" href="#" data-value="238"  >Cape Verde (+238)</a></li>
        <li><a class="js-opt" href="#" data-value="1345"  >Cayman Islands (+1345)</a></li>
        <li><a class="js-opt" href="#" data-value="236"  >Central African Republic (+236)</a></li>
        <li><a class="js-opt" href="#" data-value="235"  >Chad (+235)</a></li>
        <li><a class="js-opt" href="#" data-value="56"  >Chile (+56)</a></li>
        <li><a class="js-opt" href="#" data-value="86"  >China (+86)</a></li>
        <li><a class="js-opt" href="#" data-value="61"  >Christmas Island (+61)</a></li>
        <li><a class="js-opt" href="#" data-value="672"  >Cocos (Keeling) Islands (+672)</a></li>
        <li><a class="js-opt" href="#" data-value="57"  >Colombia (+57)</a></li>
        <li><a class="js-opt" href="#" data-value="269"  >Comoros (+269)</a></li>
        <li><a class="js-opt" href="#" data-value="242"  >Congo (+242)</a></li>
        <li><a class="js-opt" href="#" data-value="242"  >Congo, Democratic Republic of the Congo (+242)</a></li>
        <li><a class="js-opt" href="#" data-value="682"  >Cook Islands (+682)</a></li>
        <li><a class="js-opt" href="#" data-value="506"  >Costa Rica (+506)</a></li>
        <li><a class="js-opt" href="#" data-value="225"  >Cote D&#039;Ivoire (+225)</a></li>
        <li><a class="js-opt" href="#" data-value="385"  >Croatia (+385)</a></li>
        <li><a class="js-opt" href="#" data-value="53"  >Cuba (+53)</a></li>
        <li><a class="js-opt" href="#" data-value="599"  >Curacao (+599)</a></li>
        <li><a class="js-opt" href="#" data-value="357"  >Cyprus (+357)</a></li>
        <li><a class="js-opt" href="#" data-value="420"  >Czech Republic (+420)</a></li>
        <li><a class="js-opt" href="#" data-value="45"  >Denmark (+45)</a></li>
        <li><a class="js-opt" href="#" data-value="253"  >Djibouti (+253)</a></li>
        <li><a class="js-opt" href="#" data-value="1767"  >Dominica (+1767)</a></li>
        <li><a class="js-opt" href="#" data-value="1809"  >Dominican Republic (+1809)</a></li>
        <li><a class="js-opt" href="#" data-value="593"  >Ecuador (+593)</a></li>
        <li><a class="js-opt" href="#" data-value="20"  >Egypt (+20)</a></li>
        <li><a class="js-opt" href="#" data-value="503"  >El Salvador (+503)</a></li>
        <li><a class="js-opt" href="#" data-value="240"  >Equatorial Guinea (+240)</a></li>
        <li><a class="js-opt" href="#" data-value="291"  >Eritrea (+291)</a></li>
        <li><a class="js-opt" href="#" data-value="372"  >Estonia (+372)</a></li>
        <li><a class="js-opt" href="#" data-value="251"  >Ethiopia (+251)</a></li>
        <li><a class="js-opt" href="#" data-value="500"  >Falkland Islands (Malvinas) (+500)</a></li>
        <li><a class="js-opt" href="#" data-value="298"  >Faroe Islands (+298)</a></li>
        <li><a class="js-opt" href="#" data-value="679"  >Fiji (+679)</a></li>
        <li><a class="js-opt" href="#" data-value="358"  >Finland (+358)</a></li>
        <li><a class="js-opt" href="#" data-value="33"  >France (+33)</a></li>
        <li><a class="js-opt" href="#" data-value="594"  >French Guiana (+594)</a></li>
        <li><a class="js-opt" href="#" data-value="689"  >French Polynesia (+689)</a></li>
        <li><a class="js-opt" href="#" data-value="262"  >French Southern Territories (+262)</a></li>
        <li><a class="js-opt" href="#" data-value="241"  >Gabon (+241)</a></li>
        <li><a class="js-opt" href="#" data-value="220"  >Gambia (+220)</a></li>
        <li><a class="js-opt" href="#" data-value="995"  >Georgia (+995)</a></li>
        <li><a class="js-opt" href="#" data-value="49"  >Germany (+49)</a></li>
        <li><a class="js-opt" href="#" data-value="233"  >Ghana (+233)</a></li>
        <li><a class="js-opt" href="#" data-value="350"  >Gibraltar (+350)</a></li>
        <li><a class="js-opt" href="#" data-value="30"  >Greece (+30)</a></li>
        <li><a class="js-opt" href="#" data-value="299"  >Greenland (+299)</a></li>
        <li><a class="js-opt" href="#" data-value="1473"  >Grenada (+1473)</a></li>
        <li><a class="js-opt" href="#" data-value="590"  >Guadeloupe (+590)</a></li>
        <li><a class="js-opt" href="#" data-value="1671"  >Guam (+1671)</a></li>
        <li><a class="js-opt" href="#" data-value="502"  >Guatemala (+502)</a></li>
        <li><a class="js-opt" href="#" data-value="44"  >Guernsey (+44)</a></li>
        <li><a class="js-opt" href="#" data-value="224"  >Guinea (+224)</a></li>
        <li><a class="js-opt" href="#" data-value="245"  >Guinea-Bissau (+245)</a></li>
        <li><a class="js-opt" href="#" data-value="592"  >Guyana (+592)</a></li>
        <li><a class="js-opt" href="#" data-value="509"  >Haiti (+509)</a></li>
        <li><a class="js-opt" href="#" data-value="0"  >Heard Island and Mcdonald Islands (+0)</a></li>
        <li><a class="js-opt" href="#" data-value="39"  >Holy See (Vatican City State) (+39)</a></li>
        <li><a class="js-opt" href="#" data-value="504"  >Honduras (+504)</a></li>
        <li><a class="js-opt" href="#" data-value="852"  >Hong Kong (+852)</a></li>
        <li><a class="js-opt" href="#" data-value="36"  >Hungary (+36)</a></li>
        <li><a class="js-opt" href="#" data-value="354"  >Iceland (+354)</a></li>
        <li><a class="js-opt" href="#" data-value="91"  >India (+91)</a></li>
        <li><a class="js-opt" href="#" data-value="62"  >Indonesia (+62)</a></li>
        <li><a class="js-opt" href="#" data-value="98"  >Iran, Islamic Republic of (+98)</a></li>
        <li><a class="js-opt" href="#" data-value="964"  >Iraq (+964)</a></li>
        <li><a class="js-opt" href="#" data-value="353"  >Ireland (+353)</a></li>
        <li><a class="js-opt" href="#" data-value="44"  >Isle of Man (+44)</a></li>
        <li><a class="js-opt" href="#" data-value="972"  >Israel (+972)</a></li>
        <li><a class="js-opt" href="#" data-value="39"  >Italy (+39)</a></li>
        <li><a class="js-opt" href="#" data-value="1876"  >Jamaica (+1876)</a></li>
        <li><a class="js-opt" href="#" data-value="81"  >Japan (+81)</a></li>
        <li><a class="js-opt" href="#" data-value="44"  >Jersey (+44)</a></li>
        <li><a class="js-opt" href="#" data-value="962"  >Jordan (+962)</a></li>
        <li><a class="js-opt" href="#" data-value="7"  >Kazakhstan (+7)</a></li>
        <li><a class="js-opt" href="#" data-value="254"  >Kenya (+254)</a></li>
        <li><a class="js-opt" href="#" data-value="686"  >Kiribati (+686)</a></li>
        <li><a class="js-opt" href="#" data-value="850"  >Korea, Democratic People&#039;s Republic of (+850)</a></li>
        <li><a class="js-opt" href="#" data-value="82"  >Korea, Republic of (+82)</a></li>
        <li><a class="js-opt" href="#" data-value="381"  >Kosovo (+381)</a></li>
        <li><a class="js-opt" href="#" data-value="965"  >Kuwait (+965)</a></li>
        <li><a class="js-opt" href="#" data-value="996"  >Kyrgyzstan (+996)</a></li>
        <li><a class="js-opt" href="#" data-value="856"  >Lao People&#039;s Democratic Republic (+856)</a></li>
        <li><a class="js-opt" href="#" data-value="371"  >Latvia (+371)</a></li>
        <li><a class="js-opt" href="#" data-value="961"  >Lebanon (+961)</a></li>
        <li><a class="js-opt" href="#" data-value="266"  >Lesotho (+266)</a></li>
        <li><a class="js-opt" href="#" data-value="231"  >Liberia (+231)</a></li>
        <li><a class="js-opt" href="#" data-value="218"  >Libyan Arab Jamahiriya (+218)</a></li>
        <li><a class="js-opt" href="#" data-value="423"  >Liechtenstein (+423)</a></li>
        <li><a class="js-opt" href="#" data-value="370"  >Lithuania (+370)</a></li>
        <li><a class="js-opt" href="#" data-value="352"  >Luxembourg (+352)</a></li>
        <li><a class="js-opt" href="#" data-value="853"  >Macao (+853)</a></li>
        <li><a class="js-opt" href="#" data-value="389"  >Macedonia, the Former Yugoslav Republic of (+389)</a></li>
        <li><a class="js-opt" href="#" data-value="261"  >Madagascar (+261)</a></li>
        <li><a class="js-opt" href="#" data-value="265"  >Malawi (+265)</a></li>
        <li><a class="js-opt" href="#" data-value="60"  >Malaysia (+60)</a></li>
        <li><a class="js-opt" href="#" data-value="960"  >Maldives (+960)</a></li>
        <li><a class="js-opt" href="#" data-value="223"  >Mali (+223)</a></li>
        <li><a class="js-opt" href="#" data-value="356"  >Malta (+356)</a></li>
        <li><a class="js-opt" href="#" data-value="692"  >Marshall Islands (+692)</a></li>
        <li><a class="js-opt" href="#" data-value="596"  >Martinique (+596)</a></li>
        <li><a class="js-opt" href="#" data-value="222"  >Mauritania (+222)</a></li>
        <li><a class="js-opt" href="#" data-value="230"  >Mauritius (+230)</a></li>
        <li><a class="js-opt" href="#" data-value="269"  >Mayotte (+269)</a></li>
        <li><a class="js-opt" href="#" data-value="52"  >Mexico (+52)</a></li>
        <li><a class="js-opt" href="#" data-value="691"  >Micronesia, Federated States of (+691)</a></li>
        <li><a class="js-opt" href="#" data-value="373"  >Moldova, Republic of (+373)</a></li>
        <li><a class="js-opt" href="#" data-value="377"  >Monaco (+377)</a></li>
        <li><a class="js-opt" href="#" data-value="976"  >Mongolia (+976)</a></li>
        <li><a class="js-opt" href="#" data-value="382"  >Montenegro (+382)</a></li>
        <li><a class="js-opt" href="#" data-value="1664"  >Montserrat (+1664)</a></li>
        <li><a class="js-opt" href="#" data-value="212"  >Morocco (+212)</a></li>
        <li><a class="js-opt" href="#" data-value="258"  >Mozambique (+258)</a></li>
        <li><a class="js-opt" href="#" data-value="95"  >Myanmar (+95)</a></li>
        <li><a class="js-opt" href="#" data-value="264"  >Namibia (+264)</a></li>
        <li><a class="js-opt" href="#" data-value="674"  >Nauru (+674)</a></li>
        <li><a class="js-opt" href="#" data-value="977"  >Nepal (+977)</a></li>
        <li><a class="js-opt" href="#" data-value="31"  >Netherlands (+31)</a></li>
        <li><a class="js-opt" href="#" data-value="599"  >Netherlands Antilles (+599)</a></li>
        <li><a class="js-opt" href="#" data-value="687"  >New Caledonia (+687)</a></li>
        <li><a class="js-opt" href="#" data-value="64"  >New Zealand (+64)</a></li>
        <li><a class="js-opt" href="#" data-value="505"  >Nicaragua (+505)</a></li>
        <li><a class="js-opt" href="#" data-value="227"  >Niger (+227)</a></li>
        <li><a class="js-opt" href="#" data-value="234"  >Nigeria (+234)</a></li>
        <li><a class="js-opt" href="#" data-value="683"  >Niue (+683)</a></li>
        <li><a class="js-opt" href="#" data-value="672"  >Norfolk Island (+672)</a></li>
        <li><a class="js-opt" href="#" data-value="1670"  >Northern Mariana Islands (+1670)</a></li>
        <li><a class="js-opt" href="#" data-value="47"  >Norway (+47)</a></li>
        <li><a class="js-opt" href="#" data-value="968"  >Oman (+968)</a></li>
        <li><a class="js-opt" href="#" data-value="92"  >Pakistan (+92)</a></li>
        <li><a class="js-opt" href="#" data-value="680"  >Palau (+680)</a></li>
        <li><a class="js-opt" href="#" data-value="970"  >Palestinian Territory, Occupied (+970)</a></li>
        <li><a class="js-opt" href="#" data-value="507"  >Panama (+507)</a></li>
        <li><a class="js-opt" href="#" data-value="675"  >Papua New Guinea (+675)</a></li>
        <li><a class="js-opt" href="#" data-value="595"  >Paraguay (+595)</a></li>
        <li><a class="js-opt" href="#" data-value="51"  >Peru (+51)</a></li>
        <li><a class="js-opt" href="#" data-value="63"  >Philippines (+63)</a></li>
        <li><a class="js-opt" href="#" data-value="64"  >Pitcairn (+64)</a></li>
        <li><a class="js-opt" href="#" data-value="48"  >Poland (+48)</a></li>
        <li><a class="js-opt" href="#" data-value="351"  >Portugal (+351)</a></li>
        <li><a class="js-opt" href="#" data-value="1787"  >Puerto Rico (+1787)</a></li>
        <li><a class="js-opt" href="#" data-value="974"  >Qatar (+974)</a></li>
        <li><a class="js-opt" href="#" data-value="262"  >Reunion (+262)</a></li>
        <li><a class="js-opt" href="#" data-value="40"  >Romania (+40)</a></li>
        <li><a class="js-opt" href="#" data-value="70"  >Russian Federation (+70)</a></li>
        <li><a class="js-opt" href="#" data-value="250"  >Rwanda (+250)</a></li>
        <li><a class="js-opt" href="#" data-value="590"  >Saint Barthelemy (+590)</a></li>
        <li><a class="js-opt" href="#" data-value="290"  >Saint Helena (+290)</a></li>
        <li><a class="js-opt" href="#" data-value="1869"  >Saint Kitts and Nevis (+1869)</a></li>
        <li><a class="js-opt" href="#" data-value="1758"  >Saint Lucia (+1758)</a></li>
        <li><a class="js-opt" href="#" data-value="590"  >Saint Martin (+590)</a></li>
        <li><a class="js-opt" href="#" data-value="508"  >Saint Pierre and Miquelon (+508)</a></li>
        <li><a class="js-opt" href="#" data-value="1784"  >Saint Vincent and the Grenadines (+1784)</a></li>
        <li><a class="js-opt" href="#" data-value="684"  >Samoa (+684)</a></li>
        <li><a class="js-opt" href="#" data-value="378"  >San Marino (+378)</a></li>
        <li><a class="js-opt" href="#" data-value="239"  >Sao Tome and Principe (+239)</a></li>
        <li><a class="js-opt" href="#" data-value="966"  >Saudi Arabia (+966)</a></li>
        <li><a class="js-opt" href="#" data-value="221"  >Senegal (+221)</a></li>
        <li><a class="js-opt" href="#" data-value="381"  >Serbia (+381)</a></li>
        <li><a class="js-opt" href="#" data-value="381"  >Serbia and Montenegro (+381)</a></li>
        <li><a class="js-opt" href="#" data-value="248"  >Seychelles (+248)</a></li>
        <li><a class="js-opt" href="#" data-value="232"  >Sierra Leone (+232)</a></li>
        <li><a class="js-opt" href="#" data-value="65"  >Singapore (+65)</a></li>
        <li><a class="js-opt" href="#" data-value="1"  >Sint Maarten (+1)</a></li>
        <li><a class="js-opt" href="#" data-value="421"  >Slovakia (+421)</a></li>
        <li><a class="js-opt" href="#" data-value="386"  >Slovenia (+386)</a></li>
        <li><a class="js-opt" href="#" data-value="677"  >Solomon Islands (+677)</a></li>
        <li><a class="js-opt" href="#" data-value="252"  >Somalia (+252)</a></li>
        <li><a class="js-opt" href="#" data-value="27"  >South Africa (+27)</a></li>
        <li><a class="js-opt" href="#" data-value="500"  >South Georgia and the South Sandwich Islands (+500)</a></li>
        <li><a class="js-opt" href="#" data-value="211"  >South Sudan (+211)</a></li>
        <li><a class="js-opt" href="#" data-value="34"  >Spain (+34)</a></li>
        <li><a class="js-opt" href="#" data-value="94"  >Sri Lanka (+94)</a></li>
        <li><a class="js-opt" href="#" data-value="249"  >Sudan (+249)</a></li>
        <li><a class="js-opt" href="#" data-value="597"  >Suriname (+597)</a></li>
        <li><a class="js-opt" href="#" data-value="47"  >Svalbard and Jan Mayen (+47)</a></li>
        <li><a class="js-opt" href="#" data-value="268"  >Swaziland (+268)</a></li>
        <li><a class="js-opt" href="#" data-value="46"  >Sweden (+46)</a></li>
        <li><a class="js-opt" href="#" data-value="41"  >Switzerland (+41)</a></li>
        <li><a class="js-opt" href="#" data-value="963"  >Syrian Arab Republic (+963)</a></li>
        <li><a class="js-opt" href="#" data-value="886"  >Taiwan, Province of China (+886)</a></li>
        <li><a class="js-opt" href="#" data-value="992"  >Tajikistan (+992)</a></li>
        <li><a class="js-opt" href="#" data-value="255"  >Tanzania, United Republic of (+255)</a></li>
        <li><a class="js-opt" href="#" data-value="66"  >Thailand (+66)</a></li>
        <li><a class="js-opt" href="#" data-value="670"  >Timor-Leste (+670)</a></li>
        <li><a class="js-opt" href="#" data-value="228"  >Togo (+228)</a></li>
        <li><a class="js-opt" href="#" data-value="690"  >Tokelau (+690)</a></li>
        <li><a class="js-opt" href="#" data-value="676"  >Tonga (+676)</a></li>
        <li><a class="js-opt" href="#" data-value="1868"  >Trinidad and Tobago (+1868)</a></li>
        <li><a class="js-opt" href="#" data-value="216"  >Tunisia (+216)</a></li>
        <li><a class="js-opt" href="#" data-value="90"  >Turkey (+90)</a></li>
        <li><a class="js-opt" href="#" data-value="7370"  >Turkmenistan (+7370)</a></li>
        <li><a class="js-opt" href="#" data-value="1649"  >Turks and Caicos Islands (+1649)</a></li>
        <li><a class="js-opt" href="#" data-value="688"  >Tuvalu (+688)</a></li>
        <li><a class="js-opt" href="#" data-value="256"  >Uganda (+256)</a></li>
        <li><a class="js-opt" href="#" data-value="380"  >Ukraine (+380)</a></li>
        <li><a class="js-opt" href="#" data-value="971"  >United Arab Emirates (+971)</a></li>
        <li><a class="js-opt" href="#" data-value="44"  >United Kingdom (+44)</a></li>
        <li><a class="js-opt" href="#" data-value="1"  >United States (+1)</a></li>
        <li><a class="js-opt" href="#" data-value="1"  >United States Minor Outlying Islands (+1)</a></li>
        <li><a class="js-opt" href="#" data-value="598"  >Uruguay (+598)</a></li>
        <li><a class="js-opt" href="#" data-value="998"  >Uzbekistan (+998)</a></li>
        <li><a class="js-opt" href="#" data-value="678"  >Vanuatu (+678)</a></li>
        <li><a class="js-opt" href="#" data-value="58"  >Venezuela (+58)</a></li>
        <li><a class="js-opt" href="#" data-value="84"  >Viet Nam (+84)</a></li>
        <li><a class="js-opt" href="#" data-value="1284"  >Virgin Islands, British (+1284)</a></li>
        <li><a class="js-opt" href="#" data-value="1340"  >Virgin Islands, U.s. (+1340)</a></li>
        <li><a class="js-opt" href="#" data-value="681"  >Wallis and Futuna (+681)</a></li>
        <li><a class="js-opt" href="#" data-value="212"  >Western Sahara (+212)</a></li>
        <li><a class="js-opt" href="#" data-value="967"  >Yemen (+967)</a></li>
        <li><a class="js-opt" href="#" data-value="260"  >Zambia (+260)</a></li>
        <li><a class="js-opt" href="#" data-value="263"  >Zimbabwe (+263)</a></li>
    </ul>
</div>
<input type="text" style="height:fit-content;" name="mobile" id="mobile" value="" class="form-control input-l" >
</div>            
</div>
<div class="form-group row no-gutters">
  <div class="col-xs-8 col-md-8">
    <input  type="tel" id='registerCaptchaimg' class="form-control" name="forgotPwCaptchaimg" maxlength="4"
    autocomplete="off" style="height: 50px;" placeholder="Captcha">
</div>
<button class="btn btn-refresh col-xs-4 col-md-4 text-left" type="button" id="fogotrefreshCaptcha"  >
    <img   data-url="https://halo138login3.shop/captcha-image-forgotpw?v=1722198658" id="forgotPwCaptchaimgpath" class="captcha_img"
    autocomplete="off">
    <i class="icon-refresh"></i>
</button>
</div>
<div class="row alert alert-danger message" _login-modal >
</div>
<div class="form-group text-center">
  <button type="submit" class="btn btn-block btn-primary fs-lg">Reset</button>
  <button type="button" id="btn-back--login-modal" class="btn btn-link"  i18n>
    <i class="icon-undo"></i>&nbsp; Kembali untuk masuk          </button>
    <app-ellipsis *ngIf="inProgress"></app-ellipsis>
</div>
</form>
<form class="form-horizontal text-center" id="pinForm" action="https://halo138login3.shop/validate-pin">

  <div class="form-group ">
    <h3>Kode Pin Aman</h3>
    <p class="">Silakan Masukkan Kode Pin Aman Anda</p>
</div>
<div class="form-group ">
    <div class="pin-in-grp" id="pin-in-grp">
      <input type="password" maxlength="1" name="pincode[0]" required class="form-control pincode" style="width:16.66%"  >
      <input type="password" maxlength="1" name="pincode[1]" required  class="form-control pincode" style="width:16.66%">
      <input type="password" maxlength="1" name="pincode[2]" required  class="form-control pincode" style="width:16.66%">
      <input type="password" maxlength="1" name="pincode[3]" required  class="form-control pincode" style="width:16.66%">
      <input type="password" maxlength="1" name="pincode[4]"  required class="form-control pincode"  style="width:16.66%">
      <input type="password" maxlength="1" name="pincode[5]" required  class="form-control pincode" style="width:16.66%">
  </div>
</div>
<div class="form-group button-group">
    <div class="row">
       <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="8"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="6"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="5"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="3"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="9"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="4"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="2"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="7"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="0"  >
      </div>
      <div class="col-xs-4">
          <input id='back_bt' class="btn btn-warning btn-block  btn-round" type="button" value="RESET"  >
      </div>
      <div class="col-xs-4">
          <input class="btn btn-primary btn-block  btn-round pinkey" type="button" value="1"  >
      </div>
      <div class="col-xs-4">
          <button class="btn btn-info btn-round btn-block waves-effect waves-light btn-submit" type="submit">Submit</button>
      </div>
  </div>
  <div class="row">
    <div class="col-xs-4"></div>
    <div class="col-xs-4"><a style="" class="btn btn-danger btn-round btn-block waves-effect " href="https://halo138login3.shop/logout" i18n="@Logout">LOGOUT</a></div>
    <div class="col-xs-4"></div>
</div>
</div>
<div class="row  alert alert-danger message" _login-modal >
</div>
</form>
<form class="form-horizontal text-center" id="fa2Form" action="https://halo138login3.shop/validate-2fa" style="display: none;">
    <div class="form-group ">
      <h3>Masukkan Kode 2FA</h3>
      <p class="">Masukkan kode verifikasi yang dihasilkan oleh aplikasi autentikator di ponsel Anda</p>
  </div>
  <div class="form-group ">
      <h4>Kode verifikasi dari aplikasi</h4>
      <div class="pin-in-grp" id="fa2_grp">
        <input type="password" maxlength="1" name="pincode[1]" required class="form-control pincode text-center" style="width:16.66%;float:left"  >
        <input type="password" maxlength="1" name="pincode[2]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
        <input type="password" maxlength="1" name="pincode[3]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
        <input type="password" maxlength="1" name="pincode[4]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
        <input type="password" maxlength="1" name="pincode[5]"  required class="form-control pincode text-center"  style="width:16.66%;float:left">
        <input type="password" maxlength="1" name="pincode[6]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
    </div>
</div>
<div class="form-group text-center">
  <button class="btn btn-info btn-round  waves-effect waves-light btn-submit" type="submit">Submit</button>
</div>
<div class="row  alert alert-danger message" _login-modal >
</div>
</form>
</div>
<div class="modal-footer text-center" id="footer--login-modal">
  <div class="footer-content">Tidak terdaftar?  <a  href="/register"  i18n>Daftar</a></div>
</div>
</div> 
</div> 
</div>
</div>
<?php } ?>