<!DOCTYPE html>
<html>
 <head>
	<meta charset="utf-8" />
  	<link href="style/style.css" rel="stylesheet" type="text/css" />
	<title>SiteWebShop</title>

</head>
<body>
	<!-- cette page permet de consulter un produit en détail lorsque l'on a cliqué sur le lien 'voir en détail'd'un produit de l'accueil du site par exemple -->

	<?php include("header.php"); /* on inclut l'en-tête HTML comme pour toutes les page */ ?>	
	<?php include("connexion.php"); /* on inclut également le point de connexion pour effectuer nos requêtes SQL */ ?>

	<?php
		if(isset($_GET["article"]) && !empty($_GET["article"])) {	// on teste si la variable $_GET["cat"] existe ET n'est pas vide. On teste donc si dans l'URL on voit ?article=id_de_larticle_a_consulter
			$numArticle=$_GET["article"];	// on stocke le contenu de la variable 'article' passée par GET (dans l'URL) dans une variable 'numArticle'
			$sql="SELECT * FROM article WHERE id=$numArticle";	// le cas échéant, on écrit une requête SQL pour récupérer l'article ayant l'id indiqué
			$retour=$connexion->query($sql);	// on envoie ensuite la requête au SGBD via PDO
            $resultat=$retour->fetch(PDO::FETCH_ASSOC);	// puis on récupère la réponse à l'aide de fetch() plutôt que fetchAll() car de toute façon il n'y a qu'une réponse unqiue, cela évite de récupéré un tableau associatif de tableau associatif
			echo "<article id=\"detail-produit\">";	// on ouvre un article HTML contenant les éléments d'affcihage du produit
			echo "<header><h2>". $resultat["designation"] ."</h2></header>";	// on y insère un titre dans un header qui contient alors le nom de l'article (de façon similaire à l'affichage d'un produit dans index.php ou categorie.php
			echo "<img src=\"". $resultat["img_article"] ."\" alt=\"Image article\" />";	// de même avec l'image (toujours de la même façon que dans index.php par exemple)
			echo "<p>". $resultat["description"] ."</p>";	// puis la description que nous ne tronquons pas cette fois-ci
			echo "<strong>". $resultat["prix"] ."€</strong>";	// et pour finir, on affiche le prix
			?>	<!-- on ferme temporairement le PHP car ici, on insère un formulaire ne contenant que du code HTML, cela évite de le rendre lourd avec une succession d'affichage via echo -->
			<form id="form-produit" method="POST" action="panier.php">	<!-- création d'un formaulaire HTML de méthode POST et dont les données sont à envoyer au fichier panier.php -->
				<label for="nbr" id="idNbr">Quantité :</label>	<!-- ceci est le label pour la liste déroulante ci-dessous -->
				<select id="nbr" name="nbr">	<!-- on ouvre une liste déroulante HTML pour la sélection du nombre d'article à commander -->
					<option value="1">1</option>	<!-- les différentes options permettent de choisir entre 1 et 5 articles -->
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
					<option value="5">5</option>
				</select>	<!-- on ferme ensuite la liste déroulante -->
				<input type="submit" name="submit" id="submit" value="Ajouter au panier" />	<!-- puis on ajoute un bouton 'ajouter au panier' qui permet tout simplement d'envoyer les données (via POST) au fichier panier.php -->
			</form>	<!-- on ferme alors le formulaire HTML -->
			<?php	// on rouvre le code PHP pour finir l'affichage du produit
			echo "</article>";	// on ferme ici la balise article contenant tous les éléments d'affichage du produit...
		}	// ... et on n'oublie pas de fermer le if (ligne 16)
		else {	// sinon, s'il n'y a pas de paramètre 'article' via GET...
			header("Location:index.php");	// ...on redirige l'utilisateur vers la page d'accueil du site
		}
	?>

	<?php include("footer.php"); /* on inclut comme à chaque fois le pied de page */ ?>

</body>
</html>
