<%@page import="java.util.Iterator"%>
<%@page import="retro.Member"%>
<%@page import="java.util.List"%>
<%@page import="fonctions.MemberDAO"%>

<%@ 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>join-retro</title>
</head>
<body>
<%@include file="../pages/header.jsp" %>     

<div style="margin: 5%"">
<h2 style="padding-top: 1em;">Join-Retro</h2>

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

<h3>Log-in</h3>

	<form method="post" action="../controller/join/join_member_controller.jsp">
		<p>
			<label style="width: 300px; display: block; float: left;">Registration Number :</label><input type="text" name="pseudo" class="form-control">
		</p>
		<p>
			<label style="width: 300px; display: block; float: left;">Password :</label><input type="password" name="mdp" class="form-control" required>
		</p>
		
		<input class="btn btn-success" type="submit" value="Login">
		
		
	</form>
		
		
		
		
		
		
		


</div>

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

<h3 >Sign-in : </h3>


<form method="post" action="../controller/join/insert_member_controller.jsp">
		<p>
			<label style="width: 300px; display: block; float: left;">Name
				:</label><input type="text" name="nom" class="form-control">
		</p>
		<p>
			<label style="width: 300px; display: block; float: left;">First
				Name :</label><input type="text" name="prenom" class="form-control" required>
		</p>
		
		<p>
			<label style="width: 300px; display: block; float: left;">Registration Number :</label><input type="text" name="pseudo" class="form-control">
		</p>
		
		<p>
			<label style="width: 300px; display: block; float: left;">Password :</label><input type="password" name="mdp" class="form-control">
		</p>
		
		
		<p>
			<label style="width: 300px; display: block; float: left;"office">Office:</label>
		<p>
			<select name="libelle_office" id="libelle_office" required>
				<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>
	<%@include file="footer.jsp" %>     
	
</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>