<%@page import="java.util.Iterator"%>
<%@page import="retro.Moderator"%>
<%@page import="java.util.List"%>
<%@page import="fonctions.ModeratorDAO"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<link href="../bootstrap3/css/bootstrap.css" rel="stylesheet" />
    <link href="../assets/css/ct-paper.css" rel="stylesheet"/>
    <link href="../assets/css/demo.css" rel="stylesheet" /> 
    <link href="../assets/css/examples.css" rel="stylesheet" /> 
        
    <!--     Fonts and icons     -->
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body style="margin: 5%">
<h2 style="padding-top: 1em;">Create-Retro</h2>

<div style="width: 45%; float: left; padding: 5%">

<h3>Log-in</h3>

		<%
			ModeratorDAO obj_ReadValues = new ModeratorDAO();
			List<Moderator> list = obj_ReadValues.get_values();
			Iterator<Moderator> it_list = list.iterator(); 
		%>

		<center>
			<table style="width: 100%; border-collapse: collapse;">

				<style>
th, td {
	padding: 3px;
	border: 1px solid #fff;
	text-align: center;
}

th {
	background: #999690;
	color: white;
	font-weight: bold;
}
</style>

				<th>Name</th>
				<th>First Name</th>

				<%
					while (it_list.hasNext()) {
						Moderator obj_Moderator = new Moderator();
						obj_Moderator = it_list.next();
				%>

						<tr>
							<td style="text-transform: uppercase"><%=obj_Moderator.getNom_moderator()%></td>
							<td><%=obj_Moderator.getPrenom_moderator()%></td>
							<td><a href="add-retro.jsp?id_moderator=<%=obj_Moderator.getId_moderator()%>">Continue</a></td>					
						</tr>

				<%
					}
				%>
			</table>

</div>

<div style="width: 45%; float: left; padding: 5%">

<h3 >Sign-in : </h3>


<form method="post" action="../controller/create/insert_moderator_controller.jsp">
		<p>
			<label style="width: 300px; display: block; float: left;">Name
				:</label><input type="text" name="nom_moderator" class="form-control">
		</p>
		<p>
			<label style="width: 300px; display: block; float: left;">First
				Name :</label><input type="text" name="prenom_moderator" class="form-control">
		</p>
		<p>
			<label style="width: 300px; display: block; float: left;"office">Office:</label>
		<p>
			<select name="libelle_office" id="libelle_office">
				<option value="">--Please choose an option--</option>
				<option value="TLS">Toulouse</option>
				<option value="AMS">Amsterdam</option>
				<option value="VLB">Valbonne</option>
				<option value="VLB">Paris</option>
			</select>
		<p>
<input class="btn btn-success" type="submit" value="Add">
		</p>
	</form>
</div>
</body>
<script src="../assets/js/jquery-1.10.2.js" type="text/javascript"></script>
	<script src="../assets/js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>

	<script src="../bootstrap3/js/bootstrap.js" type="text/javascript"></script>

	<!--  Plugins -->
	<script src="../assets/js/ct-paper-checkbox.js"></script>
	<script src="../assets/js/ct-paper-radio.js"></script>
	<script src="../assets/js/bootstrap-select.js"></script>
	<script src="../assets/js/bootstrap-datepicker.js"></script>

	<script src="../assets/js/ct-paper.js"></script>
</html>