<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
  <title>Insert title here</title>
  <!--=include includes/_links.html -->

</head>
<body>
      <!--=include includes/_sidebar.html -->
	  <div id="main-area">
        <!--=include includes/_navbar.html -->
	  	<div class="container">
          <!-- debut de la partie modifiable -->

	  		<ul class="nav nav-pills mb-4" id="pills-tab" >
			  <li class="nav-item">
			    <a class="nav-link active" id="pages-actives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/pages/" role="tab">Actives</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/pages/inactives" role="tab">Inactives</a>
			  </li>
			</ul>

			<div class="card mb-4">
			  <table class="table table-stripped mb-0" id="maincard">
				<tr class="card-header"><th>id</th><th>Titre</th><th>URL</th><th></th></tr>
					<tr class="card-tablebody">
						<td class="align-middle td-id" >1</td>
						<td class="align-middle" >A propos</td>
						<td class="align-middle" >/a-propos</td>
						<td class="align-middle text-right" ><a href="/modifier/1" class="btn btn-primary mr-2"><i class="fa fa-edit" aria-label="modifier"></i></a> <a href="/delete/1" class="btn btn-danger"><i class="fa fa-trash" aria-label="supprimer"></i></a></td>
					</tr>
				</table>
			</div>

			<nav aria-label="Navigation entre les pages" class="text-right">
			  <ul class="pagination justify-content-end mb-4">
			    <li class="page-item">
			      <a class="page-link" href="#" aria-label="Previous">
			        <span aria-hidden="true">&laquo;</span>
			      </a>
			    </li>
			    <li class="page-item"><a class="page-link" href="#">1</a></li>
			    <li class="page-item"><a class="page-link" href="#">2</a></li>
			    <li class="page-item"><a class="page-link" href="#">3</a></li>
			    <li class="page-item">
			      <a class="page-link" href="#" aria-label="Next">
			        <span aria-hidden="true">&raquo;</span>
			      </a>
			    </li>
			  </ul>
			</nav>



			<div>
				<a href="ajouter" class="btn btn-lg btn-success btn-block">Ajouter nouvelle page</a>
			</div>

          <!-- fin de la partie modifiable -->
	  	</div>
        <!--=include includes/_footer.html -->
	  </div>

</body>
</html>
