Untitled

<%--
  Created by IntelliJ IDEA.
  User: pilig
  Date: 18.04.2017
  Time: 23:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>Games</title>
    <link rel="stylesheet" type="text/css" href="/css/tables.css">
    <link rel="stylesheet" type="text/css" href="/css/input.css">
</head>
<body>
<h1>This is super duper game table:</h1>
<div style="height:200px;overflow:auto; border: 1px solid black;">
    <table class="tableDate">
        <th class="thDate">Game name</th>
        <th class="thDate">Year</th>
        <th class="thDate">Budget</th>
        <th class="thDate">Country</th>
        <th class="thDate">Rating mark</th>
        <c:forEach items="${games}" var="game">
            <tr class="trDate">
                <td class="tdDate"><c:out value="${game.name}"/></td>
                <td class="tdDate"><c:out value="${game.year}"/></td>
                <td class="tdDate"><c:out value="${game.cost}"/></td>
                <td class="tdDate"><c:out value="${game.country}"/></td>
                <td class="tdDate"><c:out value="${game.ratingMark}"/></td>
            </tr>
        </c:forEach>
    </table>
</div>
<div style="width: 40%">
    <form name="insertGameForm" action="/gamestable" method="post">
        <table class="tableInput">
            <tr class="trInput">
                <td class="tdInput"><label for="fname">Enter game name: </label></td>
                <td class="tdInput"><input id="fname" type="text" name="name"></td>
            </tr>
            <tr class="trInput">
                <td class="tdInput"><label for="fyear">Enter game release year: </label></td>
                <td class="tdInput"><input id="fyear" type="datetime-local" name="year"></td>
            </tr>
            <tr class="trInput">
                <td class="tdInput"><label for="fcost">Enter game budget: </label></td>
                <td class="tdInput"><input id="fcost" type="number" name="cost"></td>
            </tr>
            <tr class="trInput">
                <td class="tdInput"><label for="fcountry">Enter game country:  </label></td>
                <td class="tdInput"><input id="fcountry" type="text" name="country"></td>
            </tr>
        </table>
        <br>
        <input type="submit" value="Insert">
    </form>
</div>
</body>
</html>