<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Lista produktów 9</title>
<link rel="stylesheet" type="text/css" href="styl.css">
</head>
<body>
<h1>Lista produktów - wersja 9 JSP z koszykiem i edycją</h1>

<p>[<a href="index.html">powrót do spisu treści</a>]</p>

<%-- Za pomocą klasy ProductBean odczytamy z bazy listę produktów w postaci obiektowej. --%>
<jsp:useBean id="bean" class="sklep.beans.ProductBean"/>

<div class="koszyk">
<h4>Koszyk</h4>
<ul>
<%-- Zauważmy, że dla obiektu koszyk nie wykonujemy już useBean.
     Po prostu zakładamy, że jest obecny (w sesji). Gdyby go nie było, to pętla się nie wykona. --%>
<c:forEach var="elm" items="${basket.elements}">
    <li>${elm.productName} (${elm.quantity}) za <b>${elm.value}</b></li>
</c:forEach>
</ul>
<p class="total">Do zapłaty: ${basket.totalValue}</p>
</div>


<h2>Filtr cen</h2>
<form id="wyszukiwarka" method="get">
<table class="formularz">
<tr><td><label for="min_price">Cena minimalna:</label></td>
    <td><input type="number" name="min_price" value="${param.min_price}"></td></tr>
<tr><td><label for="max_price">Cena maksymalna:</label></td>
    <td><input type="number" name="max_price" value="${param.max_price}"></td></tr>
<tr><td><button>Szukaj</button></td></tr>
</table>
</form>

<%-- Kryteria wyszukiwania przysłane w parametrach z formularza przekazuję do bean za pomocą setterów. --%>
<jsp:setProperty name="bean" property="minPrice" param="min_price"/>
<jsp:setProperty name="bean" property="maxPrice" param="max_price"/>

<c:forEach var="product" items="${bean.filteredProducts}">
    <div class="product">
        <img class="photo" src="Photo?productId=${product.productId}" alt=""/>
        <h3>${product.productName}</h3>
        <div class="price">Cena: ${product.price}</div>
        <div class="price">VAT ${product.vat * 100}%</div>
        <c:if test="${not empty product.description}">
        	<p>${product.description}</p>
        </c:if>
        <div><a href="AddToBasket?productId=${product.productId}">dodaj do koszyka</a></div>        
        <div><a href="EditProduct?productId=${product.productId}">edytuj</a></div>        
    </div>
</c:forEach>

<p>[<a href="EditProduct">dodaj nowy produkt</a>]</p>
<p>[<a href="index.html">powrót do spisu treści</a>]</p>

</body>
</html>
