<%@ page pageEncoding="UTF-8"%>
<%@ include file="enTetePage.html"%>
<script type="text/javascript" src="./js/playListJs.jsp"></script>
<%@ page import="commerce.catalogue.service.CatalogueManager"%>
<%@ page import="commerce.catalogue.domaine.modele.Article"%>
<%@ page import="commerce.catalogue.domaine.modele.Livre"%>
<%@ page import="commerce.catalogue.domaine.modele.Musique"%>
<%@ page import="commerce.catalogue.domaine.modele.Piste"%>
<%@ page import="java.util.Iterator"%>
<%

%>
<nav id="navigation" class="col-full" role="navigation">
	<ul id="main-nav" class="nav fl">
		<li id="menu-item-290"
			class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item">
			<a href="<%=response.encodeURL("./index.jsp")%>">Tous les articles</a>
		</li>
		<li id="menu-item-290"
			class="menu-item menu-item-type-custom menu-item-object-custom">
			<a href="<%=response.encodeURL("./controlePanier.jsp")%>">Panier</a>
		</li>
	</ul>
</nav>
<div id="content" class="col-full">
	<div id="main-sidebar-container">
		<div class="woocommerce">
			<section id="main" class="col-left">

				<div id="searchForm">
					<form action="index.jsp" method="get">
						<input type="text" class="searchInput" name="search" placeholder="Entrer un titre..." />
					</form>
					<a href="#" class="goSearch"><i class="fa fa-search" aria-hidden="true"></i></a>
				</div>
<%

	CatalogueManager catalogueManager = (CatalogueManager)application.getAttribute("catalogueManager");
    if(request.getParameter("search") != null) {
		String recherche = request.getParameter("search");
		Iterator<Article> list = catalogueManager.chercherArticleParTitre(recherche).iterator();
		Livre livre = null;
		Musique musique = null;
		Article article;
%>
				<h1 class="page-title">Résultat recherche</h1>
				<ul class="products">
<%
		while (list.hasNext()) {
			article = (Article)list.next();
%>
					<li class="product type-product"><a
						href="<%=response.encodeURL("./article.jsp?ref="
								+ article.getRefArticle())%>"> <img
							src="<% if (article.getImage().startsWith("http"))
									    out.print(article.getImage()) ;
							        else
							        	out.print("./images/"+article.getImage()) ; %>"
							class="attachment-shop_catalog wp-post-image" alt="poster_2_up"
							height="325" width="325"/>
							<h3><%=article.getTitre()%></h3> <span class="price"><ins>
									<span class="amount"><%=article.getPrix()%> €</span>
								</ins></span>

					</a> <a
						href="<%=response.encodeURL("./controlePanier.jsp?refArticle="
								+ article.getRefArticle()
						+ "&amp;commande=ajouterLigne")%>"
						class="button add_to_cart_button product_type_simple">Mettre
							dans le panier</a>
							<a
						href="<%=response.encodeURL("./article.jsp?ref="
								+ article.getRefArticle())%>"
						class="button add_to_cart_button product_type_simple">Voir l'article</a>
<%
                            	if (article instanceof Musique) {
                            		musique = (Musique) article;
                            		if (musique.getPistes().size() > 0) {
%>
						<div id="jquery_jplayer_<%=article.getRefArticle()%>" class="jp-jplayer" style="margin-top:10px"></div>
						<div id="jp_container_<%=article.getRefArticle()%>" class="jp-audio" role="application">
							<div class="jp-type-playlist">
								<div class="jp-gui jp-interface">
									<div class="jp-controls-holder">
										<div class="jp-controls">
											<button class="jp-previous" role="button" tabindex="0">previous</button>
											<button class="jp-play" role="button" tabindex="0">play</button>
											<button class="jp-stop" role="button" tabindex="0">stop</button>
											<button class="jp-next" role="button" tabindex="0">next</button>
										</div>
									</div>
								</div>
								<div class="jp-playlist">
									<ul>
										<li>&nbsp;</li>
									</ul>
								</div>
								<div class="jp-no-solution">
									<span>Update Required</span> To play the media you will need to
									either update your browser to a recent version or update your <a
										href="http://get.adobe.com/flashplayer/" target="_blank">Flash
										plugin</a>.
								</div>
							</div>
						</div>
<%
                            		}
                            	}
		}
%>
				</ul>
<%
    }else{
%>

				<h1 class="page-title">Articles</h1>
				<ul class="products">
					<%
							Iterator<Article> listeDesArticles = catalogueManager
									.getArticles().iterator();
					Livre livre = null;
					Musique musique = null;
					Article article;
							while (listeDesArticles.hasNext()) {
								article = (Article) listeDesArticles.next();
					%>
					<li class="product type-product"><a
						href="<%=response.encodeURL("./article.jsp?ref="
								+ article.getRefArticle())%>"> <img
							src="<% if (article.getImage().startsWith("http"))
									    out.print(article.getImage()) ;
							        else
							        	out.print("./images/"+article.getImage()) ; %>"
							class="attachment-shop_catalog wp-post-image" alt="poster_2_up"
							height="325" width="325"/>
							<h3><%=article.getTitre()%></h3> <span class="price"><ins>
									<span class="amount"><%=article.getPrix()%> €</span>
								</ins></span>

					</a> <a
						href="<%=response.encodeURL("./controlePanier.jsp?refArticle="
								+ article.getRefArticle()
						+ "&amp;commande=ajouterLigne")%>"
						class="button add_to_cart_button product_type_simple">Mettre
							dans le panier</a>
							<a
						href="<%=response.encodeURL("./article.jsp?ref="
								+ article.getRefArticle())%>"
						class="button add_to_cart_button product_type_simple">Voir l'article</a>
<%
                            	if (article instanceof Musique) {
                            		musique = (Musique) article;
                            		if (musique.getPistes().size() > 0) {
%>
						<div id="jquery_jplayer_<%=article.getRefArticle()%>" class="jp-jplayer" style="margin-top:10px"></div>
						<div id="jp_container_<%=article.getRefArticle()%>" class="jp-audio" role="application">
							<div class="jp-type-playlist">
								<div class="jp-gui jp-interface">
									<div class="jp-controls-holder">
										<div class="jp-controls">
											<button class="jp-previous" role="button" tabindex="0">previous</button>
											<button class="jp-play" role="button" tabindex="0">play</button>
											<button class="jp-stop" role="button" tabindex="0">stop</button>
											<button class="jp-next" role="button" tabindex="0">next</button>
										</div>
									</div>
								</div>
								<div class="jp-playlist">
									<ul>
										<li>&nbsp;</li>
									</ul>
								</div>
								<div class="jp-no-solution">
									<span>Update Required</span> To play the media you will need to
									either update your browser to a recent version or update your <a
										href="http://get.adobe.com/flashplayer/" target="_blank">Flash
										plugin</a>.
								</div>
							</div>
						</div>
<%
                            		}
                            	}
							}
 %>
				</ul>
<%
}
%>
			</section>
		</div>
	</div>
</div>
<%@ include file="piedDePage.html"%>