<div class="">
  <div class="modal fade login-modal" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="row">
          <button type="button" class="btn-close btn-close1" data-bs-dismiss="modal" aria-label="Close"></button>
          <div class="col-12 col-md-8">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel"><img src="/Content/img/new-Sekabet-Logo.png" alt="" style="width: 135px;" /></h5>
            </div>
            <div class="modal-login">
              <form action="/tr/Security/LogOn" method="post" autocomplete="off" name="login_form" id="login_form" style="display: inline;">
                <p class="login-welcome">Hoş geldiniz!</p>
                <p class="login-account">Henüz bir hesabınız yok mu? <a href="/tr/Security/Register">Şimdi kayıt ol </a></p>
                <div class="input-group">
                  <div class="recovery_pass__phone-pre" id="login__recovery_pass__phone-pre1" style="display: none;">
                    <div class="iti-flag tr"></div>
                    <p class="plus">+</p>
                  </div>
                  <input type="text" class="login-input login-input__mobileNumber" id="inputplaceholderid1" placeholder="Cep Telefonu" name="MobileNumber" style="display: none;" />
                  <input type="text" class="login-input login-input__userName" id="inputplaceholderid1" placeholder="E-Posta yada Kullanıcı Adı" name="UserName" />
                  <button type="button" class="switchbutton" id="ToggleLogin1" style="position: absolute; margin-top: 13px; right: 8px; border: none; color: white; outline: none; background: transparent;">
                    <span class="fa fa-phone" id="phone-span1" title="Cep Telefonu"> </span>
                  </button>
                </div>
                <div class="input-group">
                  <input type="password" class="login-input mt-3" placeholder="Şifre" name="Password" id="login-password" />

                  <span class="fa fa-eye-slash" style="font-size: 20px;" id="showpassword" title="show"></span>
                </div>
                <input type="hidden" name="returnUrl" />
                <input type="hidden" value="" id="ipx" name="ip" />
                <input type="hidden" value="" id="pinx" name="pinx" />
                <input type="hidden" value="" id="smsCodex" name="smsCodex" />
                <div class="login-btn">
                  <div>
                    <div class="grecaptcha-badge" data-style="none" style="width: 256px; height: 60px; position: fixed; visibility: hidden;">
                      <div class="grecaptcha-logo">
                        <iframe
                          title="reCAPTCHA"
                          width="256"
                          height="60"
                          role="presentation"
                          name="a-sa8xpzolqoot"
                          frameborder="0"
                          scrolling="no"
                          sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
                          src="https://www.google.com/recaptcha/enterprise/anchor?ar=1&amp;k=6Ld4Aw8nAAAAAHOFGczM6ah8kzROMxZaF5a6oHkA&amp;co=aHR0cHM6Ly9zZWthYmV0MTIxNy5jb206NDQz&amp;hl=tr&amp;v=hfUfsXWZFeg83qqxrK27GB8P&amp;size=invisible&amp;sa=submit&amp;cb=85utmaa12pdi"
                        ></iframe>
                      </div>
                      <div class="grecaptcha-error"></div>
                      <textarea
                        id="g-recaptcha-response"
                        name="g-recaptcha-response"
                        class="g-recaptcha-response"
                        style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"
                      ></textarea>
                    </div>
                  </div>
                  <button class="btn btn-primary g-recaptcha" type="submit" id="login-modal__submit" data-sitekey="6Ld4Aw8nAAAAAHOFGczM6ah8kzROMxZaF5a6oHkA" data-callback="onSubmit" data-action="submit">
                    Giriş
                  </button>
                  <a href="#" data-bs-toggle="modal" data-bs-target="#sn_password_recovery_modal">Şifremi Unuttum</a>
                </div>

                <p class="recaptcha-info-text">
                  Sekabet, reCAPTCHA tarafından korunmaktadır ve Google
                  <a href="https://policies.google.com/privacy" class="text-primary">Gizlilik Politikası</a> ve <a href="https://policies.google.com/terms" class="text-primary">Hizmet Koşulları</a>’na tabidir.
                </p>
              </form>
            </div>
          </div>
          <div class="col-4 d-none d-md-block"></div>
        </div>
      </div>
    </div>
  </div>
  <!--.register modal start -->

  <script>
    var count = 0;
    function onSubmit(token) {
      onLogon();
    }

    $(document).ready(function () {
      $("#login-password").keyup(function (e) {
        e.preventDefault();
        if (e.key === "Enter") {
          $("#login-modal__submit").click();
        }
      });
    });

    // visibility of password
    $(document).ready(function () {
      /*const mobileNumberCode = $('.login-input__mobileNumber').val(90)*/
      $(".login-input__mobileNumber").keyup(function () {
        if (!$(this).val().startsWith(90)) {
          $("[name=UserName]").val(90 + $(this).val());
          $("[name=MobileNumber]").val(90 + $(this).val());
        } else {
          $("[name=UserName]").val($(this).val());
          $("[name=MobileNumber]").val($(this).val());
        }
      });

      $("#ToggleLogin1").click(function () {
        var phonespan = document.getElementById("phone-span1");
        var usernameinput = document.getElementById("inputplaceholderid1");
        count++;
        if (count % 2 != 0) {
          $(".login-input__mobileNumber").css("display", "block");
          $(".login-input__userName").css("display", "none");
          phonespan.classList.remove("fa-phone");
          phonespan.classList.add("fa-envelope");
          $("#login__recovery_pass__phone-pre1").show();
          usernameinput.style.paddingLeft = "51px";
        } else {
          $(".login-input__mobileNumber").css("display", "none");
          $(".login-input__userName").css("display", "block");
          phonespan.classList.remove("fa-envelope");
          phonespan.classList.add("fa-phone");
          $("#login__recovery_pass__phone-pre1").hide();
          usernameinput.style.paddingLeft = "16px";
        }
      });
    });
  </script>

  <script src="/Scripts/jquery.steps.js"></script>

  <div id="sn_password_recovery_modal" class="modal fade in custom-modal" role="dialog">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content block__container login__container">
        <div class="modal-header">
          <h4 class="modal-title">
            ŞİFREYİ SIFIRLA
          </h4>
          <button type="button" class="close" data-bs-dismiss="modal">×</button>
        </div>

        <div class="modal-body">
          <div class="block__title-bar login-page__title forgot--password__modal"></div>

          <div id="recovery_pass_steps" role="application" class="wizard clearfix">
            <div class="steps clearfix">
              <ul role="tablist" style="display: none;">
                <li role="tab" class="first current" aria-disabled="false" aria-selected="true">
                  <a id="recovery_pass_steps-t-0" href="#recovery_pass_steps-h-0" aria-controls="recovery_pass_steps-p-0"><span class="current-info audible">current step: </span><span class="number">1.</span> ResetPassword</a>
                </li>
                <li role="tab" class="disabled" aria-disabled="true">
                  <a id="recovery_pass_steps-t-1" href="#recovery_pass_steps-h-1" aria-controls="recovery_pass_steps-p-1"><span class="number">2.</span> ResetPassword</a>
                </li>
                <li role="tab" class="disabled" aria-disabled="true">
                  <a id="recovery_pass_steps-t-2" href="#recovery_pass_steps-h-2" aria-controls="recovery_pass_steps-p-2"><span class="number">3.</span> ResetPassword</a>
                </li>
                <li role="tab" class="disabled last" aria-disabled="true">
                  <a id="recovery_pass_steps-t-3" href="#recovery_pass_steps-h-3" aria-controls="recovery_pass_steps-p-3"><span class="number">4.</span> ResetPassword</a>
                </li>
              </ul>
            </div>
            <div class="content clearfix">
              <h3 id="recovery_pass_steps-h-0" tabindex="-1" class="title current" style="display: none;">ResetPassword</h3>

              <section class="login__content body current" id="recovery_pass_steps-p-0" role="tabpanel" aria-labelledby="recovery_pass_steps-h-0" aria-hidden="false">
                <div class="mb-4">
                  <i class="fa fa-info-circle me-1"></i>
                  <span>Lütfen geçerli bir telefon numarası ve kullanıcı adı giriniz</span>
                </div>
                <div class="form-group group-md" resetpasswordvalidationcontainer="phoneNumber">
                  <label class="login-label">Telefon Numaranız</label>
                  <div style="position: relative;">
                    <div class="recovery_pass__phone-pre">
                      <span>+90</span>
                    </div>
                    <input type="text" class="form-control" placeholder="" name="pass_reset_phoneNumber" data-validated="0" style="padding-left: 75px;" />
                    <div class="error-text error2"></div>
                  </div>
                </div>
                <div class="form-group" resetpasswordvalidationcontainer="userName">
                  <label class="mb-2">Kullanıcı Adı</label>
                  <input type="text" class="form-control mb-2" placeholder="" name="pass_reset_userName" data-validated="0" />
                  <div class="error-text error2"></div>
                </div>
              </section>

              <h3 id="recovery_pass_steps-h-1" tabindex="-1" class="title" style="display: none;">ResetPassword</h3>

              <section class="login__content body" style="padding-bottom: 0px; display: none;" id="recovery_pass_steps-p-1" role="tabpanel" aria-labelledby="recovery_pass_steps-h-1" aria-hidden="true">
                <div class="form-group group-md">
                  <label class="mb-2">Cep Telefonu</label>
                  <input type="text" value="+ *** ** ******" class="form-control" name="pass_reset_mobile" disabled="" />
                </div>

                <div class="form-group group-lg" resetpasswordvalidationcontainer="smsCode">
                  <label class="mb-2">SMS Kodu</label>
                  <div class="sms-code__container">
                    <div class="sms-code__input-container">
                      <input type="text" class="form-control m-0" placeholder="Kodu girin" name="pass_reset_sms_code" maxlength="8" data-validated="0" />
                      <span id="reset_pass_sms_timer" class="reset_pass_sms_timer">00:30</span>
                    </div>
                    <div class="sms-code__button-container">
                      <button id="pass_reset_send_code" class="btn btn-primary btn-block">
                        SMS Gönder
                      </button>
                    </div>
                  </div>
                  <div class="error-text error2"></div>
                </div>
              </section>

              <h3 id="recovery_pass_steps-h-2" tabindex="-1" class="title" style="display: none;">ResetPassword</h3>

              <section class="login__content body" style="padding-bottom: 0px; display: none;" id="recovery_pass_steps-p-2" role="tabpanel" aria-labelledby="recovery_pass_steps-h-2" aria-hidden="true">
                <div class="form-group group-md required" resetpasswordvalidationcontainer="password">
                  <label class="mb-2">Şifre</label>
                  <input type="password" placeholder="Yeni Şifre Girin" class="form-control" name="pass_reset_new_password" data-validated="0" />
                  <div class="progress password__progress" resetpasswordvalidationcontainer="passProgress">
                    <div class="progress-bar progress-bar-danger progress-bar-20" role="progressbar" style="width: 20%; display: none;"></div>
                    <div class="progress-bar progress-bar-warning progress-bar-50" role="progressbar" style="width: 50%; display: none;"></div>
                    <div class="progress-bar progress-bar-success progress-bar-100" role="progressbar" style="width: 100%; display: none;"></div>
                  </div>
                  <div class="error2 error-text" style="padding-left: 0; max-width: inherit;"></div>
                </div>

                <div class="form-group group-md" resetpasswordvalidationcontainer="confirmPassword">
                  <label class="mb-2">Şifreyi Onayla</label>
                  <div class="sms-code__container">
                    <input type="password" placeholder="Şifreyi Onayla" class="form-control" name="pass_reset_confirm_new_password" data-validated="0" />
                  </div>
                  <div class="error-text error2"></div>
                </div>
              </section>

              <h3 id="recovery_pass_steps-h-3" tabindex="-1" class="title" style="display: none;">ResetPassword</h3>
              <section id="recovery_pass_steps-p-3" role="tabpanel" aria-labelledby="recovery_pass_steps-h-3" class="body" aria-hidden="true" style="display: none;">
                <div class="text-success">
                  <i class="fa fa-check-circle me-2"></i>
                  Şifre kurtarma başarıyla tamamlandı!
                </div>
              </section>
            </div>
          </div>
        </div>

        <div class="modal-footer">
          <div class="d-flex gap-2">
            <a class="btn btn-secondary btn-block" target="_blank" style="display: none;" id="pass_reset_back_step">
              Geri
            </a>

            <a type="submit" class="btn btn-primary btn-block" id="pass_reset_next_step">
              İleri
            </a>

            <input type="submit" class="btn btn-primary btn-block pass-reset-footer-action" id="pass_reset_submit" value="Gönder" style="display: none;" />
          </div>
        </div>
      </div>
    </div>
  </div>

  <script>
    (function () {
      var $sn_password_recovery_modal = $("#sn_password_recovery_modal");

      var $pass_reset_back_step = $("#pass_reset_back_step");
      var $pass_reset_next_step = $("#pass_reset_next_step");
      var $pass_reset_submit = $("#pass_reset_submit");

      var loader = $(".loader").dialog({
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        show: "fade",
        hide: "fade",
        closeOnEscape: false,
        open: function (event, ui) {
          $(".ui-dialog-titlebar-close", ui.dialog | ui).hide();
        },
      });

      var $recovery_pass_steps = $("#recovery_pass_steps").steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "none",
        autoFocus: true,
        enablePagination: false,
        onInit: function (event, current) {
          $(".actions > ul > li:first-child").attr("style", "display:none");
          $('#recovery_pass_steps ul[role="tablist"]').hide();
          $('#recovery_pass_steps h3[tabindex="-1"]').hide();
        },
      });

      $pass_reset_next_step.click(function () {
        showNextStep();
      });

      function showNextStep() {
        var currentStep = $recovery_pass_steps.steps("getCurrentIndex");

        if (currentStep == 0) {
          if ($("input[name=pass_reset_userName]").attr("data-validated") == 0) {
            validateResetUserName();
            return;
          }

          $pass_reset_back_step.show();
        } else if (currentStep == 1) {
          if ($("input[name=pass_reset_sms_code]").attr("data-validated") == 0) {
            validateSmsCode();
            return;
          }

          $pass_reset_back_step.show();
          $pass_reset_next_step.hide();
          $pass_reset_submit.show();
        } else if (currentStep == 2) {
          $pass_reset_back_step.hide();
          $pass_reset_submit.hide();
        }

        $recovery_pass_steps.steps("next");
      }

      $pass_reset_back_step.click(function () {
        var currentStep = $recovery_pass_steps.steps("getCurrentIndex");
        $("input[name=pass_reset_phoneNumber]").val("");
        $("input[name=pass_reset_userName]").val("");

        if (currentStep == 1) {
          var $smsCodeInput = $("input[name=pass_reset_sms_code]");
          $smsCodeInput.val("");
          $smsCodeInput.attr("data-validated", 0);

          $pass_reset_back_step.hide();
          $pass_reset_next_step.show();
        } else if (currentStep == 2) {
          $pass_reset_submit.hide();
          $pass_reset_next_step.show();
        }

        $recovery_pass_steps.steps("previous");
      });

      function passResetValiadationFunction(data, message, success) {
        if (!success) {
          $("[resetPasswordValidationContainer=" + data + "] .error2").text(message);

          if (data == "password") {
            $("[resetPasswordValidationContainer=passProgress] .progress-bar-danger").css("display", "block");
            $("[resetPasswordValidationContainer=passProgress] .progress-bar-warning").css("display", "none");
            $("[resetPasswordValidationContainer=passProgress] .progress-bar-success").css("display", "none");
          }
        } else if (success) {
          $("[resetPasswordValidationContainer=" + data + "] .error2").empty();
          if (data == "password") {
            $("[resetPasswordValidationContainer=passProgress] .progress-bar-danger").css("display", "none");
            $("[resetPasswordValidationContainer=passProgress] .progress-bar-warning").css("display", "block");
            $("[resetPasswordValidationContainer=passProgress] .progress-bar-success").css("display", "none");

            var length = $('input[name="pass_reset_new_password"]').val().length;

            if (length > 10) {
              $("[resetPasswordValidationContainer=passProgress] .progress-bar-danger").css("display", "none");
              $("[resetPasswordValidationContainer=passProgress] .progress-bar-warning").css("display", "none");
              $("[resetPasswordValidationContainer=passProgress] .progress-bar-success").css("display", "block");
            }
          }
        }
      }

      function validateResetUserName() {
        var $smsCodeInput = $("[name=pass_reset_sms_code]");
        $smsCodeInput.val("");
        $smsCodeInput.attr("data-validated", 0);

        var $this = $("input[name=pass_reset_userName]");
        var $thisphone = $("input[name=pass_reset_phoneNumber]");
        var $mobileNumber = $("input[name=pass_reset_mobile]");

        $.ajax({
          type: "POST",
          data: "userName=" + $this.val() + "&phoneNumber=" + "90" + $thisphone.val(),
          url: "/tr/Security/ValidateUserNameAndMobileForPasswordRecovery",
          success: function (data) {
            passResetValiadationFunction(data.data, data.message, data.success);
            $this.attr("data-validated", data.success ? 1 : 0);

            if (data.success) {
              $mobileNumber.val(data.message);
            } else {
              $mobileNumber.val("+ *** ** ******");
            }
          },
        });
      }

      function validateSmsCode() {
        var $this = $("input[name=pass_reset_sms_code]");

        $.ajax({
          type: "POST",
          data: "userName=" + $("input[name=pass_reset_userName]").val() + "&smsCode=" + $this.val(),
          url: "/tr/Security/ValidateSmsCodeByUsername",
          success: function (data) {
            passResetValiadationFunction(data.data, data.message, data.success);
            $this.attr("data-validated", data.success ? 1 : 0);
          },
        });
      }

      function validateResetPassword() {
        var $this = $("input[name=pass_reset_new_password]");
        var password = $this.val();

        if (password.length > 7) {
          $.ajax({
            type: "POST",
            data: "password=" + password,
            url: "/tr/Security/ValidatePassword",
            success: function (data) {
              passResetValiadationFunction(data.data, data.message, data.success);
              $this.attr("data-validated", data.success ? 1 : 0);
            },
          });
        } else {
          passResetValiadationFunction("password", "Şifre en az sekiz karakter olmalıdır.", false);
          $this.attr("data-validated", 0);
        }
      }

      function validateResetConfirmPassword() {
        var $this = $("input[name=pass_reset_confirm_new_password]");

        var confirmPassword = $this.val();
        var password = $sn_password_recovery_modal.find("input[name=pass_reset_new_password]").val();

        $.ajax({
          type: "POST",
          data: "password=" + password + "&passwordConfirm=" + confirmPassword,
          url: "/tr/Security/ValidatePasswordConfirm",
          success: function (data) {
            passResetValiadationFunction(data.data, data.message, data.success);
            $this.attr("data-validated", data.success ? 1 : 0);
          },
        });
      }

      $("input[name=pass_reset_userName]").focusout(function () {
        validateResetUserName();
      });

      $("input[name=pass_reset_sms_code]").focusout(function () {
        validateSmsCode();
      });

      $("input[name=pass_reset_new_password]").bind("keyup", function () {
        validateResetPassword();
      });

      $("input[name=pass_reset_confirm_new_password]").focusout(function () {
        validateResetConfirmPassword();
      });

      $pass_reset_submit.click(function () {
        loader.dialog("open");

        $.ajax({
          type: "POST",
          data:
            "userName=" +
            $("[name=pass_reset_userName]").val() +
            "&newPassword=" +
            $("[name=pass_reset_new_password]").val() +
            "&newPasswordConfirm=" +
            $("[name=pass_reset_confirm_new_password]").val() +
            "&smsCode=" +
            $("[name=pass_reset_sms_code]").val(),
          url: "/tr/Security/RecoveryPassword",
          success: function (data) {
            $(".loader").dialog("close");

            if (!data.success) {
              $.each(data.L, function (i, item) {
                if (item.data == "smsCode") {
                  passResetValiadationFunction("confirmPassword", item.message, item.success);
                } else {
                  passResetValiadationFunction(item.data, item.message, item.success);
                }
              });
            } else {
              showNextStep();
            }
          },
        });
      });

      function onResetPassSendSms() {
        var validated = true;

        if ($("input[name=pass_reset_userName]").attr("data-validated") == 0) {
          validateResetUserName();
          validated = false;
        }

        return validated;
      }

      $("#pass_reset_send_code").on("click", function () {
        if (!onResetPassSendSms()) {
          return false;
        }

        SendSmsVerificationCodeByUserName();
      });

      function SendSmsVerificationCodeByUserName() {
        var $pass_reset_send_code = $("#pass_reset_send_code");

        $.ajax({
          type: "POST",
          data: "userName=" + $("[name=pass_reset_userName]").val(),
          url: "/tr/Security/SendSmsVerificationCodeByUserName",
          success: function (data) {
            passResetValiadationFunction("smsCode", data.message, data.success);

            if (data.success) {
              $pass_reset_send_code.attr("disabled", true);
              startResetPassTimer();
              $("#sms_code_delivery_message").text("SMS Kodu yukarıdaki numaraya gönderildi.");
            } else {
              $("#sms_code_delivery_message").empty();
              $pass_reset_send_code.attr("disabled", false);
            }
          },
        });
      }

      function startResetPassTimer() {
        var $pass_reset_send_code = $("#pass_reset_send_code");
        var $timer = $("#reset_pass_sms_timer");
        var duration = 30;

        function updateTimer() {
          if (duration >= 0) {
            if (duration < 10) {
              $timer.text("00:0" + duration);
            } else {
              $timer.text("00:" + duration);
            }
          } else {
            clearInterval(timeinterval);
            $pass_reset_send_code.attr("disabled", false);
            $pass_reset_send_code.text("Tekrar Gönder");
          }

          duration--;
        }

        var timeinterval = setInterval(updateTimer, 1000);
      }
    })();
  </script>

  <div class="container custom-container">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb custom-breadcrumb">
        <li class="breadcrumb-item"><a href="/tr">Ana Sayfa</a></li>
        <li class="breadcrumb-item active" aria-current="page">-&gt; YENİ ÜYE</li>
      </ol>
    </nav>

    <!-- <div class="loader-container mt-5 mb-5 pt-2 pb-5">
      <span class="loader5"></span>
    </div> -->

    <script src="/Scripts/jquery.steps.js"></script>

    <div id="register-modal" class="modal register-modal d-block" role="dialog">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="row h-100">
            <button type="button" id="show_confirmation_modal" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

            <div class="col-12 col-md-5 register-steps-container">
              <div class="steps steps-custom">
                <ul>
                  <li class="step_1 active">
                    <div>
                      <div class="checkboxdiv"></div>
                      <p>Hesap detayları</p>
                    </div>
                  </li>
                  <li>
                    <div class="register-steps-line">
                      <div></div>
                    </div>
                  </li>
                  <li class="step_2">
                    <div>
                      <div class="checkboxdiv"></div>
                      <p>Tercihler</p>
                    </div>
                  </li>
                  <li>
                    <div class="register-steps-line">
                      <div></div>
                    </div>
                  </li>
                  <li class="step_3">
                    <div>
                      <div class="checkboxdiv"></div>
                      <p>Doğrulama</p>
                    </div>
                  </li>
                </ul>
              </div>
            </div>

            <div class="col-12 col-md-7 position-relative">
              <div class="register-content-container registrationForm">
                <h1 class="register__content-header">
                  Hesap oluşturma
                </h1>
                <p class="register__content-header-login">
                  Zaten hesabınız var mı? <a href="/tr/Security/LogOn"><b> Giriş </b></a>
                </p>

                <div id="steps" role="application" class="wizard clearfix">
                  <div class="steps clearfix">
                    <ul role="tablist">
                      <li role="tab" class="first current" aria-disabled="false" aria-selected="true">
                        <a id="steps-t-0" href="#steps-h-0" aria-controls="steps-p-0"><span class="current-info audible">current step: </span><span class="number">1.</span> Hesap detayları</a>
                      </li>
                      <li role="tab" class="disabled" aria-disabled="true">
                        <a id="steps-t-1" href="#steps-h-1" aria-controls="steps-p-1"><span class="number">2.</span> Tercihler</a>
                      </li>
                      <li role="tab" class="disabled last" aria-disabled="true">
                        <a id="steps-t-2" href="#steps-h-2" aria-controls="steps-p-2"><span class="number">3.</span> Tercihler</a>
                      </li>
                    </ul>
                  </div>
                  <div class="content clearfix">
                    <h3 id="steps-h-0" tabindex="-1" class="title current">Hesap detayları</h3>

                    <section id="steps-p-0" role="tabpanel" aria-labelledby="steps-h-0" class="body current" aria-hidden="false">
                      <input type="hidden" id="landingRegistrationId" name="landingRegistrationId" value="0" />

                      <div class="form-group" validationcontainer="userName">
                        <label class="control-label" for="usern">Kullanıcı Adı</label>
                        <div class="sn-valid-check">
                          <input type="text" class="form-control" value="" placeholder="" name="userName" data-validated="0" />

                          <i class="fa fa-times red d-none"></i>
                          <i class="fa fa-check green d-none"></i>
                        </div>
                        <div class="error2" id="error_password"></div>
                      </div>

                      <div class="form-group" validationcontainer="password">
                        <label class="control-label" for="">Şifre</label>
                        <div class="sn-valid-check">
                          <input type="password" class="form-control" name="password" data-validated="0" id="password_input" />
                          <i class="fa fa-times red d-none"></i>
                          <i class="fa fa-check green d-none"></i>
                        </div>
                        <div validationcontainer="passProgress" class="passProgress" id="passProgress_cont">
                          <div>
                            <div class="progress">
                              <div class="progress-bar progress-bar-danger" role="progressbar" style="width: 20%; display: none;"></div>
                              <div class="progress-bar progress-bar-warning" role="progressbar" style="width: 50%; display: none;"></div>
                              <div class="progress-bar progress-bar-success" role="progressbar" style="width: 100%; display: none;"></div>
                            </div>
                          </div>
                        </div>
                        <div class="error2"></div>
                      </div>

                      <div class="form-group" validationcontainer="confirmPassword">
                        <label class="control-label" for="">Şifreyi Onayla</label>
                        <div class="sn-valid-check">
                          <input type="password" class="form-control" name="confirmPassword" data-validated="0" />
                          <i class="fa fa-times red d-none"></i>
                          <i class="fa fa-check green d-none"></i>
                        </div>
                        <div class="error2"></div>
                      </div>
                    </section>

                    <h3 id="steps-h-1" tabindex="-1" class="title">Tercihler</h3>

                    <section id="steps-p-1" role="tabpanel" aria-labelledby="steps-h-1" class="body" aria-hidden="true" style="display: none;">
                      <div class="form-group" validationcontainer="country">
                        <label class="control-label" for="">Ülke</label>
                        <div class="sn-valid-check2">
                          <select name="country" class="form-control" style="width: 100%;">
                            <option value="173" data-country-code="no" data-dial-code="47" data-sms-verification-active="1">
                              Norveç
                            </option>
                            <option value="238" data-country-code="tr" data-dial-code="90" data-sms-verification-active="1" selected="">
                              Türkiye
                            </option>
                          </select>

                          <i class="fa fa-times red d-none"></i>
                          <i class="fa fa-check green d-none"></i>
                        </div>
                        <div class="error2 col-sm-offset-4"></div>
                      </div>

                      <div class="form-group" validationcontainer="currency">
                        <label class="control-label" for="">Para Birimi</label>
                        <div class="sn-valid-check3">
                          <select name="currency" class="form-control" style="width: 100%;">
                            <option value="1">TL - Türk lirası</option>
                            <option value="2">USD - USD Dollar</option>
                            <option value="3">EUR - Euro</option>
                          </select>
                          <i class="fa fa-times red d-none"></i>
                          <i class="fa fa-check green d-none"></i>
                        </div>
                        <div class="error2 col-sm-offset-4"></div>
                      </div>
                    </section>

                    <h3 id="steps-h-2" tabindex="-1" class="title">Tercihler</h3>

                    <section id="steps-p-2" role="tabpanel" aria-labelledby="steps-h-2" class="body" aria-hidden="true" style="display: none;">
                      <div class="form-group" validationcontainer="email">
                        <label class="control-label" for="">E-Posta</label>
                        <div class="sn-valid-check">
                          <input type="email" class="form-control" placeholder="" name="email" />
                          <i class="fa fa-times red d-none"></i>
                          <i class="fa fa-check green d-none"></i>
                        </div>
                        <div class="error2 col-sm-offset-4"></div>
                      </div>

                      <div class="form-group" validationcontainer="phone">
                        <label class="control-label" for="">Cep Telefonu</label>
                        <div class="sn-valid-check">
                          <div class="row">
                            <div class="col-3 col-md-2">
                              <div class="dropdown">
                                <button class="btn btn-default dropdown-toggle register__mobile-number-btn regMainMobileSelect" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                  <div class="iti-flag tr"></div>
                                </button>

                                <ul class="dropdown-menu register__country-list">
                                  <li class="country preferred" data-dial-code="1" data-country-code="us">
                                    <div class="flag-box"><div class="iti-flag us"></div></div>
                                    <span class="country-name">United States</span><span class="dial-code">+1</span>
                                  </li>
                                  <li class="country preferred" data-dial-code="44" data-country-code="gb">
                                    <div class="flag-box"><div class="iti-flag gb"></div></div>
                                    <span class="country-name">United Kingdom</span><span class="dial-code">+44</span>
                                  </li>
                                  <li class="divider"></li>
                                  <li class="country" data-dial-code="93" data-country-code="af">
                                    <div class="flag-box"><div class="iti-flag af"></div></div>
                                    <span class="country-name">Afghanistan (&#x202B;افغانستان&#x202C;&lrm;)</span><span class="dial-code">+93</span>
                                  </li>
                                  <li class="country" data-dial-code="355" data-country-code="al">
                                    <div class="flag-box"><div class="iti-flag al"></div></div>
                                    <span class="country-name">Albania (Shqipëri)</span><span class="dial-code">+355</span>
                                  </li>
                                  <li class="country" data-dial-code="213" data-country-code="dz">
                                    <div class="flag-box"><div class="iti-flag dz"></div></div>
                                    <span class="country-name">Algeria (&#x202B;الجزائر&#x202C;&lrm;)</span><span class="dial-code">+213</span>
                                  </li>
                                  <li class="country" data-dial-code="1684" data-country-code="as">
                                    <div class="flag-box"><div class="iti-flag as"></div></div>
                                    <span class="country-name">American Samoa</span><span class="dial-code">+1684</span>
                                  </li>
                                  <li class="country highlight" data-dial-code="376" data-country-code="ad">
                                    <div class="flag-box"><div class="iti-flag ad"></div></div>
                                    <span class="country-name">Andorra</span><span class="dial-code">+376</span>
                                  </li>
                                  <li class="country" data-dial-code="244" data-country-code="ao">
                                    <div class="flag-box"><div class="iti-flag ao"></div></div>
                                    <span class="country-name">Angola</span><span class="dial-code">+244</span>
                                  </li>
                                  <li class="country" data-dial-code="1264" data-country-code="ai">
                                    <div class="flag-box"><div class="iti-flag ai"></div></div>
                                    <span class="country-name">Anguilla</span><span class="dial-code">+1264</span>
                                  </li>
                                  <li class="country" data-dial-code="1268" data-country-code="ag">
                                    <div class="flag-box"><div class="iti-flag ag"></div></div>
                                    <span class="country-name">Antigua and Barbuda</span><span class="dial-code">+1268</span>
                                  </li>
                                  <li class="country" data-dial-code="54" data-country-code="ar">
                                    <div class="flag-box"><div class="iti-flag ar"></div></div>
                                    <span class="country-name">Argentina</span><span class="dial-code">+54</span>
                                  </li>
                                  <li class="country" data-dial-code="374" data-country-code="am">
                                    <div class="flag-box"><div class="iti-flag am"></div></div>
                                    <span class="country-name">Armenia (Հայաստան)</span><span class="dial-code">+374</span>
                                  </li>
                                  <li class="country" data-dial-code="297" data-country-code="aw">
                                    <div class="flag-box"><div class="iti-flag aw"></div></div>
                                    <span class="country-name">Aruba</span><span class="dial-code">+297</span>
                                  </li>
                                  <li class="country" data-dial-code="61" data-country-code="au">
                                    <div class="flag-box"><div class="iti-flag au"></div></div>
                                    <span class="country-name">Australia</span><span class="dial-code">+61</span>
                                  </li>
                                  <li class="country" data-dial-code="43" data-country-code="at">
                                    <div class="flag-box"><div class="iti-flag at"></div></div>
                                    <span class="country-name">Austria (Österreich)</span><span class="dial-code">+43</span>
                                  </li>
                                  <li class="country" data-dial-code="994" data-country-code="az">
                                    <div class="flag-box"><div class="iti-flag az"></div></div>
                                    <span class="country-name">Azerbaijan (Azərbaycan)</span><span class="dial-code">+994</span>
                                  </li>
                                  <li class="country" data-dial-code="1242" data-country-code="bs">
                                    <div class="flag-box"><div class="iti-flag bs"></div></div>
                                    <span class="country-name">Bahamas</span><span class="dial-code">+1242</span>
                                  </li>
                                  <li class="country" data-dial-code="973" data-country-code="bh">
                                    <div class="flag-box"><div class="iti-flag bh"></div></div>
                                    <span class="country-name">Bahrain (&#x202B;البحرين&#x202C;&lrm;)</span><span class="dial-code">+973</span>
                                  </li>
                                  <li class="country" data-dial-code="880" data-country-code="bd">
                                    <div class="flag-box"><div class="iti-flag bd"></div></div>
                                    <span class="country-name">Bangladesh (বাংলাদেশ)</span><span class="dial-code">+880</span>
                                  </li>
                                  <li class="country" data-dial-code="1246" data-country-code="bb">
                                    <div class="flag-box"><div class="iti-flag bb"></div></div>
                                    <span class="country-name">Barbados</span><span class="dial-code">+1246</span>
                                  </li>
                                  <li class="country" data-dial-code="375" data-country-code="by">
                                    <div class="flag-box"><div class="iti-flag by"></div></div>
                                    <span class="country-name">Belarus (Беларусь)</span><span class="dial-code">+375</span>
                                  </li>
                                  <li class="country" data-dial-code="32" data-country-code="be">
                                    <div class="flag-box"><div class="iti-flag be"></div></div>
                                    <span class="country-name">Belgium (België)</span><span class="dial-code">+32</span>
                                  </li>
                                  <li class="country" data-dial-code="501" data-country-code="bz">
                                    <div class="flag-box"><div class="iti-flag bz"></div></div>
                                    <span class="country-name">Belize</span><span class="dial-code">+501</span>
                                  </li>
                                  <li class="country" data-dial-code="229" data-country-code="bj">
                                    <div class="flag-box"><div class="iti-flag bj"></div></div>
                                    <span class="country-name">Benin (Bénin)</span><span class="dial-code">+229</span>
                                  </li>
                                  <li class="country" data-dial-code="1441" data-country-code="bm">
                                    <div class="flag-box"><div class="iti-flag bm"></div></div>
                                    <span class="country-name">Bermuda</span><span class="dial-code">+1441</span>
                                  </li>
                                  <li class="country" data-dial-code="975" data-country-code="bt">
                                    <div class="flag-box"><div class="iti-flag bt"></div></div>
                                    <span class="country-name">Bhutan (འབྲུག)</span><span class="dial-code">+975</span>
                                  </li>
                                  <li class="country" data-dial-code="591" data-country-code="bo">
                                    <div class="flag-box"><div class="iti-flag bo"></div></div>
                                    <span class="country-name">Bolivia</span><span class="dial-code">+591</span>
                                  </li>
                                  <li class="country" data-dial-code="387" data-country-code="ba">
                                    <div class="flag-box"><div class="iti-flag ba"></div></div>
                                    <span class="country-name">Bosnia and Herzegovina (Босна и Херцеговина)</span><span class="dial-code">+387</span>
                                  </li>
                                  <li class="country" data-dial-code="267" data-country-code="bw">
                                    <div class="flag-box"><div class="iti-flag bw"></div></div>
                                    <span class="country-name">Botswana</span><span class="dial-code">+267</span>
                                  </li>
                                  <li class="country" data-dial-code="55" data-country-code="br">
                                    <div class="flag-box"><div class="iti-flag br"></div></div>
                                    <span class="country-name">Brazil (Brasil)</span><span class="dial-code">+55</span>
                                  </li>
                                  <li class="country" data-dial-code="246" data-country-code="io">
                                    <div class="flag-box"><div class="iti-flag io"></div></div>
                                    <span class="country-name">British Indian Ocean Territory</span><span class="dial-code">+246</span>
                                  </li>
                                  <li class="country" data-dial-code="1284" data-country-code="vg">
                                    <div class="flag-box"><div class="iti-flag vg"></div></div>
                                    <span class="country-name">British Virgin Islands</span><span class="dial-code">+1284</span>
                                  </li>
                                  <li class="country" data-dial-code="673" data-country-code="bn">
                                    <div class="flag-box"><div class="iti-flag bn"></div></div>
                                    <span class="country-name">Brunei</span><span class="dial-code">+673</span>
                                  </li>
                                  <li class="country" data-dial-code="359" data-country-code="bg">
                                    <div class="flag-box"><div class="iti-flag bg"></div></div>
                                    <span class="country-name">Bulgaria (България)</span><span class="dial-code">+359</span>
                                  </li>
                                  <li class="country" data-dial-code="226" data-country-code="bf">
                                    <div class="flag-box"><div class="iti-flag bf"></div></div>
                                    <span class="country-name">Burkina Faso</span><span class="dial-code">+226</span>
                                  </li>
                                  <li class="country" data-dial-code="257" data-country-code="bi">
                                    <div class="flag-box"><div class="iti-flag bi"></div></div>
                                    <span class="country-name">Burundi (Uburundi)</span><span class="dial-code">+257</span>
                                  </li>
                                  <li class="country" data-dial-code="855" data-country-code="kh">
                                    <div class="flag-box"><div class="iti-flag kh"></div></div>
                                    <span class="country-name">Cambodia (កម្ពុជា)</span><span class="dial-code">+855</span>
                                  </li>
                                  <li class="country" data-dial-code="237" data-country-code="cm">
                                    <div class="flag-box"><div class="iti-flag cm"></div></div>
                                    <span class="country-name">Cameroon (Cameroun)</span><span class="dial-code">+237</span>
                                  </li>
                                  <li class="country" data-dial-code="1" data-country-code="ca">
                                    <div class="flag-box"><div class="iti-flag ca"></div></div>
                                    <span class="country-name">Canada</span><span class="dial-code">+1</span>
                                  </li>
                                  <li class="country" data-dial-code="238" data-country-code="cv">
                                    <div class="flag-box"><div class="iti-flag cv"></div></div>
                                    <span class="country-name">Cape Verde (Kabu Verdi)</span><span class="dial-code">+238</span>
                                  </li>
                                  <li class="country" data-dial-code="599" data-country-code="bq">
                                    <div class="flag-box"><div class="iti-flag bq"></div></div>
                                    <span class="country-name">Caribbean Netherlands</span><span class="dial-code">+599</span>
                                  </li>
                                  <li class="country" data-dial-code="1345" data-country-code="ky">
                                    <div class="flag-box"><div class="iti-flag ky"></div></div>
                                    <span class="country-name">Cayman Islands</span><span class="dial-code">+1345</span>
                                  </li>
                                  <li class="country" data-dial-code="236" data-country-code="cf">
                                    <div class="flag-box"><div class="iti-flag cf"></div></div>
                                    <span class="country-name">Central African Republic (République centrafricaine)</span><span class="dial-code">+236</span>
                                  </li>
                                  <li class="country" data-dial-code="235" data-country-code="td">
                                    <div class="flag-box"><div class="iti-flag td"></div></div>
                                    <span class="country-name">Chad (Tchad)</span><span class="dial-code">+235</span>
                                  </li>
                                  <li class="country" data-dial-code="56" data-country-code="cl">
                                    <div class="flag-box"><div class="iti-flag cl"></div></div>
                                    <span class="country-name">Chile</span><span class="dial-code">+56</span>
                                  </li>
                                  <li class="country" data-dial-code="86" data-country-code="cn">
                                    <div class="flag-box"><div class="iti-flag cn"></div></div>
                                    <span class="country-name">China (中国)</span><span class="dial-code">+86</span>
                                  </li>
                                  <li class="country" data-dial-code="61" data-country-code="cx">
                                    <div class="flag-box"><div class="iti-flag cx"></div></div>
                                    <span class="country-name">Christmas Island</span><span class="dial-code">+61</span>
                                  </li>
                                  <li class="country" data-dial-code="61" data-country-code="cc">
                                    <div class="flag-box"><div class="iti-flag cc"></div></div>
                                    <span class="country-name">Cocos (Keeling) Islands</span><span class="dial-code">+61</span>
                                  </li>
                                  <li class="country" data-dial-code="57" data-country-code="co">
                                    <div class="flag-box"><div class="iti-flag co"></div></div>
                                    <span class="country-name">Colombia</span><span class="dial-code">+57</span>
                                  </li>
                                  <li class="country" data-dial-code="269" data-country-code="km">
                                    <div class="flag-box"><div class="iti-flag km"></div></div>
                                    <span class="country-name">Comoros (&#x202B;جزر القمر&#x202C;&lrm;)</span><span class="dial-code">+269</span>
                                  </li>
                                  <li class="country" data-dial-code="243" data-country-code="cd">
                                    <div class="flag-box"><div class="iti-flag cd"></div></div>
                                    <span class="country-name">Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)</span><span class="dial-code">+243</span>
                                  </li>
                                  <li class="country" data-dial-code="242" data-country-code="cg">
                                    <div class="flag-box"><div class="iti-flag cg"></div></div>
                                    <span class="country-name">Congo (Republic) (Congo-Brazzaville)</span><span class="dial-code">+242</span>
                                  </li>
                                  <li class="country" data-dial-code="682" data-country-code="ck">
                                    <div class="flag-box"><div class="iti-flag ck"></div></div>
                                    <span class="country-name">Cook Islands</span><span class="dial-code">+682</span>
                                  </li>
                                  <li class="country" data-dial-code="506" data-country-code="cr">
                                    <div class="flag-box"><div class="iti-flag cr"></div></div>
                                    <span class="country-name">Costa Rica</span><span class="dial-code">+506</span>
                                  </li>
                                  <li class="country" data-dial-code="225" data-country-code="ci">
                                    <div class="flag-box"><div class="iti-flag ci"></div></div>
                                    <span class="country-name">Côte d’Ivoire</span><span class="dial-code">+225</span>
                                  </li>
                                  <li class="country" data-dial-code="385" data-country-code="hr">
                                    <div class="flag-box"><div class="iti-flag hr"></div></div>
                                    <span class="country-name">Croatia (Hrvatska)</span><span class="dial-code">+385</span>
                                  </li>
                                  <li class="country" data-dial-code="53" data-country-code="cu">
                                    <div class="flag-box"><div class="iti-flag cu"></div></div>
                                    <span class="country-name">Cuba</span><span class="dial-code">+53</span>
                                  </li>
                                  <li class="country" data-dial-code="599" data-country-code="cw">
                                    <div class="flag-box"><div class="iti-flag cw"></div></div>
                                    <span class="country-name">Curaçao</span><span class="dial-code">+599</span>
                                  </li>
                                  <li class="country" data-dial-code="357" data-country-code="cy">
                                    <div class="flag-box"><div class="iti-flag cy"></div></div>
                                    <span class="country-name">Cyprus (Κύπρος)</span><span class="dial-code">+357</span>
                                  </li>
                                  <li class="country" data-dial-code="420" data-country-code="cz">
                                    <div class="flag-box"><div class="iti-flag cz"></div></div>
                                    <span class="country-name">Czech Republic (Česká republika)</span><span class="dial-code">+420</span>
                                  </li>
                                  <li class="country" data-dial-code="45" data-country-code="dk">
                                    <div class="flag-box"><div class="iti-flag dk"></div></div>
                                    <span class="country-name">Denmark (Danmark)</span><span class="dial-code">+45</span>
                                  </li>
                                  <li class="country" data-dial-code="253" data-country-code="dj">
                                    <div class="flag-box"><div class="iti-flag dj"></div></div>
                                    <span class="country-name">Djibouti</span><span class="dial-code">+253</span>
                                  </li>
                                  <li class="country" data-dial-code="1767" data-country-code="dm">
                                    <div class="flag-box"><div class="iti-flag dm"></div></div>
                                    <span class="country-name">Dominica</span><span class="dial-code">+1767</span>
                                  </li>
                                  <li class="country" data-dial-code="1" data-country-code="do">
                                    <div class="flag-box"><div class="iti-flag do"></div></div>
                                    <span class="country-name">Dominican Republic (República Dominicana)</span><span class="dial-code">+1</span>
                                  </li>
                                  <li class="country" data-dial-code="593" data-country-code="ec">
                                    <div class="flag-box"><div class="iti-flag ec"></div></div>
                                    <span class="country-name">Ecuador</span><span class="dial-code">+593</span>
                                  </li>
                                  <li class="country" data-dial-code="20" data-country-code="eg">
                                    <div class="flag-box"><div class="iti-flag eg"></div></div>
                                    <span class="country-name">Egypt (&#x202B;مصر&#x202C;&lrm;)</span><span class="dial-code">+20</span>
                                  </li>
                                  <li class="country" data-dial-code="503" data-country-code="sv">
                                    <div class="flag-box"><div class="iti-flag sv"></div></div>
                                    <span class="country-name">El Salvador</span><span class="dial-code">+503</span>
                                  </li>
                                  <li class="country" data-dial-code="240" data-country-code="gq">
                                    <div class="flag-box"><div class="iti-flag gq"></div></div>
                                    <span class="country-name">Equatorial Guinea (Guinea Ecuatorial)</span><span class="dial-code">+240</span>
                                  </li>
                                  <li class="country" data-dial-code="291" data-country-code="er">
                                    <div class="flag-box"><div class="iti-flag er"></div></div>
                                    <span class="country-name">Eritrea</span><span class="dial-code">+291</span>
                                  </li>
                                  <li class="country" data-dial-code="372" data-country-code="ee">
                                    <div class="flag-box"><div class="iti-flag ee"></div></div>
                                    <span class="country-name">Estonia (Eesti)</span><span class="dial-code">+372</span>
                                  </li>
                                  <li class="country" data-dial-code="251" data-country-code="et">
                                    <div class="flag-box"><div class="iti-flag et"></div></div>
                                    <span class="country-name">Ethiopia</span><span class="dial-code">+251</span>
                                  </li>
                                  <li class="country" data-dial-code="500" data-country-code="fk">
                                    <div class="flag-box"><div class="iti-flag fk"></div></div>
                                    <span class="country-name">Falkland Islands (Islas Malvinas)</span><span class="dial-code">+500</span>
                                  </li>
                                  <li class="country" data-dial-code="298" data-country-code="fo">
                                    <div class="flag-box"><div class="iti-flag fo"></div></div>
                                    <span class="country-name">Faroe Islands (Føroyar)</span><span class="dial-code">+298</span>
                                  </li>
                                  <li class="country" data-dial-code="679" data-country-code="fj">
                                    <div class="flag-box"><div class="iti-flag fj"></div></div>
                                    <span class="country-name">Fiji</span><span class="dial-code">+679</span>
                                  </li>
                                  <li class="country" data-dial-code="358" data-country-code="fi">
                                    <div class="flag-box"><div class="iti-flag fi"></div></div>
                                    <span class="country-name">Finland (Suomi)</span><span class="dial-code">+358</span>
                                  </li>
                                  <li class="country" data-dial-code="33" data-country-code="fr">
                                    <div class="flag-box"><div class="iti-flag fr"></div></div>
                                    <span class="country-name">France</span><span class="dial-code">+33</span>
                                  </li>
                                  <li class="country" data-dial-code="594" data-country-code="gf">
                                    <div class="flag-box"><div class="iti-flag gf"></div></div>
                                    <span class="country-name">French Guiana (Guyane française)</span><span class="dial-code">+594</span>
                                  </li>
                                  <li class="country" data-dial-code="689" data-country-code="pf">
                                    <div class="flag-box"><div class="iti-flag pf"></div></div>
                                    <span class="country-name">French Polynesia (Polynésie française)</span><span class="dial-code">+689</span>
                                  </li>
                                  <li class="country" data-dial-code="241" data-country-code="ga">
                                    <div class="flag-box"><div class="iti-flag ga"></div></div>
                                    <span class="country-name">Gabon</span><span class="dial-code">+241</span>
                                  </li>
                                  <li class="country" data-dial-code="220" data-country-code="gm">
                                    <div class="flag-box"><div class="iti-flag gm"></div></div>
                                    <span class="country-name">Gambia</span><span class="dial-code">+220</span>
                                  </li>
                                  <li class="country" data-dial-code="995" data-country-code="ge">
                                    <div class="flag-box"><div class="iti-flag ge"></div></div>
                                    <span class="country-name">Georgia (საქართველო)</span><span class="dial-code">+995</span>
                                  </li>
                                  <li class="country" data-dial-code="49" data-country-code="de">
                                    <div class="flag-box"><div class="iti-flag de"></div></div>
                                    <span class="country-name">Germany (Deutschland)</span><span class="dial-code">+49</span>
                                  </li>
                                  <li class="country" data-dial-code="233" data-country-code="gh">
                                    <div class="flag-box"><div class="iti-flag gh"></div></div>
                                    <span class="country-name">Ghana (Gaana)</span><span class="dial-code">+233</span>
                                  </li>
                                  <li class="country" data-dial-code="350" data-country-code="gi">
                                    <div class="flag-box"><div class="iti-flag gi"></div></div>
                                    <span class="country-name">Gibraltar</span><span class="dial-code">+350</span>
                                  </li>
                                  <li class="country" data-dial-code="30" data-country-code="gr">
                                    <div class="flag-box"><div class="iti-flag gr"></div></div>
                                    <span class="country-name">Greece (Ελλάδα)</span><span class="dial-code">+30</span>
                                  </li>
                                  <li class="country" data-dial-code="299" data-country-code="gl">
                                    <div class="flag-box"><div class="iti-flag gl"></div></div>
                                    <span class="country-name">Greenland (Kalaallit Nunaat)</span><span class="dial-code">+299</span>
                                  </li>
                                  <li class="country" data-dial-code="1473" data-country-code="gd">
                                    <div class="flag-box"><div class="iti-flag gd"></div></div>
                                    <span class="country-name">Grenada</span><span class="dial-code">+1473</span>
                                  </li>
                                  <li class="country" data-dial-code="590" data-country-code="gp">
                                    <div class="flag-box"><div class="iti-flag gp"></div></div>
                                    <span class="country-name">Guadeloupe</span><span class="dial-code">+590</span>
                                  </li>
                                  <li class="country" data-dial-code="1671" data-country-code="gu">
                                    <div class="flag-box"><div class="iti-flag gu"></div></div>
                                    <span class="country-name">Guam</span><span class="dial-code">+1671</span>
                                  </li>
                                  <li class="country" data-dial-code="502" data-country-code="gt">
                                    <div class="flag-box"><div class="iti-flag gt"></div></div>
                                    <span class="country-name">Guatemala</span><span class="dial-code">+502</span>
                                  </li>
                                  <li class="country" data-dial-code="44" data-country-code="gg">
                                    <div class="flag-box"><div class="iti-flag gg"></div></div>
                                    <span class="country-name">Guernsey</span><span class="dial-code">+44</span>
                                  </li>
                                  <li class="country" data-dial-code="224" data-country-code="gn">
                                    <div class="flag-box"><div class="iti-flag gn"></div></div>
                                    <span class="country-name">Guinea (Guinée)</span><span class="dial-code">+224</span>
                                  </li>
                                  <li class="country" data-dial-code="245" data-country-code="gw">
                                    <div class="flag-box"><div class="iti-flag gw"></div></div>
                                    <span class="country-name">Guinea-Bissau (Guiné Bissau)</span><span class="dial-code">+245</span>
                                  </li>
                                  <li class="country" data-dial-code="592" data-country-code="gy">
                                    <div class="flag-box"><div class="iti-flag gy"></div></div>
                                    <span class="country-name">Guyana</span><span class="dial-code">+592</span>
                                  </li>
                                  <li class="country" data-dial-code="509" data-country-code="ht">
                                    <div class="flag-box"><div class="iti-flag ht"></div></div>
                                    <span class="country-name">Haiti</span><span class="dial-code">+509</span>
                                  </li>
                                  <li class="country" data-dial-code="504" data-country-code="hn">
                                    <div class="flag-box"><div class="iti-flag hn"></div></div>
                                    <span class="country-name">Honduras</span><span class="dial-code">+504</span>
                                  </li>
                                  <li class="country" data-dial-code="852" data-country-code="hk">
                                    <div class="flag-box"><div class="iti-flag hk"></div></div>
                                    <span class="country-name">Hong Kong (香港)</span><span class="dial-code">+852</span>
                                  </li>
                                  <li class="country" data-dial-code="36" data-country-code="hu">
                                    <div class="flag-box"><div class="iti-flag hu"></div></div>
                                    <span class="country-name">Hungary (Magyarország)</span><span class="dial-code">+36</span>
                                  </li>
                                  <li class="country" data-dial-code="354" data-country-code="is">
                                    <div class="flag-box"><div class="iti-flag is"></div></div>
                                    <span class="country-name">Iceland (Ísland)</span><span class="dial-code">+354</span>
                                  </li>
                                  <li class="country" data-dial-code="91" data-country-code="in">
                                    <div class="flag-box"><div class="iti-flag in"></div></div>
                                    <span class="country-name">India (भारत)</span><span class="dial-code">+91</span>
                                  </li>
                                  <li class="country" data-dial-code="62" data-country-code="id">
                                    <div class="flag-box"><div class="iti-flag id"></div></div>
                                    <span class="country-name">Indonesia</span><span class="dial-code">+62</span>
                                  </li>
                                  <li class="country" data-dial-code="98" data-country-code="ir">
                                    <div class="flag-box"><div class="iti-flag ir"></div></div>
                                    <span class="country-name">Iran (&#x202B;ایران&#x202C;&lrm;)</span><span class="dial-code">+98</span>
                                  </li>
                                  <li class="country" data-dial-code="964" data-country-code="iq">
                                    <div class="flag-box"><div class="iti-flag iq"></div></div>
                                    <span class="country-name">Iraq (&#x202B;العراق&#x202C;&lrm;)</span><span class="dial-code">+964</span>
                                  </li>
                                  <li class="country" data-dial-code="353" data-country-code="ie">
                                    <div class="flag-box"><div class="iti-flag ie"></div></div>
                                    <span class="country-name">Ireland</span><span class="dial-code">+353</span>
                                  </li>
                                  <li class="country" data-dial-code="44" data-country-code="im">
                                    <div class="flag-box"><div class="iti-flag im"></div></div>
                                    <span class="country-name">Isle of Man</span><span class="dial-code">+44</span>
                                  </li>
                                  <li class="country" data-dial-code="972" data-country-code="il">
                                    <div class="flag-box"><div class="iti-flag il"></div></div>
                                    <span class="country-name">Israel (&#x202B;ישראל&#x202C;&lrm;)</span><span class="dial-code">+972</span>
                                  </li>
                                  <li class="country" data-dial-code="39" data-country-code="it">
                                    <div class="flag-box"><div class="iti-flag it"></div></div>
                                    <span class="country-name">Italy (Italia)</span><span class="dial-code">+39</span>
                                  </li>
                                  <li class="country" data-dial-code="1876" data-country-code="jm">
                                    <div class="flag-box"><div class="iti-flag jm"></div></div>
                                    <span class="country-name">Jamaica</span><span class="dial-code">+1876</span>
                                  </li>
                                  <li class="country" data-dial-code="81" data-country-code="jp">
                                    <div class="flag-box"><div class="iti-flag jp"></div></div>
                                    <span class="country-name">Japan (日本)</span><span class="dial-code">+81</span>
                                  </li>
                                  <li class="country" data-dial-code="44" data-country-code="je">
                                    <div class="flag-box"><div class="iti-flag je"></div></div>
                                    <span class="country-name">Jersey</span><span class="dial-code">+44</span>
                                  </li>
                                  <li class="country" data-dial-code="962" data-country-code="jo">
                                    <div class="flag-box"><div class="iti-flag jo"></div></div>
                                    <span class="country-name">Jordan (&#x202B;الأردن&#x202C;&lrm;)</span><span class="dial-code">+962</span>
                                  </li>
                                  <li class="country" data-dial-code="7" data-country-code="kz">
                                    <div class="flag-box"><div class="iti-flag kz"></div></div>
                                    <span class="country-name">Kazakhstan (Казахстан)</span><span class="dial-code">+7</span>
                                  </li>
                                  <li class="country" data-dial-code="254" data-country-code="ke">
                                    <div class="flag-box"><div class="iti-flag ke"></div></div>
                                    <span class="country-name">Kenya</span><span class="dial-code">+254</span>
                                  </li>
                                  <li class="country" data-dial-code="686" data-country-code="ki">
                                    <div class="flag-box"><div class="iti-flag ki"></div></div>
                                    <span class="country-name">Kiribati</span><span class="dial-code">+686</span>
                                  </li>
                                  <li class="country" data-dial-code="965" data-country-code="kw">
                                    <div class="flag-box"><div class="iti-flag kw"></div></div>
                                    <span class="country-name">Kuwait (&#x202B;الكويت&#x202C;&lrm;)</span><span class="dial-code">+965</span>
                                  </li>
                                  <li class="country" data-dial-code="996" data-country-code="kg">
                                    <div class="flag-box"><div class="iti-flag kg"></div></div>
                                    <span class="country-name">Kyrgyzstan (Кыргызстан)</span><span class="dial-code">+996</span>
                                  </li>
                                  <li class="country" data-dial-code="856" data-country-code="la">
                                    <div class="flag-box"><div class="iti-flag la"></div></div>
                                    <span class="country-name">Laos (ລາວ)</span><span class="dial-code">+856</span>
                                  </li>
                                  <li class="country" data-dial-code="371" data-country-code="lv">
                                    <div class="flag-box"><div class="iti-flag lv"></div></div>
                                    <span class="country-name">Latvia (Latvija)</span><span class="dial-code">+371</span>
                                  </li>
                                  <li class="country" data-dial-code="961" data-country-code="lb">
                                    <div class="flag-box"><div class="iti-flag lb"></div></div>
                                    <span class="country-name">Lebanon (&#x202B;لبنان&#x202C;&lrm;)</span><span class="dial-code">+961</span>
                                  </li>
                                  <li class="country" data-dial-code="266" data-country-code="ls">
                                    <div class="flag-box"><div class="iti-flag ls"></div></div>
                                    <span class="country-name">Lesotho</span><span class="dial-code">+266</span>
                                  </li>
                                  <li class="country" data-dial-code="231" data-country-code="lr">
                                    <div class="flag-box"><div class="iti-flag lr"></div></div>
                                    <span class="country-name">Liberia</span><span class="dial-code">+231</span>
                                  </li>
                                  <li class="country" data-dial-code="218" data-country-code="ly">
                                    <div class="flag-box"><div class="iti-flag ly"></div></div>
                                    <span class="country-name">Libya (&#x202B;ليبيا&#x202C;&lrm;)</span><span class="dial-code">+218</span>
                                  </li>
                                  <li class="country" data-dial-code="423" data-country-code="li">
                                    <div class="flag-box"><div class="iti-flag li"></div></div>
                                    <span class="country-name">Liechtenstein</span><span class="dial-code">+423</span>
                                  </li>
                                  <li class="country" data-dial-code="370" data-country-code="lt">
                                    <div class="flag-box"><div class="iti-flag lt"></div></div>
                                    <span class="country-name">Lithuania (Lietuva)</span><span class="dial-code">+370</span>
                                  </li>
                                  <li class="country" data-dial-code="352" data-country-code="lu">
                                    <div class="flag-box"><div class="iti-flag lu"></div></div>
                                    <span class="country-name">Luxembourg</span><span class="dial-code">+352</span>
                                  </li>
                                  <li class="country" data-dial-code="853" data-country-code="mo">
                                    <div class="flag-box"><div class="iti-flag mo"></div></div>
                                    <span class="country-name">Macau (澳門)</span><span class="dial-code">+853</span>
                                  </li>
                                  <li class="country" data-dial-code="389" data-country-code="mk">
                                    <div class="flag-box"><div class="iti-flag mk"></div></div>
                                    <span class="country-name">Macedonia (FYROM) (Македонија)</span><span class="dial-code">+389</span>
                                  </li>
                                  <li class="country" data-dial-code="261" data-country-code="mg">
                                    <div class="flag-box"><div class="iti-flag mg"></div></div>
                                    <span class="country-name">Madagascar (Madagasikara)</span><span class="dial-code">+261</span>
                                  </li>
                                  <li class="country" data-dial-code="265" data-country-code="mw">
                                    <div class="flag-box"><div class="iti-flag mw"></div></div>
                                    <span class="country-name">Malawi</span><span class="dial-code">+265</span>
                                  </li>
                                  <li class="country" data-dial-code="60" data-country-code="my">
                                    <div class="flag-box"><div class="iti-flag my"></div></div>
                                    <span class="country-name">Malaysia</span><span class="dial-code">+60</span>
                                  </li>
                                  <li class="country" data-dial-code="960" data-country-code="mv">
                                    <div class="flag-box"><div class="iti-flag mv"></div></div>
                                    <span class="country-name">Maldives</span><span class="dial-code">+960</span>
                                  </li>
                                  <li class="country" data-dial-code="223" data-country-code="ml">
                                    <div class="flag-box">
                                      <div class="iti-flag ml owl-loaded owl-drag">
                                        <div class="owl-stage-outer"><div class="owl-stage"></div></div>
                                        <div class="owl-nav disabled">
                                          <button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>
                                          <button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
                                        </div>
                                        <div class="owl-dots disabled"></div>
                                      </div>
                                    </div>
                                    <span class="country-name">Mali</span><span class="dial-code">+223</span>
                                  </li>
                                  <li class="country" data-dial-code="356" data-country-code="mt">
                                    <div class="flag-box"><div class="iti-flag mt"></div></div>
                                    <span class="country-name">Malta</span><span class="dial-code">+356</span>
                                  </li>
                                  <li class="country" data-dial-code="692" data-country-code="mh">
                                    <div class="flag-box"><div class="iti-flag mh"></div></div>
                                    <span class="country-name">Marshall Islands</span><span class="dial-code">+692</span>
                                  </li>
                                  <li class="country" data-dial-code="596" data-country-code="mq">
                                    <div class="flag-box"><div class="iti-flag mq"></div></div>
                                    <span class="country-name">Martinique</span><span class="dial-code">+596</span>
                                  </li>
                                  <li class="country" data-dial-code="222" data-country-code="mr">
                                    <div class="flag-box"><div class="iti-flag mr"></div></div>
                                    <span class="country-name">Mauritania (&#x202B;موريتانيا&#x202C;&lrm;)</span><span class="dial-code">+222</span>
                                  </li>
                                  <li class="country" data-dial-code="230" data-country-code="mu">
                                    <div class="flag-box"><div class="iti-flag mu"></div></div>
                                    <span class="country-name">Mauritius (Moris)</span><span class="dial-code">+230</span>
                                  </li>
                                  <li class="country" data-dial-code="262" data-country-code="yt">
                                    <div class="flag-box"><div class="iti-flag yt"></div></div>
                                    <span class="country-name">Mayotte</span><span class="dial-code">+262</span>
                                  </li>
                                  <li class="country" data-dial-code="52" data-country-code="mx">
                                    <div class="flag-box"><div class="iti-flag mx"></div></div>
                                    <span class="country-name">Mexico (México)</span><span class="dial-code">+52</span>
                                  </li>
                                  <li class="country" data-dial-code="691" data-country-code="fm">
                                    <div class="flag-box"><div class="iti-flag fm"></div></div>
                                    <span class="country-name">Micronesia</span><span class="dial-code">+691</span>
                                  </li>
                                  <li class="country" data-dial-code="373" data-country-code="md">
                                    <div class="flag-box"><div class="iti-flag md"></div></div>
                                    <span class="country-name">Moldova (Republica Moldova)</span><span class="dial-code">+373</span>
                                  </li>
                                  <li class="country" data-dial-code="377" data-country-code="mc">
                                    <div class="flag-box"><div class="iti-flag mc"></div></div>
                                    <span class="country-name">Monaco</span><span class="dial-code">+377</span>
                                  </li>
                                  <li class="country" data-dial-code="976" data-country-code="mn">
                                    <div class="flag-box"><div class="iti-flag mn"></div></div>
                                    <span class="country-name">Mongolia (Монгол)</span><span class="dial-code">+976</span>
                                  </li>
                                  <li class="country" data-dial-code="382" data-country-code="me">
                                    <div class="flag-box"><div class="iti-flag me"></div></div>
                                    <span class="country-name">Montenegro (Crna Gora)</span><span class="dial-code">+382</span>
                                  </li>
                                  <li class="country" data-dial-code="1664" data-country-code="ms">
                                    <div class="flag-box"><div class="iti-flag ms"></div></div>
                                    <span class="country-name">Montserrat</span><span class="dial-code">+1664</span>
                                  </li>
                                  <li class="country" data-dial-code="212" data-country-code="ma">
                                    <div class="flag-box"><div class="iti-flag ma"></div></div>
                                    <span class="country-name">Morocco (&#x202B;المغرب&#x202C;&lrm;)</span><span class="dial-code">+212</span>
                                  </li>
                                  <li class="country" data-dial-code="258" data-country-code="mz">
                                    <div class="flag-box"><div class="iti-flag mz"></div></div>
                                    <span class="country-name">Mozambique (Moçambique)</span><span class="dial-code">+258</span>
                                  </li>
                                  <li class="country" data-dial-code="95" data-country-code="mm">
                                    <div class="flag-box"><div class="iti-flag mm"></div></div>
                                    <span class="country-name">Myanmar (Burma) (မြန်မာ)</span><span class="dial-code">+95</span>
                                  </li>
                                  <li class="country" data-dial-code="264" data-country-code="na">
                                    <div class="flag-box"><div class="iti-flag na"></div></div>
                                    <span class="country-name">Namibia (Namibië)</span><span class="dial-code">+264</span>
                                  </li>
                                  <li class="country" data-dial-code="674" data-country-code="nr">
                                    <div class="flag-box"><div class="iti-flag nr"></div></div>
                                    <span class="country-name">Nauru</span><span class="dial-code">+674</span>
                                  </li>
                                  <li class="country" data-dial-code="977" data-country-code="np">
                                    <div class="flag-box"><div class="iti-flag np"></div></div>
                                    <span class="country-name">Nepal (नेपाल)</span><span class="dial-code">+977</span>
                                  </li>
                                  <li class="country" data-dial-code="31" data-country-code="nl">
                                    <div class="flag-box"><div class="iti-flag nl"></div></div>
                                    <span class="country-name">Netherlands (Nederland)</span><span class="dial-code">+31</span>
                                  </li>
                                  <li class="country" data-dial-code="687" data-country-code="nc">
                                    <div class="flag-box"><div class="iti-flag nc"></div></div>
                                    <span class="country-name">New Caledonia (Nouvelle-Calédonie)</span><span class="dial-code">+687</span>
                                  </li>
                                  <li class="country" data-dial-code="64" data-country-code="nz">
                                    <div class="flag-box"><div class="iti-flag nz"></div></div>
                                    <span class="country-name">New Zealand</span><span class="dial-code">+64</span>
                                  </li>
                                  <li class="country" data-dial-code="505" data-country-code="ni">
                                    <div class="flag-box"><div class="iti-flag ni"></div></div>
                                    <span class="country-name">Nicaragua</span><span class="dial-code">+505</span>
                                  </li>
                                  <li class="country" data-dial-code="227" data-country-code="ne">
                                    <div class="flag-box"><div class="iti-flag ne"></div></div>
                                    <span class="country-name">Niger (Nijar)</span><span class="dial-code">+227</span>
                                  </li>
                                  <li class="country" data-dial-code="234" data-country-code="ng">
                                    <div class="flag-box"><div class="iti-flag ng"></div></div>
                                    <span class="country-name">Nigeria</span><span class="dial-code">+234</span>
                                  </li>
                                  <li class="country" data-dial-code="683" data-country-code="nu">
                                    <div class="flag-box"><div class="iti-flag nu"></div></div>
                                    <span class="country-name">Niue</span><span class="dial-code">+683</span>
                                  </li>
                                  <li class="country" data-dial-code="672" data-country-code="nf">
                                    <div class="flag-box"><div class="iti-flag nf"></div></div>
                                    <span class="country-name">Norfolk Island</span><span class="dial-code">+672</span>
                                  </li>
                                  <li class="country" data-dial-code="850" data-country-code="kp">
                                    <div class="flag-box"><div class="iti-flag kp"></div></div>
                                    <span class="country-name">North Korea (조선 민주주의 인민 공화국)</span><span class="dial-code">+850</span>
                                  </li>
                                  <li class="country" data-dial-code="1670" data-country-code="mp">
                                    <div class="flag-box"><div class="iti-flag mp"></div></div>
                                    <span class="country-name">Northern Mariana Islands</span><span class="dial-code">+1670</span>
                                  </li>
                                  <li class="country" data-dial-code="47" data-country-code="no">
                                    <div class="flag-box"><div class="iti-flag no"></div></div>
                                    <span class="country-name">Norway (Norge)</span><span class="dial-code">+47</span>
                                  </li>
                                  <li class="country" data-dial-code="968" data-country-code="om">
                                    <div class="flag-box"><div class="iti-flag om"></div></div>
                                    <span class="country-name">Oman (&#x202B;عُمان&#x202C;&lrm;)</span><span class="dial-code">+968</span>
                                  </li>
                                  <li class="country" data-dial-code="92" data-country-code="pk">
                                    <div class="flag-box"><div class="iti-flag pk"></div></div>
                                    <span class="country-name">Pakistan (&#x202B;پاکستان&#x202C;&lrm;)</span><span class="dial-code">+92</span>
                                  </li>
                                  <li class="country" data-dial-code="680" data-country-code="pw">
                                    <div class="flag-box"><div class="iti-flag pw"></div></div>
                                    <span class="country-name">Palau</span><span class="dial-code">+680</span>
                                  </li>
                                  <li class="country" data-dial-code="970" data-country-code="ps">
                                    <div class="flag-box"><div class="iti-flag ps"></div></div>
                                    <span class="country-name">Palestine (&#x202B;فلسطين&#x202C;&lrm;)</span><span class="dial-code">+970</span>
                                  </li>
                                  <li class="country" data-dial-code="507" data-country-code="pa">
                                    <div class="flag-box"><div class="iti-flag pa"></div></div>
                                    <span class="country-name">Panama (Panamá)</span><span class="dial-code">+507</span>
                                  </li>
                                  <li class="country" data-dial-code="675" data-country-code="pg">
                                    <div class="flag-box"><div class="iti-flag pg"></div></div>
                                    <span class="country-name">Papua New Guinea</span><span class="dial-code">+675</span>
                                  </li>
                                  <li class="country" data-dial-code="595" data-country-code="py">
                                    <div class="flag-box"><div class="iti-flag py"></div></div>
                                    <span class="country-name">Paraguay</span><span class="dial-code">+595</span>
                                  </li>
                                  <li class="country" data-dial-code="51" data-country-code="pe">
                                    <div class="flag-box"><div class="iti-flag pe"></div></div>
                                    <span class="country-name">Peru (Perú)</span><span class="dial-code">+51</span>
                                  </li>
                                  <li class="country" data-dial-code="63" data-country-code="ph">
                                    <div class="flag-box"><div class="iti-flag ph"></div></div>
                                    <span class="country-name">Philippines</span><span class="dial-code">+63</span>
                                  </li>
                                  <li class="country" data-dial-code="48" data-country-code="pl">
                                    <div class="flag-box"><div class="iti-flag pl"></div></div>
                                    <span class="country-name">Poland (Polska)</span><span class="dial-code">+48</span>
                                  </li>
                                  <li class="country" data-dial-code="351" data-country-code="pt">
                                    <div class="flag-box"><div class="iti-flag pt"></div></div>
                                    <span class="country-name">Portugal</span><span class="dial-code">+351</span>
                                  </li>
                                  <li class="country" data-dial-code="1" data-country-code="pr">
                                    <div class="flag-box"><div class="iti-flag pr"></div></div>
                                    <span class="country-name">Puerto Rico</span><span class="dial-code">+1</span>
                                  </li>
                                  <li class="country" data-dial-code="974" data-country-code="qa">
                                    <div class="flag-box"><div class="iti-flag qa"></div></div>
                                    <span class="country-name">Qatar (&#x202B;قطر&#x202C;&lrm;)</span><span class="dial-code">+974</span>
                                  </li>
                                  <li class="country" data-dial-code="262" data-country-code="re">
                                    <div class="flag-box"><div class="iti-flag re"></div></div>
                                    <span class="country-name">Réunion (La Réunion)</span><span class="dial-code">+262</span>
                                  </li>
                                  <li class="country" data-dial-code="40" data-country-code="ro">
                                    <div class="flag-box"><div class="iti-flag ro"></div></div>
                                    <span class="country-name">Romania (România)</span><span class="dial-code">+40</span>
                                  </li>
                                  <li class="country" data-dial-code="7" data-country-code="ru">
                                    <div class="flag-box"><div class="iti-flag ru"></div></div>
                                    <span class="country-name">Russia (Россия)</span><span class="dial-code">+7</span>
                                  </li>
                                  <li class="country" data-dial-code="250" data-country-code="rw">
                                    <div class="flag-box"><div class="iti-flag rw"></div></div>
                                    <span class="country-name">Rwanda</span><span class="dial-code">+250</span>
                                  </li>
                                  <li class="country" data-dial-code="590" data-country-code="bl">
                                    <div class="flag-box"><div class="iti-flag bl"></div></div>
                                    <span class="country-name">Saint Barthélemy (Saint-Barthélemy)</span><span class="dial-code">+590</span>
                                  </li>
                                  <li class="country" data-dial-code="290" data-country-code="sh">
                                    <div class="flag-box"><div class="iti-flag sh"></div></div>
                                    <span class="country-name">Saint Helena</span><span class="dial-code">+290</span>
                                  </li>
                                  <li class="country" data-dial-code="1869" data-country-code="kn">
                                    <div class="flag-box"><div class="iti-flag kn"></div></div>
                                    <span class="country-name">Saint Kitts and Nevis</span><span class="dial-code">+1869</span>
                                  </li>
                                  <li class="country" data-dial-code="1758" data-country-code="lc">
                                    <div class="flag-box"><div class="iti-flag lc"></div></div>
                                    <span class="country-name">Saint Lucia</span><span class="dial-code">+1758</span>
                                  </li>
                                  <li class="country" data-dial-code="590" data-country-code="mf">
                                    <div class="flag-box"><div class="iti-flag mf"></div></div>
                                    <span class="country-name">Saint Martin (Saint-Martin (partie française))</span><span class="dial-code">+590</span>
                                  </li>
                                  <li class="country" data-dial-code="508" data-country-code="pm">
                                    <div class="flag-box"><div class="iti-flag pm"></div></div>
                                    <span class="country-name">Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)</span><span class="dial-code">+508</span>
                                  </li>
                                  <li class="country" data-dial-code="1784" data-country-code="vc">
                                    <div class="flag-box"><div class="iti-flag vc"></div></div>
                                    <span class="country-name">Saint Vincent and the Grenadines</span><span class="dial-code">+1784</span>
                                  </li>
                                  <li class="country" data-dial-code="685" data-country-code="ws">
                                    <div class="flag-box"><div class="iti-flag ws"></div></div>
                                    <span class="country-name">Samoa</span><span class="dial-code">+685</span>
                                  </li>
                                  <li class="country" data-dial-code="378" data-country-code="sm">
                                    <div class="flag-box"><div class="iti-flag sm"></div></div>
                                    <span class="country-name">San Marino</span><span class="dial-code">+378</span>
                                  </li>
                                  <li class="country" data-dial-code="239" data-country-code="st">
                                    <div class="flag-box"><div class="iti-flag st"></div></div>
                                    <span class="country-name">São Tomé and Príncipe (São Tomé e Príncipe)</span><span class="dial-code">+239</span>
                                  </li>
                                  <li class="country" data-dial-code="966" data-country-code="sa">
                                    <div class="flag-box"><div class="iti-flag sa"></div></div>
                                    <span class="country-name">Saudi Arabia (&#x202B;المملكة العربية السعودية&#x202C;&lrm;)</span><span class="dial-code">+966</span>
                                  </li>
                                  <li class="country" data-dial-code="221" data-country-code="sn">
                                    <div class="flag-box"><div class="iti-flag sn"></div></div>
                                    <span class="country-name">Senegal (Sénégal)</span><span class="dial-code">+221</span>
                                  </li>
                                  <li class="country" data-dial-code="381" data-country-code="rs">
                                    <div class="flag-box"><div class="iti-flag rs"></div></div>
                                    <span class="country-name">Serbia (Србија)</span><span class="dial-code">+381</span>
                                  </li>
                                  <li class="country" data-dial-code="248" data-country-code="sc">
                                    <div class="flag-box"><div class="iti-flag sc"></div></div>
                                    <span class="country-name">Seychelles</span><span class="dial-code">+248</span>
                                  </li>
                                  <li class="country" data-dial-code="232" data-country-code="sl">
                                    <div class="flag-box"><div class="iti-flag sl"></div></div>
                                    <span class="country-name">Sierra Leone</span><span class="dial-code">+232</span>
                                  </li>
                                  <li class="country" data-dial-code="65" data-country-code="sg">
                                    <div class="flag-box"><div class="iti-flag sg"></div></div>
                                    <span class="country-name">Singapore</span><span class="dial-code">+65</span>
                                  </li>
                                  <li class="country" data-dial-code="1721" data-country-code="sx">
                                    <div class="flag-box"><div class="iti-flag sx"></div></div>
                                    <span class="country-name">Sint Maarten</span><span class="dial-code">+1721</span>
                                  </li>
                                  <li class="country" data-dial-code="421" data-country-code="sk">
                                    <div class="flag-box"><div class="iti-flag sk"></div></div>
                                    <span class="country-name">Slovakia (Slovensko)</span><span class="dial-code">+421</span>
                                  </li>
                                  <li class="country" data-dial-code="386" data-country-code="si">
                                    <div class="flag-box"><div class="iti-flag si"></div></div>
                                    <span class="country-name">Slovenia (Slovenija)</span><span class="dial-code">+386</span>
                                  </li>
                                  <li class="country" data-dial-code="677" data-country-code="sb">
                                    <div class="flag-box"><div class="iti-flag sb"></div></div>
                                    <span class="country-name">Solomon Islands</span><span class="dial-code">+677</span>
                                  </li>
                                  <li class="country" data-dial-code="252" data-country-code="so">
                                    <div class="flag-box"><div class="iti-flag so"></div></div>
                                    <span class="country-name">Somalia (Soomaaliya)</span><span class="dial-code">+252</span>
                                  </li>
                                  <li class="country" data-dial-code="27" data-country-code="za">
                                    <div class="flag-box"><div class="iti-flag za"></div></div>
                                    <span class="country-name">South Africa</span><span class="dial-code">+27</span>
                                  </li>
                                  <li class="country" data-dial-code="82" data-country-code="kr">
                                    <div class="flag-box"><div class="iti-flag kr"></div></div>
                                    <span class="country-name">South Korea (대한민국)</span><span class="dial-code">+82</span>
                                  </li>
                                  <li class="country" data-dial-code="211" data-country-code="ss">
                                    <div class="flag-box"><div class="iti-flag ss"></div></div>
                                    <span class="country-name">South Sudan (&#x202B;جنوب السودان&#x202C;&lrm;)</span><span class="dial-code">+211</span>
                                  </li>
                                  <li class="country" data-dial-code="34" data-country-code="es">
                                    <div class="flag-box"><div class="iti-flag es"></div></div>
                                    <span class="country-name">Spain (España)</span><span class="dial-code">+34</span>
                                  </li>
                                  <li class="country" data-dial-code="94" data-country-code="lk">
                                    <div class="flag-box"><div class="iti-flag lk"></div></div>
                                    <span class="country-name">Sri Lanka (ශ්&zwj;රී ලංකාව)</span><span class="dial-code">+94</span>
                                  </li>
                                  <li class="country" data-dial-code="249" data-country-code="sd">
                                    <div class="flag-box"><div class="iti-flag sd"></div></div>
                                    <span class="country-name">Sudan (&#x202B;السودان&#x202C;&lrm;)</span><span class="dial-code">+249</span>
                                  </li>
                                  <li class="country" data-dial-code="597" data-country-code="sr">
                                    <div class="flag-box"><div class="iti-flag sr"></div></div>
                                    <span class="country-name">Suriname</span><span class="dial-code">+597</span>
                                  </li>
                                  <li class="country" data-dial-code="47" data-country-code="sj">
                                    <div class="flag-box"><div class="iti-flag sj"></div></div>
                                    <span class="country-name">Svalbard and Jan Mayen</span><span class="dial-code">+47</span>
                                  </li>
                                  <li class="country" data-dial-code="268" data-country-code="sz">
                                    <div class="flag-box"><div class="iti-flag sz"></div></div>
                                    <span class="country-name">Swaziland</span><span class="dial-code">+268</span>
                                  </li>
                                  <li class="country" data-dial-code="46" data-country-code="se">
                                    <div class="flag-box"><div class="iti-flag se"></div></div>
                                    <span class="country-name">Sweden (Sverige)</span><span class="dial-code">+46</span>
                                  </li>
                                  <li class="country" data-dial-code="41" data-country-code="ch">
                                    <div class="flag-box"><div class="iti-flag ch"></div></div>
                                    <span class="country-name">Switzerland (Schweiz)</span><span class="dial-code">+41</span>
                                  </li>
                                  <li class="country" data-dial-code="963" data-country-code="sy">
                                    <div class="flag-box"><div class="iti-flag sy"></div></div>
                                    <span class="country-name">Syria (&#x202B;سوريا&#x202C;&lrm;)</span><span class="dial-code">+963</span>
                                  </li>
                                  <li class="country" data-dial-code="886" data-country-code="tw">
                                    <div class="flag-box"><div class="iti-flag tw"></div></div>
                                    <span class="country-name">Taiwan (台灣)</span><span class="dial-code">+886</span>
                                  </li>
                                  <li class="country" data-dial-code="992" data-country-code="tj">
                                    <div class="flag-box"><div class="iti-flag tj"></div></div>
                                    <span class="country-name">Tajikistan</span><span class="dial-code">+992</span>
                                  </li>
                                  <li class="country" data-dial-code="255" data-country-code="tz">
                                    <div class="flag-box"><div class="iti-flag tz"></div></div>
                                    <span class="country-name">Tanzania</span><span class="dial-code">+255</span>
                                  </li>
                                  <li class="country" data-dial-code="66" data-country-code="th">
                                    <div class="flag-box"><div class="iti-flag th"></div></div>
                                    <span class="country-name">Thailand (ไทย)</span><span class="dial-code">+66</span>
                                  </li>
                                  <li class="country" data-dial-code="670" data-country-code="tl">
                                    <div class="flag-box"><div class="iti-flag tl"></div></div>
                                    <span class="country-name">Timor-Leste</span><span class="dial-code">+670</span>
                                  </li>
                                  <li class="country" data-dial-code="228" data-country-code="tg">
                                    <div class="flag-box"><div class="iti-flag tg"></div></div>
                                    <span class="country-name">Togo</span><span class="dial-code">+228</span>
                                  </li>
                                  <li class="country" data-dial-code="690" data-country-code="tk">
                                    <div class="flag-box"><div class="iti-flag tk"></div></div>
                                    <span class="country-name">Tokelau</span><span class="dial-code">+690</span>
                                  </li>
                                  <li class="country" data-dial-code="676" data-country-code="to">
                                    <div class="flag-box"><div class="iti-flag to"></div></div>
                                    <span class="country-name">Tonga</span><span class="dial-code">+676</span>
                                  </li>
                                  <li class="country" data-dial-code="1868" data-country-code="tt">
                                    <div class="flag-box"><div class="iti-flag tt"></div></div>
                                    <span class="country-name">Trinidad and Tobago</span><span class="dial-code">+1868</span>
                                  </li>
                                  <li class="country" data-dial-code="216" data-country-code="tn">
                                    <div class="flag-box"><div class="iti-flag tn"></div></div>
                                    <span class="country-name">Tunisia (&#x202B;تونس&#x202C;&lrm;)</span><span class="dial-code">+216</span>
                                  </li>
                                  <li class="country active" data-dial-code="90" data-country-code="tr">
                                    <div class="flag-box"><div class="iti-flag tr"></div></div>
                                    <span class="country-name">Turkey (Türkiye)</span><span class="dial-code">+90</span>
                                  </li>
                                  <li class="country" data-dial-code="993" data-country-code="tm">
                                    <div class="flag-box"><div class="iti-flag tm"></div></div>
                                    <span class="country-name">Turkmenistan</span><span class="dial-code">+993</span>
                                  </li>
                                  <li class="country" data-dial-code="1649" data-country-code="tc">
                                    <div class="flag-box"><div class="iti-flag tc"></div></div>
                                    <span class="country-name">Turks and Caicos Islands</span><span class="dial-code">+1649</span>
                                  </li>
                                  <li class="country" data-dial-code="688" data-country-code="tv">
                                    <div class="flag-box"><div class="iti-flag tv"></div></div>
                                    <span class="country-name">Tuvalu</span><span class="dial-code">+688</span>
                                  </li>
                                  <li class="country" data-dial-code="1340" data-country-code="vi">
                                    <div class="flag-box"><div class="iti-flag vi"></div></div>
                                    <span class="country-name">U.S. Virgin Islands</span><span class="dial-code">+1340</span>
                                  </li>
                                  <li class="country" data-dial-code="256" data-country-code="ug">
                                    <div class="flag-box"><div class="iti-flag ug"></div></div>
                                    <span class="country-name">Uganda</span><span class="dial-code">+256</span>
                                  </li>
                                  <li class="country" data-dial-code="380" data-country-code="ua">
                                    <div class="flag-box"><div class="iti-flag ua"></div></div>
                                    <span class="country-name">Ukraine (Україна)</span><span class="dial-code">+380</span>
                                  </li>
                                  <li class="country" data-dial-code="971" data-country-code="ae">
                                    <div class="flag-box"><div class="iti-flag ae"></div></div>
                                    <span class="country-name">United Arab Emirates (&#x202B;الإمارات العربية المتحدة&#x202C;&lrm;)</span><span class="dial-code">+971</span>
                                  </li>
                                  <li class="country" data-dial-code="44" data-country-code="gb">
                                    <div class="flag-box"><div class="iti-flag gb"></div></div>
                                    <span class="country-name">United Kingdom</span><span class="dial-code">+44</span>
                                  </li>
                                  <li class="country" data-dial-code="1" data-country-code="us">
                                    <div class="flag-box"><div class="iti-flag us"></div></div>
                                    <span class="country-name">United States</span><span class="dial-code">+1</span>
                                  </li>
                                  <li class="country" data-dial-code="598" data-country-code="uy">
                                    <div class="flag-box"><div class="iti-flag uy"></div></div>
                                    <span class="country-name">Uruguay</span><span class="dial-code">+598</span>
                                  </li>
                                  <li class="country" data-dial-code="998" data-country-code="uz">
                                    <div class="flag-box"><div class="iti-flag uz"></div></div>
                                    <span class="country-name">Uzbekistan (Oʻzbekiston)</span><span class="dial-code">+998</span>
                                  </li>
                                  <li class="country" data-dial-code="678" data-country-code="vu">
                                    <div class="flag-box"><div class="iti-flag vu"></div></div>
                                    <span class="country-name">Vanuatu</span><span class="dial-code">+678</span>
                                  </li>
                                  <li class="country" data-dial-code="39" data-country-code="va">
                                    <div class="flag-box"><div class="iti-flag va"></div></div>
                                    <span class="country-name">Vatican City (Città del Vaticano)</span><span class="dial-code">+39</span>
                                  </li>
                                  <li class="country" data-dial-code="58" data-country-code="ve">
                                    <div class="flag-box"><div class="iti-flag ve"></div></div>
                                    <span class="country-name">Venezuela</span><span class="dial-code">+58</span>
                                  </li>
                                  <li class="country" data-dial-code="84" data-country-code="vn">
                                    <div class="flag-box"><div class="iti-flag vn"></div></div>
                                    <span class="country-name">Vietnam (Việt Nam)</span><span class="dial-code">+84</span>
                                  </li>
                                  <li class="country" data-dial-code="681" data-country-code="wf">
                                    <div class="flag-box"><div class="iti-flag wf"></div></div>
                                    <span class="country-name">Wallis and Futuna</span><span class="dial-code">+681</span>
                                  </li>
                                  <li class="country" data-dial-code="212" data-country-code="eh">
                                    <div class="flag-box"><div class="iti-flag eh"></div></div>
                                    <span class="country-name">Western Sahara (&#x202B;الصحراء الغربية&#x202C;&lrm;)</span><span class="dial-code">+212</span>
                                  </li>
                                  <li class="country" data-dial-code="967" data-country-code="ye">
                                    <div class="flag-box"><div class="iti-flag ye"></div></div>
                                    <span class="country-name">Yemen (&#x202B;اليمن&#x202C;&lrm;)</span><span class="dial-code">+967</span>
                                  </li>
                                  <li class="country" data-dial-code="260" data-country-code="zm">
                                    <div class="flag-box"><div class="iti-flag zm"></div></div>
                                    <span class="country-name">Zambia</span><span class="dial-code">+260</span>
                                  </li>
                                  <li class="country" data-dial-code="263" data-country-code="zw">
                                    <div class="flag-box"><div class="iti-flag zw"></div></div>
                                    <span class="country-name">Zimbabwe</span><span class="dial-code">+263</span>
                                  </li>
                                  <li class="country" data-dial-code="358" data-country-code="ax">
                                    <div class="flag-box"><div class="iti-flag ax"></div></div>
                                    <span class="country-name">Åland Islands</span><span class="dial-code">+358</span>
                                  </li>
                                </ul>
                              </div>
                            </div>

                            <div class="col-3 col-md-2">
                              <input type="text" name="areaCode" class="form-control register__area-code ps-1 pe-1 text-center" value="90" disabled="" />
                            </div>

                            <input type="hidden" name="club" class="form-control" value="0" />

                            <div class="col-6 col-md-8" style="padding-left: 0px;">
                              <input
                                type="text"
                                placeholder="(000) 000-0000"
                                class="form-control"
                                name="mobile"
                                onkeypress="console.log(event.charCode); return ((event.charCode >= 48 &amp;&amp; event.charCode <= 57) || event.charCode == 43)"
                                value=""
                              />
                            </div>
                          </div>

                          <i class="fa fa-times red d-none"></i>
                          <i class="fa fa-check green d-none"></i>
                        </div>
                        <div class="error2"></div>
                      </div>

                      <div class="form-group required sms-verification-container" validationcontainer="smsCode">
                        <label for="smsCode" class="control-label register__form-label">SMS Kodu</label>

                        <div class="row">
                          <div class="col-8 position-relative">
                            <input type="text" class="form-control register__form-input" placeholder="Kodu girin" name="smsCode" maxlength="6" />
                            <button type="button" class="btn btn-link register__form-button--sms-code" id="sendSmsCode">
                              Gönder
                            </button>
                          </div>

                          <div class="col-3 position-relative">
                            <div class="register__form-button--sms-code-time">
                              <span class="sms_timer">00:30</span>
                            </div>
                          </div>
                        </div>
                        <div class="error2"></div>
                      </div>

                      <div class="form-group required mt-4 mb-2" validationcontainer="agreeAll">
                        <label for="rules" class="checkbox form-check-label">
                          <input class="custom-checkbox" id="rules" type="checkbox" name="agreeAll" />
                          <span class="label-color">
                            En az 18 yaşındayım, kural ve şartları okudum ve onayladım.
                          </span>
                          <span class="checkmark icons"></span>
                        </label>
                        <div class="error2"></div>
                      </div>

                      <div class="form-group required mb-5">
                        <label for="subscription" class="checkbox form-check-label">
                          <input class="custom-checkbox checkok" type="checkbox" checked="" name="subscription" id="subscription" />
                          <span class="label-color">
                            Evet, özel promosyonlar hakkında SMS almak istiyorum.
                          </span>
                          <span class="checkmark icons ic-chck-ok"></span>
                        </label>
                      </div>
                    </section>
                  </div>
                  <div class="actions clearfix">
                    <ul role="menu" aria-label="Pagination">
                      <li class="disabled" aria-disabled="true"><a href="#previous" role="menuitem">Previous</a></li>
                      <li aria-hidden="false" aria-disabled="false"><a href="#next" role="menuitem">Next</a></li>
                      <li aria-hidden="true" style="display: none;"><a href="#finish" role="menuitem">Finish</a></li>
                    </ul>
                  </div>
                </div>

                <div class="register-buttons-container">
                  <button class="btn btn-secondary" id="prevRegTab" style="display: none;">
                    <small><i class="fa fa-chevron-left me-2"></i></small> Önceki
                  </button>
                  <button class="btn btn-primary" id="nextRegTab">
                    İleri <small><i class="fa fa-chevron-right ms-2"></i></small>
                  </button>
                  <div>
                    <div class="grecaptcha-badge" data-style="none" style="width: 256px; height: 60px; position: fixed; visibility: hidden;">
                      <div class="grecaptcha-logo">
                        <iframe
                          title="reCAPTCHA"
                          width="256"
                          height="60"
                          role="presentation"
                          name="a-uqt6ng3y01yo"
                          frameborder="0"
                          scrolling="no"
                          sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
                          src="https://www.google.com/recaptcha/enterprise/anchor?ar=1&amp;k=6Ld4Aw8nAAAAAHOFGczM6ah8kzROMxZaF5a6oHkA&amp;co=aHR0cHM6Ly9zZWthYmV0MTIxNy5jb206NDQz&amp;hl=tr&amp;v=hfUfsXWZFeg83qqxrK27GB8P&amp;size=invisible&amp;sa=submit&amp;cb=rqehx0kg6m41"
                        ></iframe>
                      </div>
                      <div class="grecaptcha-error"></div>
                      <textarea
                        id="g-recaptcha-response-1"
                        name="g-recaptcha-response"
                        class="g-recaptcha-response"
                        style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"
                      ></textarea>
                    </div>
                  </div>
                  <button class="g-recaptcha btn btn-primary" id="register_new" type="button" data-sitekey="6Ld4Aw8nAAAAAHOFGczM6ah8kzROMxZaF5a6oHkA" data-callback="onSubmit" data-action="submit" style="display: none;">
                    Bitir <small><i class="fa fa-chevron-right ms-2"></i></small>
                  </button>
                </div>

                SekaBet is protected by reCAPTCHA and the Google
                <a href="https://policies.google.com/privacy" style="color: #858c91;">Privacy Policy</a> and <a href="https://policies.google.com/terms" style="color: #858c91;">Terms of Service</a> apply.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="confirmation_modal" class="confirmation_modal modal fade" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content confirmation_modal_content">
          <div class="confirmation_modal_btns">
            <button type="button" class="continue_reg_button" data-dismiss="modal">
              <span><img src="/Content/img/Arrow1.png" /></span>GERİ DÖN
            </button>
            <button type="button" class="close_reg_button" data-dismiss="modal" id="registration_modal_close">KAPAT</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade register-loader-modal" tabindex="-1" id="register-loader-modal">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-body">
            <div class="loader-container mt-5 mb-5 pt-2 pb-5">
              <span class="loader5"></span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade register-success-modal" tabindex="-1" id="register-success-modal">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Info</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p><i class="fa fa-check"></i> Sekabet’e üye olduğunuz için teşekkürler! Üyelik bilgilerinizi, Kişisel Bilgiler sekmesinden güncelleyebilirsiniz</p>
          </div>
          <div class="modal-footer">
            <a class="btn btn-primary ms-auto me-auto" href="/tr/Security/LogOn">
              SİSTEME GİRİŞ
            </a>
          </div>
        </div>
      </div>
    </div>

    <script>
      function onSubmit(token) {
        onRegistration(token);
      }

      var $steps = $("#steps").steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "none",
        autoFocus: true,
        onStepChanged: function (event, currentIndex) {
          let ci = currentIndex + 1;
          $(".steps ul li").removeClass("active");
          $(`.steps ul li.step_${ci}`).addClass("active");
          if (ci === 1) {
            $nextRegTab.show();
            $prevRegTab.hide();
            $registerBtn.hide();
          }
          if (ci === 2) {
            $nextRegTab.show();
            $prevRegTab.show();
            $registerBtn.hide();
          }
          if (ci === 3) {
            $nextRegTab.hide();
            $prevRegTab.show();
            $registerBtn.show();
          }
        },
      });

      var $nextRegTab = $("#nextRegTab");
      var $prevRegTab = $("#prevRegTab");
      var $registerBtn = $("#register_new");
      var $sendSmsCode = $("#sendSmsCode");

      $nextRegTab.on("click", function () {
        if ($steps.steps("getCurrentIndex") == 0) {
          if (!validateStep0()) {
            return false;
          }
        }

        //var countryId = $('select[name=country]').val();

        //if (countryId == 192) {
        //    $('.registrationForm[data-countryId=192]').show();
        //    $('.registrationForm[data-countryId!=192]').hide();
        //} else {
        //    $('.registrationForm[data-countryId!=192]').show();
        //    $('.registrationForm[data-countryId=192]').hide();
        //}

        //$('.registrationForm[data-countryId=' + countryId + ']').show();
        //$('.registrationForm[data-countryId!=' + countryId + ']').hide();

        //$nextRegTab.hide();
        //$prevRegTab.show();
        //$registerBtn.show();
        $steps.steps("next");
        ga("send", "event", "registration", "step-2");
      });

      $prevRegTab.on("click", function () {
        //$prevRegTab.hide();
        //$nextRegTab.show();
        //$registerBtn.hide();
        $steps.steps("previous");
      });

      function validateUserName() {
        var $this = $("input[name=userName]");

        if ($this.prop("disabled")) {
          $this.attr("data-validated", 1);
          return;
        }

        $.ajax({
          type: "POST",
          data: "userName=" + $this.val(),
          url: "/tr/Security/ValidateUserName",
          success: function (data) {
            valiadationFunction(data.data, data.message, data.success);
            $this.attr("data-validated", data.success ? 1 : 0);
          },
        });
      }

      $("input[name=userName]").focusout(function () {
        validateUserName();
      });

      function validatePassword() {
        var $this = $("input[name=password]");
        var password = $this.val();

        if (password.length > 7) {
          $.ajax({
            type: "POST",
            data: "password=" + password,
            url: "/tr/Security/ValidatePassword",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
              $this.attr("data-validated", data.success ? 1 : 0);
            },
          });
        } else {
          valiadationFunction("password", "Şifre en az sekiz karakter olmalıdır.", false);
          $this.attr("data-validated", 0);
        }
      }

      $("input[name=password]").bind("keyup", function () {
        validatePassword();
      });

      function validateConfirmPassword() {
        var $this = $("input[name=confirmPassword]");
        //var $regForm = $('.registrationForm');
        var confirmPassword = $this.val();
        var password = $("input[name=password]").val();

        $.ajax({
          type: "POST",
          data: "password=" + password + "&passwordConfirm=" + confirmPassword,
          url: "/tr/Security/ValidatePasswordConfirm",
          success: function (data) {
            valiadationFunction(data.data, data.message, data.success);
            $this.attr("data-validated", data.success ? 1 : 0);
          },
        });
      }

      $("input[name=confirmPassword]").focusout(function () {
        validateConfirmPassword();
      });

      function validateStep0() {
        var validated = true;

        if ($("input[name=userName]").attr("data-validated") == 0) {
          validateUserName();
          validated = false;
        }

        if ($("input[name=password]").attr("data-validated") == 0) {
          validatePassword();
          validated = false;
        }

        if ($("input[name=confirmPassword]").attr("data-validated") == 0) {
          validateConfirmPassword();
          validated = false;
        }

        return validated;
      }
      function displayPasswordStrengthIndicator() {
        var password = $("#password_input").val();
        if (password === "") {
          $("#passProgress_cont").hide();
        } else {
          $("#passProgress_cont").show();
        }
      }
      $("#password_input").on("input", function () {
        displayPasswordStrengthIndicator();
      });
      var valiadationFunction = function (data, message, success) {
        if (!success) {
          $("[validationcontainer=" + data + "] .regdiv5").addClass("error1");
          $("[validationcontainer=" + data + "] .error2, [validationcontainer=" + data + "] .error3").text(message);
          $("[validationcontainer=" + data + "] .sn-valid-check").removeClass("show-green");
          $("[validationcontainer=" + data + "] .sn-valid-check").addClass("show-red");

          $("[validationcontainer2=captcha]").find(".reg-captcha").removeClass("show-green");
          $("[validationcontainer2=captcha]").find(".reg-captcha").addClass("show-red");
          $("[name=captcha]").val("");

          if (data == "captcha1") {
            $("[name=captcha]").removeClass("show-green");
            $("[name=captcha]").addClass("show-red");
          }

          if (data == "password") {
            /*$('[validationcontainer=passProgress]').css('display', 'block')*/
            $("[validationcontainer=passProgress] .progress-bar-danger").css("display", "block");
            $("[validationcontainer=passProgress] .progress-bar-warning").css("display", "none");
            $("[validationcontainer=passProgress] .progress-bar-success").css("display", "none");
          }

          if (data == "birthDate") {
            $("[validationcontainer=datebirthDate] .sn-valid-check2").removeClass("show-green");
            $("[validationcontainer=datebirthDate] .sn-valid-check2").addClass("show-red");
          }
        } else if (success) {
          $("[validationcontainer=" + data + "] .regdiv5")
            .removeClass("error1")
            .removeClass("error2");
          $("[validationcontainer=" + data + "] .error2, [validationcontainer=" + data + "] .error3").empty();
          $("[validationcontainer=" + data + "] .sn-valid-check").removeClass("show-red");
          $("[validationcontainer=" + data + "] .sn-valid-check").addClass("show-green");
          if (data == "password") {
            $("[validationcontainer=passProgress] .progress-bar-danger").css("display", "none");
            $("[validationcontainer=passProgress] .progress-bar-warning").css("display", "block");
            $("[validationcontainer=passProgress] .progress-bar-success").css("display", "none");

            var length = $('input[name="password"]').val().length;

            if (length > 10) {
              $("[validationcontainer=passProgress] .progress-bar-danger").css("display", "none");
              $("[validationcontainer=passProgress] .progress-bar-warning").css("display", "none");
              $("[validationcontainer=passProgress] .progress-bar-success").css("display", "block");
            }
          }
          if (data == "birthDate") {
            $("[validationcontainer=datebirthDate] .sn-valid-check2").removeClass("show-red");
            $("[validationcontainer=datebirthDate] .sn-valid-check2").addClass("show-green");
          }
        }
      };

      function sendSmsVerificationCode() {
        $.ajax({
          type: "POST",
          data: "phone=" + $("[name=mobile]").val() + "&areaCode=" + $("[name=areaCode]").val() + "&username=" + $("[name=userName]").val(),
          url: "/tr/Security/SendSmsVerificationCodeForRegistration",
          success: function (data) {
            if (data.success) {
              startTimer();
            } else {
              $sendSmsCode.attr("disabled", false);
            }

            valiadationFunction("smsCode", data.message, data.success);
          },
        });
      }

      $sendSmsCode.on("click", function () {
        $sendSmsCode.attr("disabled", true);

        sendSmsVerificationCode();
      });

      function startTimer() {
        var $timer = $(".sms_timer");
        var duration = 30;

        function updateTimer() {
          if (duration >= 0) {
            if (duration < 10) {
              $timer.text("00:0" + duration);
            } else {
              $timer.text("00:" + duration);
            }
          } else {
            clearInterval(timeinterval);
            $sendSmsCode.attr("disabled", false);
            $sendSmsCode.val("Tekrar Gönder");
          }

          duration--;
        }

        var timeinterval = setInterval(updateTimer, 1000);
      }

      function getCaptcha() {
        $("#captchaImg").attr("src", "/tr/Security/RetrieveCaptchaImage" + "?t=" + new Date().getTime());
      }

      const loader = $("#register-loader-modal");

      function onRegistration(token) {
        var $regForm = $(".registrationForm");
        var countryId = $("select[name=country]").val();

        var temp = countryId == 192 ? 192 : 238;

        //var $cnt = $('.registrationForm[data-countryId=' + temp + ']');
        var $cnt = $(".registrationForm");

        //loader.dialog('open');
        loader.modal("show");

        $("[validationcontainer] .regdiv5").removeClass("error1").removeClass("error2");
        $("[validationcontainer] .error2, [validationcontainer] .error3").empty();
        $("[name=captcha]").css("border-color", "#0f0f0f");
        var agreeAll = $cnt.find("[name=agreeAll]").is(":checked") ? 1 : 0;
        var sendEmail = $cnt.find("[name=sendEmail]").is(":checked") ? 1 : 0;
        var sendSms = $cnt.find("[name=sendSms]").is(":checked") ? 1 : 0;
        var gender = $("#maleGender").is(":checked") ? 1 : 2;
        var code = "-1";
        var userip = $("[name=ipxx]").val();
        var subscription = $regForm.find("[name=subscription]").is(":checked") ? 1 : 0;
        $.ajax({
          type: "POST",
          data:
            "Username=" +
            $regForm.find("[name=userName]").val() +
            "&SmsCode=" +
            $regForm.find("[name=smsCode]").val() +
            "&Email=" +
            $regForm.find("[name=email]").val() +
            "&CountryId=" +
            countryId +
            "&CurrencyId=" +
            $("[name=currency]").val() +
            "&AreaCode=" +
            $("[name=areaCode]").val() +
            "&MobileNumber=" +
            $("[name=mobile]").val() +
            "&Password=" +
            $regForm.find("[name=password]").val() +
            "&ConfirmPassword=" +
            $regForm.find("[name=confirmPassword]").val() +
            "&ReferrerCode=" +
            "-1" +
            "&AgreeAll=" +
            agreeAll +
            "&Subscription=" +
            subscription +
            "&AffiliateId=" +
            -1 +
            "&g-recaptcha-response=" +
            token +
            "&LandingRegistrationId=" +
            $regForm.find("[name=landingRegistrationId]").val(),
          url: "/tr/Security/Register",
          success: function (data) {
            loader.hide();
            loader.modal("hide");

            if (!data.success) {
              $.each(data.L, function (i, item) {
                valiadationFunction(item.data, item.message, item.success);
              });
            } else {
              $(".overlay").hide();
              $("#register-success-modal").show();
              $("#register-success-modal").modal("show");

              $("body").append('<!-- START Exoclick Goal Tag | new registration --><img width="1" height="1" src="http://main.exoclick.com/tag.php?goal=1a4f44ed6b4af67129c6c0b1564a2120"><!-- END Exoclick Goal Tag | new registration -->');
              ga("send", "event", "registration", "step-3");

              localStorage.setItem("navigateBackAfterReload", "true");

              window.history.back();
            }
          },
        });
        /*$.ajax({
            type: "POST",
            data: "GenderId=" + gender + "&UserIp=" + userip + "&FirstName=" + $cnt.find('[name=firstName]').val() + "&LastName=" + $cnt.find('[name=lastName]').val()
                + "&DateOfBirth=" + $('[name=yearSelect]').val() + '-' + $('[name=monthSelect]').val() + '-' + $('[name=daySelect]').val() +
                "&Email=" + $cnt.find('[name=email]').val() + "&CountryId=" + $('[name=country]').val() + "&City=" + $('[name=city]').val() +
                "&Address=" + $('[name=address]').val() + "&ZipCode=" + $('[name=zip]').val() + "&AreaCode=" + $('[name=areaCode]').val() +
                "&MobileNumber=" + $('[name=mobile]').val() + "&SmsCode=" + $('[name=smsCode]').val() + "&PersonalId=" + $('[name=pin]').val() + "&Username=" + $cnt.find('[name=userName]').val() +
                "&Password=" + $cnt.find('[name=password]').val() + "&ConfirmPassword=" + $cnt.find('[name=confirmPassword]').val() + "&CurrencyId=" + $('[name=currency]').val() +
                "&ReferrerCode=" + $cnt.find('[name=referrerCode]').val() + "&SecurityCode=" + $('[name=captcha]').val() +
                "&AgreeAll=" + agreeAll + "&SendEmail=" + sendEmail + "&SendSms=" + sendSms + "&SecretCode=" + $('[name=secretCode]').val() + "&ClubId=" + $('[name=club]').val() + "&AffiliateId=" + affiliateId + "&OddsDisplay=" + $('[name=oddsDisplay]').val(),
            url: "Url.Action("Register", "Security")",*/
      }

      $(".regbutton").click(function (e) {
        e.preventDefault();
        $(".mainbody").css("z-index", "0");
        $(".overlay").hide();
      });
      $(document).ready(function () {
        $(".country").click(function () {
          var selectedClass = $(this).find("div div.iti-flag").attr("class").split(" ")[1];
          var classes = $(".regMainMobileSelect div.iti-flag").attr("class").split(" ");

          $(".regMainMobileSelect div.iti-flag").removeClass(classes[1]);
          $(".regMainMobileSelect div.iti-flag").addClass(selectedClass);

          var areaCode = $(this).attr("data-dial-code");
          $('input[name="areaCode"]').val(areaCode);
          $("[name=mobile]").focus();
        });

        //Select UAH & USD for Ukraine Country
        $('[name="country"]').change(function () {
          if ($('[name="country"]').val() == "246") {
            //  $('.try').hide();
            //  $('.eur').hide();
            $('[name="currency"]').select2().val(7).trigger("change");
          } else {
            //$('.try').show();
            //$('.eur').show();
          }

          if ($('[name="country"] option:selected').val() == "192") {
            $('[name="currency"]').select2().val(5).trigger("change");
          } else if ($('[name="country"] option:selected').val() == "246") {
            $('[name="currency"]').select2().val(7).trigger("change");
          } else if ($('[name="country"] option:selected').val() == "30") {
            $('[name="currency"]').select2().val(13).trigger("change");
          }

          var selectedClass = $("option:selected", this).attr("data-country-code");
          var classes = $(".regMainMobileSelect div.iti-flag").attr("class").split(" ");

          $(".regMainMobileSelect div.iti-flag").removeClass(classes[1]);
          $(".regMainMobileSelect div.iti-flag").addClass(selectedClass);

          var areaCode = $("option:selected", this).attr("data-dial-code");
          $('input[name="areaCode"]').val(areaCode);

          if ($('[name="country"] option:selected').val() != "238") {
            $("#personalNumberCont").html("");
          } else {
            $("#personalNumberCont").html(
              '<label class="control-label col-sm-4" for="">Kimlik No</label><div class="col-sm-8 sn-valid-check"><input type="text" class="form-control" name="pin" maxlength="20"><i class="fa fa-times red hidden"></i><i class="fa fa-check green hidden"></i></div><div class="error2 col-md-offset-4"></div>'
            );
          }
        });

        //Select UAH & USD for Ukraine Country

        //Random Pin for non TR languages
        var randomnumber = Date.now();
        $("#pinOld").val(randomnumber);
        //Random Pin for non TR languages

        //var loader = $('.loader').dialog({
        //    autoOpen: false,
        //    modal: true,
        //    draggable: false,
        //    resizable: false,
        //    show: 'fade',
        //    hide: 'fade',
        //    closeOnEscape: false,
        //    open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog | ui).hide(); },
        //});

        $("#maleGender").change(function () {
          if ($(this).is(":checked")) {
            $("#femaleGender").removeAttr("checked");
          } else {
            $("#femaleGender").attr("checked", true);
          }
        });

        $("#femaleGender").change(function () {
          if ($(this).is(":checked")) {
            $("#maleGender").removeAttr("checked");
          } else {
            $("#maleGender").attr("checked", true);
          }
        });

        //$('#register_new').click(function (e) {
        //    e.preventDefault();
        //});

        $("input[name=firstName]").focusout(function () {
          $.ajax({
            type: "POST",
            data: "firstName=" + $(this).val(),
            url: "/tr/Security/ValidateFirstName",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
            },
          });
        });

        $("input[name=lastName]").focusout(function () {
          $.ajax({
            type: "POST",
            data: "lastName=" + $(this).val(),
            url: "/tr/Security/ValidateLastName",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
            },
          });
        });

        $("[validationcontainer=datebirthDate] select").change(function () {
          if ($(this).val() == 0) {
            valiadationFunction("birthDate", "Please choose valid date", false);
          } else {
            $.ajax({
              type: "POST",
              data: "birthDate=" + $("[name=yearSelect]").val() + "-" + $("[name=monthSelect]").val() + "-" + $("[name=daySelect]").val(),
              url: "/tr/Security/ValidateAge",
              success: function (data) {
                valiadationFunction(data.data, data.message, data.success);
              },
            });
          }
        });

        $("input[name=email]").focusout(function () {
          $.ajax({
            type: "POST",
            data: "email=" + $(this).val(),
            url: "/tr/Security/ValidateEmail",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
            },
          });
        });

        $("input[name=city]").focusout(function () {
          $.ajax({
            type: "POST",
            data: "city=" + $(this).val(),
            url: "/tr/Security/ValidateCity",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
            },
          });
        });

        $("input[name=address]").focusout(function () {
          $.ajax({
            type: "POST",
            data: "address=" + $(this).val(),
            url: "/tr/Security/ValidateAddress",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
            },
          });
        });

        $("input[name=zip]").focusout(function () {
          $.ajax({
            type: "POST",
            data: "zip=" + $(this).val(),
            url: "/tr/Security/ValidateZip",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
            },
          });
        });

        $(document).on("focusout", "input[name=pin]", function () {
          if ($('[name="country"] option:selected').val() == "238") {
            var pidStatus = check_tcno($(this).val());

            if (!pidStatus) {
              $("[validationcontainer=pin] .regdiv5").addClass("error1");
              $("[validationcontainer=pin] .error2, [validationcontainer=pin] .error3").text("Kişisel Numaranızın Formatı Yanlış");
              $("[validationcontainer=pin] .sn-valid-check").removeClass("show-green");
              $("[validationcontainer=pin] .sn-valid-check").addClass("show-red");
              return;
            }
          }

          $.ajax({
            type: "POST",
            data: "pin=" + $(this).val(),
            url: "/tr/Security/ValidatePin",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
              if (data.data == "pin") {
                var newVal = Date.now();
                $("#pinOld").val(newVal);
              }
            },
          });
        });

        function check_tcno(a) {
          if (a.substr(0, 1) == 0 || a.length != 11) {
            return false;
          }
          var i = 9,
            md = "",
            mc = "",
            digit,
            mr = "";
          while ((digit = a.charAt(--i))) {
            i % 2 == 0 ? (md += digit) : (mc += digit);
          }
          if ((eval(md.split("").join("+")) * 7 - eval(mc.split("").join("+"))) % 10 != parseInt(a.substr(9, 1), 10)) {
            return false;
          }
          for (c = 0; c <= 9; c++) {
            mr += a.charAt(c);
          }
          if (eval(mr.split("").join("+")) % 10 != parseInt(a.substr(10, 1), 10)) {
            return false;
          }
          return true;
        }

        $("#refreshCaptcha").click(function () {
          $("#captchaImg").attr("src", "/tr/Security/ShowCaptchaImage" + "?t=" + new Date().getTime()); //to refresh captcha
        });

        $("input[name=secretCode]").focusout(function () {
          $.ajax({
            type: "POST",
            data: "secretCode=" + $(this).val(),
            url: "/tr/Security/ValidateSecretCode",
            success: function (data) {
              valiadationFunction(data.data, data.message, data.success);
            },
          });
        });

        $("#activeSecret").click(function () {
          var cb1 = $("#activeSecret").is(":checked");
          $("#secretCode").prop("disabled", !cb1);
          if (cb1) {
            $("#secretCodeOver").css("display", "none");
          } else {
            $("#secretCodeOver").css("display", "block");
            $("#secretCode").val("");
          }
        });

        $("#sn-register-modal").on("shown.bs.modal", function () {
          ga("send", "event", "registration", "step-1");
        });
        const lang1 = "tr";
        if (lang1 != "tr") {
          $(".btn-close").addClass("btn-close1");
        }
      });
      let confirmClose = false;
      function showConfirmationModal() {
        const lang = "tr";
        if (lang == "tr") {
          $("#confirmation_modal").modal("show");
        } else {
          confirmClose = true;
          $("#register-modal").modal("hide");
        }
      }
      $("#show_confirmation_modal").click(function () {
        showConfirmationModal();
      });

      $("#register-modal").on("click", function (e) {
        if ($(e.target).hasClass("modal") && !confirmClose) {
          showConfirmationModal();
        }
      });

      $("#register-modal").on("hide.bs.modal", function (e) {
        if (!confirmClose) {
          e.preventDefault();
          showConfirmationModal();
        }
      });

      $("#registration_modal_close").click(function () {
        confirmClose = true;
        $("#register-modal").modal("hide");
        $("#confirmation_modal").modal("hide");
        window.location.href = "/tr";
      });

      $(".continue_reg_button").click(function () {
        confirmClose = false;
        $("#confirmation_modal").modal("hide");
      });

      $("#confirmation_modal").on("hidden.bs.modal", function () {
        confirmClose = false;
      });
    </script>

    <style scoped="">
      #steps .steps:not(.steps-custom),
      #steps .actions,
      #steps .content .title {
        display: none;
      }
    </style>
  </div>

  <script type="text/javascript">
    $('[data-toggle="tooltip"]').tooltip();

    $(document).ready(function () {
      //Random Pin for non TR languages
      var randomnumber = Date.now();
      $("#pinOld").val(randomnumber);
      //Random Pin for non TR languages

      $(document).on("click", ".featherlight", function () {
        window.location = "/tr/Security/LogOn";
      });

      ga("send", "event", "registration", "step-1");

      fillInputWithQueryParameters();
    });

    $(window).load(function () {
      /*var $registrationModal = $('#register-modal');

        $registrationModal.modal('show');

		$registrationModal.on('hide.bs.modal', function () {
			location.assign('ViewBag._baseUrl');
		});*/

      var $registrationModal = $("#register-modal");

      $registrationModal.on("hide.bs.modal", function () {
        location.assign("<?=SITE_URL ?>");
      });

      $registrationModal.modal({ backdrop: "static", keyboard: false });

      $registrationModal.find(".btn-close1").click(function () {
        location.assign("<?=SITE_URL ?>");
      });
    });

    function fillInputWithQueryParameters() {
      const email = ``;
      const username = ``;
      const agreeAll = `False`;
      const landingRegistrationId = "0";

      if (email) {
        $("#register-modal").find("input[name=email]").val(email);
      }
      if (username) {
        $("#register-modal").find("input[name=userName]").val(username);
      }
      if (agreeAll) {
        var isTrueSet = agreeAll?.toLowerCase?.() === "true";
        if (isTrueSet) {
          $("#register-modal").find("input[name=agreeAll]").click();
        }
      }
      if (landingRegistrationId) {
        $("#register-modal").find("input[name=landingRegistrationId]").val(landingRegistrationId);
      }
    }
  </script>
</div>
