<!DOCTYPE html>
<html>
 <head>
	<meta charset="utf-8" />
  	<link href="style/style.css" rel="stylesheet" type="text/css" />
	<title>SiteWebShop</title>

</head>
<body>

<!-- NB: pour une visualtion complète en ligne, merci de consulter le lien suivant : https://iut.echodelta.fr/desr4/tp4/index.php -->


	<?php include("header.php"); /* On inclut ici le fichier header.php qui n'est autre que l'en-tête HTML5 de notre site web identique à toutes les pages */ ?>	

	<section>
		<header>Bienvenue <span class="ss-titre">Nous sommes le ?????? </span></header>
		<p>La boutique en ligne <strong>openSHOP</strong> est un travail réalisé par <em>Thomas Jouannic</em> & <em>Jérome Saunier</em> 
  		 puis modifié et adapté <strong>au cours de Sites Web Avancés</strong>.</p>
		<p>Dans la partie haute, vous trouverez un moyen pour vous identifiez ou créer un compte si vous n'en n'avez aucun. Le champ de recherche 
		 vous permet d'afficher simplement les produits correspondants à ce que vous souhaitez. Vous pouvez aussi naviguer entre les différentes 
		 catégorie de produits en cliquant sur celle que vous désirez voir.</p>
		<p>Bonne naviguation !</p>
	</section>

	<section>
		<header>
			<h2>Au hasard...</h2>
		</header>
		<!--Affichage de 3 articles au hasard -->

		<?php include("utile.php"); /* On inclut ici le fichier utile.php, ce qui nous permet de récupérer et d'utiliser ici la fonction tronquer_texte */ ?>
		<?php include("connexion.php"); /* On inclut le fichier connexion.php qui est le point de connexion à notre BD MySQL (copie depuis TP3) */ ?>
		<?php
			$sql_randList="SELECT * FROM article ORDER BY RAND() LIMIT 3";	// requête SQL permettant de récupérer trois articles au hasard de la table MySQL article
			$retour_randList=$connexion->query($sql_randList);	// on envoie la requête à notre SGBD via PDO
			$result_randList=$retour_randList->fetchAll(PDO::FETCH_ASSOC);	// puis on récupère l'ensemble des réponses retournées par MySQL
			echo "<ul id=\"product-list\">";	// ensuite, on commence par ouvrir une liste HTML
				foreach($result_randList as $valeur) {	// on parcourt chacune des trois lignes SQL renvoyées par le SGBD
					echo "<li class=\"product\">";	// à chaque tour de boucle (= lecture d'une ligne), on ouvre une ligne HTML
					echo "<h3>". $valeur["designation"] ."</h3>";	// on y met le nom (designation qui est le libellé de la colone dans la table SQL article) du produit dans un titre HTML
					echo "<img src=\"". $valeur["img_article"] ."\" alt=\"Image article\" />";	// puis on affiche l'image du produit correspondant, la source de l'image étant la valeur donnée par le libellé 'img_article' dans la table SQL
					echo "<strong>". $valeur["prix"] ."€</strong>";	// de même pour le prix du produit
					echo "<p>". tronquer_texte($valeur["description"]) ."</p>";	// ainsi que pour le texte de description que nous tronquons à l'aide de la fonction écrite dans le fichier utile.php
					echo "<a href=\"vue_produit.php?article=". $valeur["id"] ."\">Voir les détails...</a>";	// on ajoute pour finir un lien permettant de consulter plus précisément l'article pointant vers vue_produit.php avec pour paramètre (GET) article=id où id est l'id du produit récupéré dans la table SQL
					echo "</li>";	//on ferme la ligne HTML avant de passer à la ligne de table SQL suivante
				}
			echo "</ul>";	// une fois la réponse (les trois lignes SQL) parcourue, on ferme la liste HTML
		?>
	</section>

	<?php include("footer.php"); /* on inclut le fichier footer.php comme pour header.php */ ?>
</body>
</html>
