<?php include 'header.php'; ?>

	<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110488191-7"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-110488191-7');
</script>
    <style type="text/css">
        


html, body {
  width: 100%;
  height:100%;
}

body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@font-face {
  font-family: myFirstFont;
  src: url(relate3.ttf);
  font-weight: bold;
}


 .login-with-google-btn {
  transition: background-color .3s, box-shadow .3s;
    
  padding: 15px 16px 16px 42px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 16px;
  
  width: calc(100%);
  
  &:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
  }
  
  &:active {
    background-color: #eeeeee;
  }
  
  &:focus {
    outline: none;
    box-shadow: 
      0 -1px 0 rgba(0, 0, 0, .04),
      0 2px 4px rgba(0, 0, 0, .25),
      0 0 0 3px #c8dafc;
  }
  
  &:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: not-allowed;
  }
}


    </style>

<script type="text/javascript">
	

$( document ).ready(function() {
	$('#normalheader').hide();
$( "body" ).addClass( "bg-white" );
$('#altmenu').hide();
});

function goTetikle(){
Android.goLoginAc()
}

function tiklandi(){

        //check if checkbox is checked
        if ($("#customChecka1").is(':checked')) {

            $('#uyeol1').removeAttr('disabled'); //enable input

        } else {
            $('#uyeol1').attr('disabled', true); //disable input
        }
  }

function uyeOl(){

$('#uyeol1').prop('disabled', true);



 if (!$("#customChecka1").is(':checked')) {

swal.fire({
title: 'Hata!',
html: "Üyelik Sözleşmesini Kabul Etmeden Üye Olamazsınız!",
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})

$('#uyeol1').prop('disabled', true);

 }else{


  var url = "assets/api.php";
  var bilgi = {
  		type: "register",
        name: $('#name1').val(),
      email: $('#email1').val(),
      onesignal: $('#onesignal').val(),
      password: $('#password1').val()
  }

  $.post(url,bilgi,function(response) {
    var json = JSON.parse(response);
    $('#uyeol1').prop('disabled', false);
    if(json.result== "100"){
// boş alan var
//alert('boş alan var');

swal.fire({
title: 'Hata!',
html: "Boş alan bırakmamalısınız!",
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})

    }else if(json.result== "0") {
// üyelik başarılı
//alert('üyelik başarılı');

var emaili = $('#email1').val()
var saati = <?=time()?>






Cookies.set('user_token', json.cookie, { expires: 365, domain: 'app.heysen.net' });

/*swal.fire({
  type: 'success',
  title: 'Üyelik Oluşturuldu',
  html: 'Aramıza Hoş Geldiniz!',
  showConfirmButton: false,
  timer: 4000
}).then(function() {
    //Android.firebaseKayitOl(''+emaili+'',saati)
  window.location.href = "bilgi_doldur.php";
   //Android.firebaseKayitOl(''+emaili+'',saati)
})*/


swal.fire({
  title: 'Üyelik Oluşturuldu',
  html: 'Aramıza Hoş Geldiniz!',
  type: 'success',
  showCancelButton: false,
    allowOutsideClick: false,
  confirmButtonColor: '#3085d6',
  confirmButtonText: 'Tamam!'
}).then((result) => {

window.location.href = "bilgi_doldur.php";
  
})

Android.firebaseKayitOl(''+emaili+'',saati)










    }else if(json.result== "2") {
// eposta kullanımda

//alert('eposta kullanımda');
swal.fire({
title: 'Hata!',
html: "Bu E-posta ile daha önce kaydolunmuş, şifremi unuttum bölümünden şifrenizi sıfırlayabilirsiniz!",
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})

    }else if(json.result== "4") {
//şifre çok kısa

//alert('şifre çok kısa');
swal.fire({
title: 'Hata!',
html: "Girdiğiniz şifre çok kısa, en az 6 karakterden oluşan bir şifre girin!",
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})
    }else if(json.result== "6") {
// isimsoyisim boşluktan oluşmalı

//alert('isimsoyisim boşluktan oluşmalı');
swal.fire({
title: 'Hata!',
html: "İsim Soyisim bölümünde özel karakter kullanılamaz, sadece Büyük Küçük Harf ve Boşluk kullanılabilir!",
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})
    }else if(json.result== "7") {
// geçerli bir email değil

//alert('geçerli bir email değil');
swal.fire({
title: 'Hata!',
html: "Geçerli bir E-Posta adresi girdiğinizden emin olun!",
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})
    }else if(json.result== "101") {
// geçerli bir email değil

//alert('geçerli bir email değil');
swal.fire({
title: 'Hata!',
html: "Sadece mobil uygulamamız üzerinden kayıt olabilirsiniz!",
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})
    }else if(json.result== "8") {
// geçerli bir email değil

//alert('geçerli bir email değil');
swal.fire({
title: 'Hata!',
html: "Birden fazla üyelik oluşturamazsınız!<br /><br />Kayıtlı Mailiniz: "+json.mail,
type: 'error',
showCancelButton: false,
confirmButtonColor: 'green',
confirmButtonText: 'Tamam'
})
    }


})

}
}

</script>



<!-- App Header -->
    <div class="appHeader no-border transparent position-absolute">
        <div class="left">
            <a href="javascript:;" class="headerButton goBack">
                <i class="fa-solid fa-angles-left fa-xl" style="color: white;"></i>
            </a>
        </div>
        <div class="pageTitle"></div>
        <div class="right">
            <a style="color: white !important; font-family: myFirstFont;" href="login.php" class="headerButton">
                Giriş Yap
            </a>
        </div>
    </div>
    <!-- * App Header -->

    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="login-form">

            <div class="section">
            	<img src="https://i.pinimg.com/originals/14/66/99/1466993a4b306f55f3adc7d80bcad22c.png" alt="image" class="form-image" style='max-width: 60px !important;'>
                <h1 style="color: white; font-family: myFirstFont; font-size: 22px !important;">Ücretsiz Üyelik Oluştur</h1>
                <h4 style="color: white; font-family: myFirstFont;">Ve Yeni Arkadaşlıklar Kur!</h4>
            </div>
            <div class="section mt-2 mb-5">
                <form>

                    <div class="form-group boxed">
                        <div class="input-wrapper">
                            <input type="text" class="form-control" id="name1" placeholder="İsim Soyisim">
                            <i class="clear-input">
                                <i class="fa-solid fa-circle-xmark"></i>
                            </i>
                        </div>
                    </div>

                    <div class="form-group boxed">
                        <div class="input-wrapper">
                            <input type="email" class="form-control" id="email1" placeholder="E-posta Adresi">
                            <input type="hidden" id="onesignal" value="<?=$_COOKIE['user_onesignal']?>">
                            <i class="clear-input">
                                <i class="fa-solid fa-circle-xmark"></i>
                            </i>
                        </div>
                    </div>

                    <div class="form-group boxed">
                        <div class="input-wrapper">
                            <input type="text" class="form-control" id="password1" placeholder="Şifreniz">
                            <i class="clear-input">
                                <i class="fa-solid fa-circle-xmark"></i>
                            </i>
                        </div>
                    </div>


                    <div class=" mt-1 text-left">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" onclick="tiklandi()" class="custom-control-input" id="customChecka1" checked>
                            <label style="color: white !important;" class="custom-control-label text-muted" for="customChecka1"> Ücretsiz <a
                                    href="https://app.heysen.net/terms_heysen.html" style="color: orange !important;">Üyelik Sözleşmesini</a> Kabul Ediyorum</label>
                        </div>

                    </div>
<br />
<style>
        .form-button-group {
            display: flex;
            flex-direction: column; /* Butonları alt alta sıralamak için */
            margin: auto; /* Orta hizaya almak için */
        }

        .btn {
            width: 100%; /* Butonların genişliği, %100 genişlik alacak şekilde ayarlandı */
            margin-bottom: 10px; /* Butonlar arasında boşluk bırakmak için */
			margin-top: 10px;
        }
		
		.divider {
            text-align: center; /* Metni ortala */
            margin: 10px 0; /* Yukarı ve aşağıda boşluk bırak */
            position: relative;
        }

        .divider hr {
            position: absolute;
            width: 100%;
            border: 0px solid #ccc; /* Divider rengi ve kalınlığını ayarlayabilirsiniz */
            top: 50%;
            transform: translateY(-50%);
        }

        .divider span {
            background-color: white; /* Arka plan rengini sayfanın rengine uygun şekilde ayarlayabilirsiniz */
            padding: 0 10px; /* İstediğiniz iç boşluğu ayarlayabilirsiniz */
        }
		
</style>
<!-- <p id="loginText"><button onclick="goTetikle();" type="button" class="login-with-google-btn" >
  Google Hesabı ile Hızlı Kaydol
</button></p>  -->
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signinx', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>
                    <div class="form-button-group">
					
 <button style="font-family: myFirstFont; margin-bottom: 20px; height: 35px;" type="button" onclick="uyeOl()" id="uyeol1" class="btn btn-success btn-block btn-lg">Dokun ve Üyelik Oluştur</button>
 <div class="divider"><hr><span><b>————— <i>Ya da Gmail Hesabın Varsa</i> —————</b></span></div>
 <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
<div id="my-signinx">
   <div style="height: 50px; width: 100vw; max-width: 300px; margin-bottom: 10px; margin-top: 10px; display: flex; align-items: center; justify-content: center;" class="abcRioButton abcRioButtonBlue" onclick="goTetikle()">
        <div class="abcRioButtonContentWrapper">
            <div class="abcRioButtonIcon" style="padding:15px">
                <div style="width:18px;height:18px;" class="abcRioButtonSvgImageWithFallback abcRioButtonIconImage abcRioButtonIconImage18">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 48 48" class="abcRioButtonSvg">
                        <g>
                            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
                            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
                            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
                            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
                            <path fill="none" d="M0 0h48v48H0z"></path>
                        </g>
                    </svg>
                </div>
            </div>
            <span style="font-size:16px;line-height:48px;" class="abcRioButtonContents">
                <span id="not_signed_ink33koyrbxhdc">Google Hesabı ile Hızlı Kaydol</span>
                <span id="connectedk33koyrbxhdc" style="display:none">Google ile oturum açıldı</span>
            </span>
        </div>
    </div>
</div>
                    </div>

                </form>
                <br /><br /><br /><br />



<!-- <p>Package Name: <a href="https://play.google.com/store/apps/details?id=com.heysen.sevgilibul" style="color: white !important; text-decoration: none; background-color: transparent;">com.heysen.sevgilibul</a></p>

<p>Domain: <a href="https://app.heysen.net" style="color: white !important; text-decoration: none; background-color: transparent;">https://app.heysen.net</a></p>

<p>HeySen Official App</p> -->

            </div>
        </div>



    </div>
    <!-- * App Capsule -->


<?php include 'footer.php'; ?>