$(document).on("click","[data-login]",function(){
    var html = `<div class="modal-content mx-auto relative" data-key="6LdywLQUAAAAAEPPE71CDVaH3a8rCZrwI1tGxRlL" style="margin:0px !important">
    <div class="modal-fire-close flex absolute">
      <button class="focus:outline-none">
        <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <line x1="18" y1="6" x2="6" y2="18"></line>
          <line x1="6" y1="6" x2="18" y2="18"></line>
        </svg>
      </button>
    </div>
    <div class="account flex items-center flex-col">
      <div class="logo" style="border:0 !important">
        <a class="flex items-center justify-center" href="https://dizipal1076.com/"></a>
      </div>
            <div class="facebook-login social-login"><a class="block text-center" href="https://www.facebook.com/v2.10/dialog/oauth?client_id=1109043636311472&state=1ab4ddfd33db63fc1f8685e686c9b421&response_type=code&sdk=php-sdk-5.7.0&redirect_uri=https%3A%2F%2Fdizipal1076.com%2Flogin%2Ffacebook&scope=email">Facebook ile giriş yap</a></div>
                  <div class="account-form eyes">
        <form action="" onsubmit="return false" method="POST">
          <div class="input-group">
            <div class="input-element">

              <input type="text" id="usernameOrEmail" placeholder="Kullanıcı Adı">
            </div>
            <div class="input-element-input flex items-center">
              <input type="password" id="user-password" placeholder="Şifre">
              <span class="input-eye"><svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></span>
            </div>
            <div class="input-element">
              <button class="focus:outline-none user-login">Giriş Yap</button>
            </div>
            <div class="input-element flex">
              <a class="block text-center" data-forgot href="javascript:void(0);">Şifremi unuttum</a>
              <a class="block text-center" data-register href="javascript:void(0);">Kayıt Ol</a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

`;
    Swal.fire({
      title: '',
      icon: '',
      html:html,
      heightAuto: false,
      showCloseButton: false,
      showConfirmButton: false,
      showCancelButton: false,
      focusConfirm: false,
      customClass: {
        container: 'container-class',
        popup: 'popup-class',
        header: 'header-class',
        title: 'title-class',
        closeButton: 'close-button-class',
        icon: 'icon-class',
        image: 'image-class',
        content: 'content-class',
        input: 'input-class',
        actions: 'actions-class',
        confirmButton: 'confirm-button-class',
        cancelButton: 'cancel-button-class',
        footer: 'footer-class'
      },
      confirmButtonText:
        '',
      confirmButtonAriaLabel: '',
      cancelButtonText:
        '',
      cancelButtonAriaLabel: ''
    })
  });
  $(document).on("click","[data-forgot]",function(){
    var html = `<div class="modal-content mx-auto relative" data-key="6LdywLQUAAAAAEPPE71CDVaH3a8rCZrwI1tGxRlL" style="margin:0px !important">
    <div class="modal-fire-close flex absolute">
      <button class="focus:outline-none">
        <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <line x1="18" y1="6" x2="6" y2="18"></line>
          <line x1="6" y1="6" x2="18" y2="18"></line>
        </svg>
      </button>
    </div>
    <div class="account flex items-center flex-col">
      <div class="logo" style="border:0 !important">
        <a class="flex items-center justify-center" href="https://dizipal1076.com/"></a>
      </div>
  
      <div class="account-form">
        <form action="" onsubmit="return false" method="POST">
          <div class="input-group">
            <div class="input-element">
              <input type="text" id="userForgotEmail" placeholder="E-posta adresi">
            </div>
          
            <div class="input-element">
              <button class="focus:outline-none user-forgot">Gönder</button>
            </div>
            <div class="input-element flex">
              <a class="block text-center" data-login href="javascript:void(0);">Giriş yap</a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
`;
    Swal.fire({
      title: '',
      icon: '',
      html:html,
      heightAuto: false,
      showCloseButton: false,
      showConfirmButton: false,
      showCancelButton: false,
      focusConfirm: false,
      customClass: {
        container: 'container-class',
        popup: 'popup-class',
        header: 'header-class',
        title: 'title-class',
        closeButton: 'close-button-class',
        icon: 'icon-class',
        image: 'image-class',
        content: 'content-class',
        input: 'input-class',
        actions: 'actions-class',
        confirmButton: 'confirm-button-class',
        cancelButton: 'cancel-button-class',
        footer: 'footer-class'
      },
      confirmButtonText:
        '',
      confirmButtonAriaLabel: '',
      cancelButtonText:
        '',
      cancelButtonAriaLabel: ''
    })
  });
  $(document).on("click","[data-register]",function(){
    var html = `<div class="modal-content mx-auto relative" data-key="6LdywLQUAAAAAEPPE71CDVaH3a8rCZrwI1tGxRlL" style="margin:0px !important">
    <div class="modal-fire-close flex absolute">
      <button class="focus:outline-none">
        <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <line x1="18" y1="6" x2="6" y2="18"></line>
          <line x1="6" y1="6" x2="18" y2="18"></line>
        </svg>
      </button>
    </div>
    <div class="account flex items-center flex-col">
      <div class="logo" style="border:0 !important">
        <a class="flex items-center justify-center" href="https://dizipal1076.com/"></a>
      </div>
            <div class="facebook-login social-login"><a class="block text-center" href="https://www.facebook.com/v2.10/dialog/oauth?client_id=1109043636311472&state=1ab4ddfd33db63fc1f8685e686c9b421&response_type=code&sdk=php-sdk-5.7.0&redirect_uri=https%3A%2F%2Fdizipal1076.com%2Flogin%2Ffacebook&scope=email">Facebook ile kayıt ol</a></div>
                  <div class="account-form">
        <form action="" onsubmit="return false" method="POST">
          <div class="input-group">
            <div class="input-element">
              <input type="text" id="emailAddress" placeholder="E-posta adresi">
            </div>
            <div class="input-element">
              <input type="text" id="username" placeholder="Kullanıcı adı">
            </div>
            <div class="input-element">
              <input type="password" id="password" placeholder="Şifre">
            </div>
            <div class="input-element">
             <input type="password" id="passwordAgain" placeholder="Şifre Tekrar" name="passwordAgain" autocomplete="off" required="">
            </div>
            <div class="input-element">
              <button class="focus:outline-none user-register">Kayıt Ol</button>
            </div>
            <div class="input-element flex">
              <a class="block text-center" data-login href="javascript:void(0);">Giriş Yap</a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
`;
    Swal.fire({
      title: '',
      icon: '',
      html:html,
      heightAuto: false,
      showCloseButton: false,
      showConfirmButton: false,
      showCancelButton: false,
      focusConfirm: false,
      customClass: {
        container: 'container-class',
        popup: 'popup-class',
        header: 'header-class',
        title: 'title-class',
        closeButton: 'close-button-class',
        icon: 'icon-class',
        image: 'image-class',
        content: 'content-class',
        input: 'input-class',
        actions: 'actions-class',
        confirmButton: 'confirm-button-class',
        cancelButton: 'cancel-button-class',
        footer: 'footer-class'
      },
      confirmButtonText:
        '',
      confirmButtonAriaLabel: '',
      cancelButtonText:
        '',
      cancelButtonAriaLabel: ''
    })
  });