<?php include'ayar.php';
$postid = $_GET['id'];
$yazibaslik=mysqli_query($baglan,"select * from urunler where id=$postid"); 
$yazilar = mysqli_fetch_assoc($yazibaslik);
$anakat = $yazilar["kat"];
$altkat = $yazilar["katid"];

$anakat=mysqli_query($baglan,"select * from kategoriler where id=$anakat"); 
$anakatadi = mysqli_fetch_assoc($anakat);
$anaad = $anakatadi["kategori"];
$anaid = $anakatadi["id"];

$altkat=mysqli_query($baglan,"select * from kategoriler where id=$altkat"); 
$altkatadi = mysqli_fetch_assoc($altkat);
$altad = $altkatadi["kategori"];
$altids = $altkatadi["id"];

$baslik = $yazilar["baslik"];
$resim5 = $yazilar["resim"];
$resim1 = $yazilar["resim1"];
$resim2 = $yazilar["resim2"];
$resim3 = $yazilar["resim3"];
$resim4 = $yazilar["resim4"];
$urunkodu = $yazilar["urunkodu"];
$aciklama = $yazilar["aciklama"];
$fiyat = $yazilar["fiyat"];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<?php include'header.php';?>
	<style>
	#menu{display:none; }
	#header{display:none; }
	.logo{display:none; }
	#footer{display:none;}
	.vitrin{display:none;}
	.bread{display:none; }
	@media screen and (max-width:1024px) and (min-width:120px) {
	.mobilmenu{display:none;}
	}
	#head{display:none; }
	</style>
	
	<div class="content">
		<div class="bread">
			<a href="index.html">Anasayfa</a> 
			<i class="las la-angle-right"></i> 
			<a href="kategori/<?=SEO($anaad);?>/<?=$anaid;?>"><?=$anaad;?></a> 
			<i class="las la-angle-right"></i> 
			<a href="altkategori/<?=SEO($altad);?>/<?=$altids;?>"><?=$altad;?></a> 		
			<i class="las la-angle-right"></i> <a><?=$baslik;?></a> 
		</div>
		<!--bread-->
		<div class="urundetay">
			<div class="urunfoto">
				<div class="urunsmallfoto">
					<ul>
						<?php if($resim5){ ?><li><img src="../<?=$resim5;?>" onClick="return haberDegis(1)"/></li><?php } ?>
						<?php if($resim1){ ?><li><img src="../<?=$resim1;?>" onClick="return haberDegis(2)"/></li><?php } ?>
						<?php if($resim2){ ?><li><img src="../<?=$resim2;?>" onClick="return haberDegis(3)"/></li><?php } ?>
						<?php if($resim3){ ?><li><img src="../<?=$resim3;?>" onClick="return haberDegis(4)"/></li><?php } ?>
						<?php if($resim4){ ?><li><img src="../<?=$resim4;?>" onClick="return haberDegis(5)"/></li><?php } ?>
					</ul>
				</div>
				<!--small foto-->
				
				<div class="urunbigfoto">
					<img src="../<?=$resim5;?>" id="baslik_img"/>
				</div>
				<!--big foto-->
			</div>
			<!--urun foto-->
			
			<div class="urunbilgi">
			 
				<h1><?=$baslik;?> <span>Ürün Kodu : <?=$urunkodu;?></span></h1>
		
				<form action="" method="" id="sepetekle">	
					<input type="hidden" id="fiyat" value="<?=$fiyat;?>" />
					<input type="hidden" id="urunid" value="<?=$postid;?>" />
					<input type="hidden" id="resim" value="<?=$resim5;?>" />
				<div class="urunbeden">
					<h4 style="font-family:poppins;font-size:21px;"><?=number_format($fiyat,2);?> TL</h4>
				</div>
				<div class="sepetekle">
					<input type="number" id="adet" min="1" value="1"/>
					<button type="submit"><i class="las la-shopping-bag"></i> SEPETE EKLE</button>
				</div>
				</form>
				 
				<div class="urundetayi">
					<button class="accordion">Ürün Bilgisi <i class="las la-plus"></i></button>
					<div class="panel">
					   <p><?=html_entity_decode($aciklama, ENT_QUOTES,"UTF-8");?></p>
					</div>
					
					<button class="accordion">İade ve Değişim <i class="las la-plus"></i></button>
					<div class="panel">
					  <p><?=html_entity_decode($google, ENT_QUOTES,"UTF-8");?></p>
					</div>
				</div> 
			</div>
			<!--ürün bilgi-->	
		</div>
		<!--urun detay bitti-->
	</div>
	<!--content-->
	
<?php include'footer.php';?>
<script>
var oncekiRes = 0;
var spotListesi = new Array(5);
var resimListesi = new Array(5);
var linkListesi = new Array(5);
resimListesi[1] = "<?=$resim5;?>"; 
linkListesi[1] = "#"; 
resimListesi[2] = "<?=$resim1;?>"; 
linkListesi[2] = "#"; 
resimListesi[3] = "<?=$resim2;?>"; 
linkListesi[3] = "#"; 
resimListesi[4] = "<?=$resim3;?>"; 
linkListesi[4] = "#"; 
resimListesi[5] = "<?=$resim4;?>"; 
linkListesi[5] = "#"; 
function haberDegis(id)
{
document.getElementById('baslik_img').src = resimListesi[id];
}

var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    /* Toggle between hiding and showing the active panel */
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
  });
}
</script>