<?php
	session_start();
	$host="localhost";
    $user="Phung";
    $pass="Phung1999";
    $dataname="onlineshop";
    $conn=mysqli_connect($host,$user,$pass,$dataname);
    mysqli_query($conn,"SET NAMES utf8");
    if(!$conn)
    	echo "Kết nối CSDL thất bại".mysqli_connect_error($conn);
    //----------------------------------------------------------
  	$cart = $_SESSION['cart'];
  	if(isset($_POST['capnhat']))
  	{
  		$quantity_cn = $_POST['quantity'];
  		foreach ($quantity_cn as $id => $qtt) 
  		{
  			if (($qtt == 0) or ($qtt < 0)) 
  			{
  				unset($_SESSION['cart'][$id]);
  			}
  			elseif ($qtt > 0 && is_numeric($qtt)) 
  			{
  				$_SESSION['cart'][$id] = $qtt;
  			}
  			header('Location : cart.php');
  		}
  	}

?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Cart</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<!--==================================================-->
	<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	<?php
		include_once('page/head.php');
	?>
</head>
<body class="animsition">

	<!-- Header -->
	<?php
		include_once('page/header.php');
	?>
	<!-- Title Page -->
	<section class="bg-title-page p-t-40 p-b-50 flex-col-c-m" style="background-image: url(images/heading-pages-01.jpg);">
		<h2 class="l-text2 t-center">
			Cart
		</h2>
	</section>

	<!-- Cart -->
	<form method="POST">
		<!--===============================================-->
		<section class="cart bgwhite p-t-70 p-b-100">
		<div class="container">
			<!-- Cart item -->
			<div class="container-table-cart pos-relative">
				<div class="wrap-table-shopping-cart bgwhite">
					<table class="table-shopping-cart">
						<tr class="table-head">
							<!--<th class="column-1">Hành Động</th>-->
							<th class="column-1">Ảnh Sản Phẩm</th>
							<th class="column-2">Tên Sản Phẩm</th>
							<th class="column-3">Số Lượng</th>
							<th class="column-4">Giá Tiền</th>
							<th class="column-5">Tổng Tiền</th>
						</tr>
	<?php
	if (COUNT($cart) > 1) 
	{
		foreach ($cart as $id => $soluong)
		{
			$result=mysqli_query($conn,"SELECT * FROM product WHERE IdProduct = $id");
			while ($obj=mysqli_fetch_object($result))
			{
		?>
							<tr class="table-row">
								<!--<td class="column-1"><a href="deletecart.php?id=<?php echo $id; ?>"><i class="material-icons">delete</i></a>
								</td>-->
								<td class="column-1">
									<div class="cart-img-product b-rad-4 o-f-hidden">
										<img src="<?php echo  $obj->Images; ?>" alt="IMG-PRODUCT">
									</div>
								</td>
								<td class="column-2"><?php echo $obj->NameProduct; ?>
								</td>
								<td class="column-3">
									<input type="text" name="quantity<?php echo [$id]; ?>"
										value="$soluong" size="2">
								</td>
								<td class="column-4"><?php  echo $obj->PriceProduct; ?>
								</td>
								<td class="column-5">
									<?php echo $obj->PriceProduct*$soluong; ?> đồng
								</td>
							</tr>
		<?php
			static $TOTAL;
			$TOTAL += $obj->PriceProduct*$soluong;
				}
			}
		}
	?>
					</table>
				</div>
			</div>
			<div class="flex-w flex-sb-m p-t-25 p-b-25 bo8 p-l-35 p-r-60 p-lr-15-sm">
				<div class="flex-w flex-m w-full-sm">
					<div class="size11 bo4 m-r-10">
						<input class="sizefull s-text7 p-l-22 p-r-22" type="text" name="coupon-code" placeholder="Coupon Code">
					</div>

					<div class="size12 trans-0-4 m-t-10 m-b-10 m-r-10">
						<!-- Button -->
						<button class="flex-c-m sizefull bg1 bo-rad-23 hov1 s-text1 trans-0-4">
							Apply coupon
						</button>
					</div>
				</div>

				<div class="size10 trans-0-4 m-t-10 m-b-10">
					<!-- Button -->
					
					<button type="submit" name="capnhat" class="flex-c-m sizefull bg1 bo-rad-23 hov1 s-text1 trans-0-4">
						Cập Nhật Giỏ Hàng
					</button>
					</form>
				</div>
			</div>

			<!-- Total -->
			<div class="bo9 w-size18 p-l-40 p-r-40 p-t-30 p-b-38 m-t-30 m-r-0 m-l-auto p-lr-15-sm">
				<h5 class="m-text20 p-b-24">
					Tổng Giỏ Hàng
				</h5>

				<!--  -->
				<div class="flex-w flex-sb-m p-b-12">
					<span class="s-text18 w-size19 w-full-sm">
						Tổng Tiền :
					</span>

					<span class="m-text21 w-size20 w-full-sm">
						<?php
							if (COUNT($cart) > 1)
							{
								echo $TOTAL.'đồng';  
							}
							else
							{
								echo  " 0 đồng ";
							}
						?>	
					</span>
				</div>

				<!--  -->
				<div class="flex-w flex-sb bo10 p-t-15 p-b-20">
					<span class="s-text18 w-size19 w-full-sm">
						Giao Hàng :
					</span>

					<div class="w-size20 w-full-sm">
						<p class="s-text8 p-b-23">
							Không có phương thức giao hàng nào. Vui lòng kiểm tra kỹ địa chỉ của bạn hoặc liên hệ với chúng tôi nếu bạn cần bất kỳ trợ giúp nào.
						</p>

						<span class="s-text19">
							Địa Chỉ Giao Hàng
						</span>

						<div class="size13 bo4 m-b-22">
							<input class="sizefull s-text7 p-l-15 p-r-15" type="text" name="tinh" placeholder="Tỉnh/Thành Phố...">
						</div>
						<!--============================================-->
						<div class="size13 bo4 m-b-22">
							<input class="sizefull s-text7 p-l-15 p-r-15" type="text" name="huyen" placeholder="Huyện/Quận...">
						</div>
						<!--============================================-->
						<div class="size13 bo4 m-b-22">
							<input class="sizefull s-text7 p-l-15 p-r-15" type="text" name="xa" placeholder="Xã/Phường...">
						</div>
						<!--============================================-->

						<div class="size13 bo4 m-b-22">
							<input class="sizefull s-text7 p-l-15 p-r-15" type="text" name="diachi" placeholder="Số nhà/công ty/cơ sở...">
						</div>

						<div class="size14 trans-0-4 m-b-10">
							<!-- Button -->
							<button class="flex-c-m sizefull bg1 bo-rad-23 hov1 s-text1 trans-0-4">
								Cập Nhật Đơn Hàng
							</button>
						</div>
					</div>
				</div>

				<!--  -->
				<div class="flex-w flex-sb-m p-t-26 p-b-30">
					<span class="m-text22 w-size19 w-full-sm">
						Tổng Tiền :
					</span>

					<span class="m-text21 w-size20 w-full-sm">
						<?php
							if (COUNT($cart) > 1)
							{
								echo $TOTAL.'đồng';  
							}
							else
							{
								echo  " 0 đồng ";
							}
						?>
					</span>
				</div>

				<div class="size15 trans-0-4">
					<!-- Button -->
					<button class="flex-c-m sizefull bg1 bo-rad-23 hov1 s-text1 trans-0-4">
						Hoàn Tất Thanh Toán
					</button>
				</div>
			</div>
		</div>
	</section>
	<?php
		include_once('page/footer.php');
	?>
	<!-- Container Selection -->
	<div id="dropDownSelect1"></div>
	<div id="dropDownSelect2"></div>

<!--===============================================================================================-->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--===============================================================================================-->
  
<!--===============================================================================================-->
	<script type="text/javascript" src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script type="text/javascript" src="vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
	<script type="text/javascript" src="vendor/bootstrap/js/popper.js"></script>
	<script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script type="text/javascript" src="vendor/select2/select2.min.js"></script>
	<script type="text/javascript">
		$(".selection-1").select2({
			minimumResultsForSearch: 20,
			dropdownParent: $('#dropDownSelect1')
		});

		$(".selection-2").select2({
			minimumResultsForSearch: 20,
			dropdownParent: $('#dropDownSelect2')
		});
	</script>
<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>