<%@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</h1>

<jsp:useBean id="bean" class="sklep.web.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>

<form id="wyszukiwarka" method="get">
<h2>Filtr cen</h2>
<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>

<div>Produkty o cenach
<c:if test="${not empty(param.min_price)}">
od ${param.min_price}
</c:if>
<c:if test="${not empty(param.max_price)}">
do ${param.max_price}
</c:if>
</div>

<jsp:setProperty name="bean" property="minPrice" param="min_price"/>
<jsp:setProperty name="bean" property="maxPrice" param="max_price"/>

<c:forEach var="p" items="${bean.filteredProducts}">
        <div class="product">
        <img class="photo" src="photo?productId=${p.productId}" alt=""/>
        <h3>${p.productName}</h3>
        <div class="price">Cena: ${p.price}</div>
        <div class="price">VAT ${p.vat * 100}%</div>
        <c:if test="${not empty p.description}">
        	<p>${p.description}</p>
        </c:if>
        <div class="action"><a href="add_to_basket?productId=${p.productId}">dodaj do koszyka</a></div>
        <div class="action"><a href="edit_product?productId=${p.productId}">edytuj</a></div>
        <div class="action"><a href="upload_photo.jsp?productId=${p.productId}">zmień zdjęcie</a></div>
        </div>
</c:forEach>

<div class="action"><a href="edit_product">Dodaj nowy produkt</a></div>

</body>
</html>
