<title>Üye Girişi / Kayıt Ol</title>
<meta name="keywords" content="<?php echo $ayar['sitekey']; ?>">
<meta name="description" content="<?php echo $ayar['sitedesc']; ?>">
<meta property="og:url" content="<?php echo $url; ?>"/>
<meta property="og:title" content="Üyelik Sözleşmesi ve Rıza Metni"/>
<meta property="og:description" content="<?php echo $ayar['sitedesc']; ?>"/>
 
	<main id="MainContent">
   <!-- Created by Andy 06/08/2017 -->
   <div id="shopify-section-breadcrumb" class="shopify-section laber_section laber-breadcrumb">
      <div class="breadcrumbs">
         <div class="container">
            <div class="outline-breadcrum">
               <div class="wrap-breadcrum h_left v_middle">
                  <div class="breadcrum text_left">
                     <ul class="list-unstyled ">
                        <li><a href="<?php echo $url;?>">Anasayfa</a></li>
                        <li><span>Üye Girişi / Kayıt Ol</span></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>

   </div>
   <div class="main-content shop-page login-page">
      <div class="container">
         <div class="login-register-form pr_center content-form row">
		 
		
		  

		 
		
		
		   <div class="col-sm-12">
   
      <ul class="nav nav-tabs">
	  		 <?php if($system['misafirok']=='1'){?> 
		 <a class="butonok" 
		  href="odeme/">ÜYE OLMADAN DEVAM ET</a>
		<?php } ?>	
         <li class="active" ><a  data-toggle="tab" href="#uye-girisi">GİRİŞ YAP</a>
         <li><a data-toggle="tab"  href="#uye-ol">KAYIT OL</a></li>
      </ul>
      <div class="tab-content">
	  
         <div id="uye-girisi" class="tab-pane fade in active">
             <form action="" method="POST" enctype="multipart/form-data">
              <input type="hidden" name="nereden" value="kontrol"/>
                  <div id="register-form">
                    
                     <div class="box-label">
                        <label>Eposta Adresiniz <span>*</span></label>    
                        <p>
                           <input required="" class="required input-info " value="" name="email" class="form-control" required="" type="email">
                        </p>
                     </div>
                     <div class="box-label">
                        <label>Şifreniz <span>*</span></label>
                        <p>
                           <input class="required input-info " value="" name="sifre" class="form-control" required="" type="password">
                        </p>
                     </div>
					 
					  <div class="box-label">
                       
                        <p>
                          <a class="forgot" href="sifremiunuttum/" title="Parolamı unuttum?">Parolamı unuttum?</a>
                       </p>
                     </div>
                     
                    
                     <div class="register_submit">
                       
						    <input class="butonok" type="submit" name="girisyap" value="Giriş Yap" class="btn btn-primary">
              
						
						
                     </div>
                  </div>
               </form>
         </div>
         <div id="uye-ol" class="tab-pane fade">
          
             
             <form action="" method="POST" enctype="multipart/form-data">
                  <input type="hidden" name="nereden" value="kontrol"/>
				  <div id="register-form">
                 
                     <div class="box-label">
                        <label>Adınız Soyadınız <span>*</span></label>    
                        <p>
                           <input required="" class="required input-info " value="" name="isim" required="" type="text">
                        </p>
                     </div>
                   
                     <div class="box-label">
                        <label>Eposta Adresiniz <span>*</span></label>  
                        <p>
                           <input required="" class="required email input-info  input--error" value="" name="email"  required="" type="email">
                        </p>
                     </div>
                     <div class="box-label">
                        <label>Şifreniz <span>*</span></label>  
                        <p>
                            <input required="" value="" name="sifre"  required="" type="password" class="required password_confirm input-info ">
                        </p>
                     </div>
                     <div class="box-label">
                        <label>Telefon Numaranız <span>*</span></label>  
                        <p>
                           <input required="" <input pattern="\d*" value="" name="telefon"  required="" oninput="this.value = this.value.replace(/[^0-9]/g, '')" class="required password_confirm input-info ">
                        </p>
                     </div>
					 
					    <div class="row forgot-holder">
                     <div class="col-xs-12 col-sm-12 col-md-12">
                        <input type="checkbox" name="sozlesme" value="1" required>
                        <button id="myBtn" style="margin-left: -4px !important; font-size: 13px; margin-top: -10px !important; color: #686767; background: none; border: none; font-weight: 600;">Kullanıcı Sözleşmesini</button> okudum anladım ve kabul ediyorum.
                     </div>
                     <div class="col-xs-12 col-sm-12 col-md-12">
                        <input type="checkbox" name="ebultensor" value="1">
                        Ebülten listesine kayıt olmak istiyorum.
                     </div>
                  </div>
					 
                     <div class="group-button">            
                        <input type="submit" name="kayitol" class="button submit" value="Kayıt Ol">
                     </div>
                    
                  </div>
               </form>
           
       
 
      </div>
   </div>
		
		
			
			
         </div>
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
      </div>
   </div>
</main>
 <div id="myModal" class="modal">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header" style="padding: 10px;">
          
          <h6 class="modal-title" id="myModalLabel">Üyelik Sözleşmesi</h6>
        </div>
        <div class="modal-body" style="padding: 10px;">
        <p><?php echo $system['rizametni'];?> </p>
				<button type="button" class="butonok closex" data-dismiss="modal" aria-hidden="true">okudum ve kabul ediyorum.</button> 

        </div>

       
      </div>
 
  </div>
  
</div> 

<style>

body {
  font-size: 14px;
  line-height: 1.7;
  color: var(--color-text-body);
  font-family: Bai Jamjuree !important;
}

.tab-content {
  background: #fff;
  border-color: #eee;
    width: 40%;
  margin: auto;

}

.nav-tabs {
display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  background: white;
  width: 40%;
  margin: auto;
  text-align: center;
  
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
  padding: 10px !important;
}


#addresses .form-vertical, #account #primary, .default_address, #register-form, #loginForm, #recoverPassword {
  background: #fff;
  padding: 50px;
  border-radius: 10px;
  padding: 10px !important;
  border: 1px solid whitesmoke;
  border-radius: 5px;
}
.nav li{
	
  font-size: calc(var(--standart-font-size) * 1.14);
  padding: 10px;
  width: 50%;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 5px;
}


.nav li.active{
	
  background-color: #e2e2e2;
  width: 50%;
  display: inline-block;
  padding: 10px;
  color: white !important;
	
}



.nav li. a{
	
  color: white !important;
	
}




@media screen and (max-device-width: 480px) and (orientation: portrait){
.tab-content {
  background: #fff;
  border-color: #eee;
  width: 100% !important;
  margin: auto;
}
.nav-tabs {
  border-bottom-color: #eee;
  padding: 6px 8px;
  background-color: #f5f5f5;
  cursor: pointer;
  display: flex;
  border-radius: 5px;
  text-align: center;
  width: 100% !important;
  margin: auto;
}
}





.sozlesmebuton {
width: 100%;
font-size: 14px;
background: <?php echo $tema['t37'];?>;
opacity: 1;
padding: 10px;
color: #fff;
font-weight: 400;
}


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-lg {
background: white;
  width: 90%;
  margin: auto;
  top: 10% !important;
  position: relative;
}

.modal-title {
font-size: 18px;
  text-align: center;
  margin: 18px;
}





/* Modal Content/Box */

/* The Close Button */
.closex {

}

.closex:hover,
.closex:focus {

}



@media screen and (max-device-width: 480px) and (orientation: portrait){
.modal-content {

  width: 100% !important; /* Full width */

}


}


.fade:not(.show) {
  opacity: 1 !important;
}


.butonok {
  margin-top:0px !important;
  margin-bottom: 10px;
}



</style>

<link href="<?php echo $sitetemasi;?>/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<script src="<?php echo $sitetemasi;?>/jquery-3.5.1.slim.min.js"></script>
<script src="<?php echo $sitetemasi;?>/bootstrap.min.js"></script>

<script>
// Get the modal
var modal = document.getElementById("myModal");

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("closex")[0];

// When the user clicks on the button, open the modal
btn.onclick = function() {
  modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
} 
</script>