<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Accueil - Retro Tool</title>
<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'>
</head>
<body>

<%@include file="pages/header.jsp" %>     
                
<div style="margin: 5%;">
<h2 style="padding-top: 1em;">Home</h2>
<br>

<%
if (session.getAttribute("idMember") != null)
{
%>
	
	<script type="text/javascript">

	 window.location.href="http://10.70.135.145:8080/RetroV/join/access-page.jsp?id_member=<%=session.getAttribute("idMember")%>"
	</script>
<%
}

if (session.getAttribute("idMember") == null)
{
	

%>
<div style="background-color: white; width: 60%; margin: auto">
						<div class="nav-tabs-navigation">
                            <div class="nav-tabs-wrapper">
                            <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                                <li class="active"><a href="#home" data-toggle="tab">Sign in</a></li>
                                <li><a href="#profile" data-toggle="tab">Create Account</a></li>
                                <li><a href="#messages" data-toggle="tab">Admin</a></li>
                                
                            </ul>
                            </div>
                        </div>
                        
                        <div id="my-tab-content" class="tab-content text-center" >
                            <div class="tab-pane active" id="home"; >
                                <form method="post" action="controller/join/join_member_controller.jsp">
		<p>
			<label style="width: 300px; display: block; float: left; text-align: left;">Registration Number :</label><input type="text" name="pseudo" class="form-control">
		</p>
		<p>
			<label style="width: 300px; display: block; float: left; text-align: 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 class="tab-pane" id="profile">
                                <form method="post" action="controller/join/insert_member_controller.jsp">
		<p>
			<label style="width: 300px; display: block; float: left;text-align: left;">Name
				:</label><input type="text" name="nom" class="form-control">
		</p>
		<p>
			<label style="width: 300px; display: block; float: left;text-align: left;">First
				Name :</label><input type="text" name="prenom" class="form-control" required>
		</p>
		
		<p>
			<label style="width: 300px; display: block; float: left;text-align: left;">Registration Number :</label><input type="text" name="pseudo" class="form-control">
		</p>
		
		<p>
			<label style="width: 300px; display: block; float: left;text-align: left;">Password :</label><input type="password" name="mdp" class="form-control">
		</p>
		
		
		<p>
			<label style="width: 300px; display: block; text-align: 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="Sign">
		</p>
	</form>
                            </div>
                            
                            <div class="tab-pane" id="messages">
							<form method="post" action="controller/create/join_admin_controller.jsp">
							<p>
								<label style="width: 300px; display: block; float: left; text-align: left;">Registration Number :</label><input type="text" name="pseudo" class="form-control">
							</p>
							<p>
								<label style="width: 300px; display: block; float: left; text-align: 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>
        </div>                
</div>
<% } %>
<%@include file="pages/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>