<?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">
	<title><?=$baslik;?> - <?=$title;?></title>
	<?php include'header.php';?>
	<div class="content">
		<div class="bread">
			<a href="index.html">Home</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>Product code : <?=$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="wpile"><a href="https://api.whatsapp.com/send/?phone=905494152424&text=<?=$baslik;?> ürününüz için yazıyorum&app_absent=0" target="_blank" style="color:#fff;text-decoration:none;">Contact Whatsapp</a></div>
				<div class="urundetayi">
					<button class="accordion">Product information <i class="las la-plus"></i></button>
					<div class="panel">
					   <p><?=html_entity_decode($aciklama, ENT_QUOTES,"UTF-8");?></p>
					</div>
					
					<button class="accordion">Returns and Exchanges <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 class="vitrin">
			<h1>Featured Products</h1>
			<ul>
				<?php 		 
				$vitrin=mysqli_query($baglan,"select * from urunler where kat=$anaid order by id desc LIMIT 5"); 
				while($vitrinadi=mysqli_fetch_array($vitrin))
				{
				$resim = $vitrinadi['resim'];
				$yeni = $vitrinadi['yeni'];
				$fiyat = $vitrinadi['fiyat'];
				$baslik = $vitrinadi['baslik'];
				$ids = $vitrinadi['id'];
				$yeni = $vitrinadi['yeni'];
				?>
				<li>
					<?php if($yeni){ ?><div class="yeni">New</div><?php } ?>
					<a href="detay/<?=SEO($baslik);?>/<?=$ids;?>"><img src="../<?=$resim;?>" /></a>
					<a href="detay/<?=SEO($baslik);?>/<?=$ids;?>" rel="canonical"><span><?=$baslik;?></span></a>
					<em><?=number_format($fiyat,2);?> TL</em>
					<a class='iframe' href="detay2/<?=SEO($baslik);?>/<?=$ids;?>" rel="canonical"><b><i class="las la-external-link-alt"></i> Hızlı Gözat</b></a>
					<a href="detay/<?=SEO($baslik);?>/<?=$ids;?>" rel="canonical"><b><i class="lar la-eye"></i> İncele</b></a>
				</li>
				<?php } ?>		
			</ul>
		</div>
		<!--vitrin-->
		
	</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>