<div class="login-modal logon__login-modal">
  <div class="row login-modal__row_container">
    <div class="col-12 col-md-7">
      <div class="modal-header"></div>

      <div class="modal-login">
        <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>
        <form action="/tr/Security/LogOn" method="post">
        <?php if (isset($errorLogin)): ?>
          <div class="error-messages__container">
            <div class="error-text">
              <i class="fa fa-exclamation-circle"></i>
              <div class="validation-summary-errors" data-valmsg-summary="true">
                <ul>
                  <li>Kullanıcı adı veya şifre hatalı</li>
                </ul>
              </div>
            </div>
          </div>
        <?php endif; ?>
        <div class="input-group">
          <div class="recovery_pass__phone-pre" id="login__recovery_pass__phone-pre" style="display: none;">
            <div class="iti-flag tr"></div>
            <p class="plus">+</p>
          </div>
          <!-- <input type="text" class="login-input login-input__mobileNumber2" id="inputplaceholderid" placeholder="Cep Telefonu" name="MobileNumber2" style="display: none;" /> -->
          <input type="text" class="login-input login-input__userName2" id="inputplaceholderid" placeholder="E-Posta yada Kullanıcı Adı" name="UserName" />
          <button type="button" class="switchbutton" id="ToggleLogin" style="position: absolute; margin-top: 13px; right: 8px; border: none; color: white; outline: none; background: transparent;">
            <span class="fa fa-phone" id="phone-span" title="Cep Telefonu"> </span>
          </button>
        </div>
        <div class="input-group" id="passwordToggle">
          <input type="password" class="login-input mt-3" placeholder="Şifre" name="Password" id="login-password2" />

          <span class="fa fa-eye-slash" style="font-size: 20px;" id="modal-showpassword" title="show"></span>
        </div>
        <div class="login-btn">
          <button class="btn btn-primary" type="submit" id="logon__login">Giriş</button>
          <a href="#" data-bs-toggle="modal" data-bs-target="#sn_password_recovery_modal">Şifremi Unuttum</a>
        </div>
      </form>
        <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>
      </div>
    </div>

    <div class="col-4 d-none d-md-block logon__login-modal-image">
      <img src="/Content/img/new-login-modal-image.webp" alt="" />
    </div>
  </div>
</div>
