<!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/categories/" role="tab">Blog</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Ecrits</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Images</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>Catégorie</th></tr>
					<tr class="card-tablebody">
						<td class="align-middle td-id" >1</td>
						<td class="modifier-listelement-line">
							<form class="input-group mb-0 mr-2" method="get" action="modifier">
								<input class="form-control" type="text" name="nom" value="Nouvelles" />
								<div class="input-group-append">
									<button name="id" value="1" class="btn btn-primary">Modifier</button>
								</div>
							</form>
							<form class="inline-form" method="get" action="description">
								<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
							</form>
							<form class="inline-form" method="get" action="supprimer">
								<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
							</form>
						</td>
					</tr>
					<tr class="card-tablebody">
						<td class="align-middle td-id" >2</td>
						<td class="modifier-listelement-line">
							<form class="input-group mb-0 mr-2" method="get" action="modifier">
								<input class="form-control" type="text" name="nom" value="Nouvelles" />
								<div class="input-group-append">
									<button name="id" value="1" class="btn btn-primary">Modifier</button>
								</div>
							</form>
							<form class="inline-form" method="get" action="description">
								<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
							</form>
							<form class="inline-form" method="get" action="supprimer">
								<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
							</form>
						</td>
					</tr>
				</table>
		  	</div>

			<div class="card mb-4">
				<div class="card-body">
					<div class="input-group mb-0">
					  <input type="text" class="form-control" placeholder="Nom de la catégorie" aria-label="Nom de la catégorie" aria-describedby="button-addcat">
					  <div class="input-group-append">
					    <button class="btn btn-success" type="button" id="button-addcat"><i aria-label="ajouter" class="fa fa-plus"></i></button>
					  </div>
					</div>
				</div>
			</div>


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

</body>
</html>
