<h3> Uitwerking</h3>
<%
//-----------------alles----------------------
autolijst all = new autolijst();
ArrayList<Auto> autolijst = all.getLijst();

//---------------niewe selectie---------------
autolijst selectie = new autolijst();



%>
<div class="opdrachten" id="zelftoets">
	<h2>Toets</h2>


	<label>Kies Merk</label>
	 <form action="#" method="get">
		   <select name = "selectie" id="merk">
		   <option value="alle">alles</option>
		   <%for(Auto auto : autolijst){%>
		   <option value="<%=auto.getMerk()%>"><%=auto.getMerk()%></option>
		   <%} %>
		   </select>

	   <br>
       <label>Minimum prijs</label>
       <input type="text" name="minprijs">
       <label>Maximum prijs</label>
       <input type="text" name="maxprijs"><br>
       <input type="submit" name="filterKnop" value="OK">
       </form>

	<div id="autoselectie">



        <%
        if (request.getParameter ("filterKnop") != null) {
        for(Auto auto : all.getFilter(request.getParameter("selectie"))) {%>
         <div class="autokader">
         <img src="<%=auto.getFoto()%>" alt="<%=auto.getMerk()%> <%= auto.getType()%>">
         <p class="merktype"><%=auto.getMerk()%> <%= auto.getType()%></p>
         <p class="prijs">&euro; <%=auto.getPrijsFormat() %></p>
         </div>
         <%} } %>
      </div>


			</div>