<?php require 'inc/includes.php'; 

    
$nbr = $DB->query("SELECT count(*) as nbr FROM users");
$perpage = 4;
$nbr_pages = ceil($nbr[0]->nbr/$perpage );

if(isset($_GET['page'])){
	$page = intval($_GET['page']);
	if($page > $nbr_pages){
		$page = $nbr_pages;
	}
}else{
	$page =1;
}

$premierPage = ($page-1) *$perpage;

$users= $DB->query("SELECT id,username,email,avatar FROM users ORDER BY created_at ASC LIMIT ".$premierPage.",".$perpage."");

  require 'inc/header.php'; ?>
  

<section>

<aside id="sidebar2">
      		<!-- widget --> 
       		<section class="widget">
            
               <ul>
               	<li class="catsidebar active"><a href="role.php">Roles</a></li>
                <li class="catsidebar"><a href="users.php">Utilisateurs</a></li>
               	<li class="catsidebar"><a href="echantillons.php">Nature d'echantillon</a></li>
				<li class="catsidebar"><a href="typestocks.php">Type de stockage</a></li>

               </ul>
           </section>
           <!-- Fin widget -->
       
           <!-- Fin widget --> 
       
       
       </aside>
       
       

</section>

<article style="width: 65%;margin: auto;0px; position: relative;">
	
 <div class="container-fluid">
                    
<div class="row">
	<div class="col-sm-12">
	
 <form method="post" action="#">
<!-- LES INPUTS HORIZONTAL -->

	<div >
		<div class="form-group">
			<label for="text">Nom de la salle</label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			
<select name="pets" id="pet-select" minlength="4" style="width:68%; position: relative;" >
    <option value="">Salle -80</option>
    <option value="Clinicien">Clinicien</option>
    <option value="Patient">Patient</option>
    <option value="Chercheur">Chercheur</option>
    <option value="Gouvernement">Gouvernement</option>
    <option value="spider">Industriel</option>
</select>
</div>
	</div>

		<div >
		<div class="form-group">
			<label for="text">Nom de l'équipement </label>&nbsp&nbsp&nbsp <input type="text" name="text" id="text"  class="form-control col-sm-16" style="width:68%; position: relative; left:40px;">

		</div>
	</div>
			
			
			
	<div >
		<div class="form-group">
			<label for="text">Température</label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			
<select name="pets" id="pet-select" minlength="4" class="col-sm-1" style="width:68%; position: relative;" >
    <option value="-80">-80</option>
    <option value="-25">-25</option>
    <option value="-70">-70</option>
    <option value="-100">-100</option>
    <option value="-120">-120</option>
    <option value="20">20</option>
</select>
</div>
	</div>
	
	

	<div >
		<div class="form-group">
			<label for="text">Nombre d'étagère</label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			
<select name="pets" id="pet-select" minlength="4" class="col-sm-1" style="width:68%; position: relative;" >
    <option value="4">4</option>
    <option value="12">12</option>
    <option value="8">8</option>
    <option value="2">2</option>
    <option value="1">1</option>
    <option value="0">0</option>
</select>
</div>
	</div>



	
	
	<div >
		<div class="form-group">
			<label for="text">Nombre de racks / étagère</label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			
<select name="pets" id="pet-select" minlength="4" class="col-sm-1" style="width:68%; position: relative;" >
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1</option>
</select>
</div>
	</div>
	
	
		
	
	<div >
		<div class="form-group">
			<label for="text">Nombre de tiroirs  / Rack</label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			
<select name="pets" id="pet-select" minlength="4" class="col-sm-1" style="width:68%; position: relative;" >
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
</div>
	</div>
	
	
	
	<div >
		<div class="form-group">
			<label for="text">Nombre de  boites   / tiroir</label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			
<select name="pets" id="pet-select" minlength="4" class="col-sm-1" style="width:68%; position: relative;" >
        <option value="4">4</option>		
		<option value="3">3</option>
		<option value="2">2</option>
</select>
</div>
	</div>
	
	
	<div >
		<div class="form-group">
			<label for="text">Nombre de puits   / boite</label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			
<select name="pets" id="pet-select" minlength="4" class="col-sm-1" style="width:68%; position: relative;" >
        <option value="81">81</option>		
		<option value="40">40</option>
		<option value="25">25</option>
</select>
</div>
	</div>
	
	
	

		
<!-- FIN DES INPUTS HORIZONTAL -->

  </center>
 <div class="card-footer2">
		 
            <div class="col-lg-12">
			      <a href="typestocks.php"><button type="submit" class="btn btn-second" style="border: 1px solid #adb0bb8f;border-radius: 1.25rem;"> Enregistrer</button></a>

				  <a href="configuration.php"><button type="submit" class="btn btn-second" style="border: 1px solid #adb0bb8f;border-radius: 1.25rem;"> Annuler </button></a>
            </div>
        </div>
    </form>
</div>

   </div>
 <!-- /.card-body -->
</div>

 </article>

  
  <!-- jQuery -->
<script src="https://extremelab.tech/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://extremelab.tech/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Bootstrap 4 -->
<script src="https://extremelab.tech/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="https://extremelab.tech/plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="https://extremelab.tech/plugins/sparklines/sparkline.js"></script>
<!-- jQuery Knob Chart -->
<script src="https://extremelab.tech/plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="https://extremelab.tech/plugins/moment/moment.min.js"></script>
<script src="https://extremelab.tech/plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="https://extremelab.tech/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="https://extremelab.tech/plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="https://extremelab.tech/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="https://extremelab.tech/dist/js/adminlte.js"></script>
<!-- DataTables -->
<script src="https://extremelab.tech/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-fixedheader/js/dataTables.fixedHeader.min.js" type="text/javascript"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="https://extremelab.tech/plugins/jszip/jszip.min.js"></script>
<script src="https://extremelab.tech/plugins/pdfmake/pdfmake.min.js"></script>
<script src="https://extremelab.tech/plugins/pdfmake/vfs_fonts.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.php5.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<!-- Toastr-->
<script src="https://extremelab.tech/js/toastr.min.js"></script>
<!-- Validate -->
<script src="https://extremelab.tech/plugins/jquery-validation/jquery.validate.min.js"></script>
<script src="https://extremelab.tech/plugins/print/jQuery.print.min.js"></script>
<script src="https://extremelab.tech/js/jquery.classyqr.min.js"></script>
<script src="https://extremelab.tech/js/select2.js"></script>
<script src="https://extremelab.tech/plugins/sweet-alert/sweetalert.min.js"></script>
<!-- Scripts Translation -->

<!-- Main dashboard -->
  <script src="https://extremelab.tech/js/admin/main.js"></script>
<!-- Flash messages -->
<script>
    </script>

    <!-- Switch -->
  <script src="https://extremelab.tech/plugins/swtich-netliva/js/netliva_switch.js"></script>
  <script src="https://extremelab.tech/js/admin/dashboard.js"></script>
  
  <script src="//code.tidio.co/wm6kjlncgktzimpuaad5qetmtv9h1cui.js" async></script>

</body>
</html>
		 
