<?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>
<article>

<h1>Enregistrement d'un prélèvement</h1>
 <form method="post" action="receptiontransport.php" >
 <div style="display:flex;">
<div class="col-sm-3">
		<div class="form-group">
		
			 <label for="password">Code biobanque donneur</label>
			<input type="text" id="text" name="text"   class="form-control"> 
		</div>
	</div>
	
	<div class="col-sm-5">
		<div class="form-group">
		
			 <label for="password">Numéro d'origine</label>
			<input type="text" id="text" name="text"  class="form-control"> 
		</div>
	</div>
	
	<div class="col-sm-4">
			 <label for="password">Receptionné par</label><br>


<select name="pets" id="pet-select" minlength="4" class="col-sm-4" >

    <option value=""></option>
    <option value="projet1"></option>
    <option value="projet2"></option>
    <option value="projet3"></option>
    <option value="projet4"></option>
    <option value="projet5"></option>   

</select>
</div>

</article>

			
<!-- LES INPUTS HORIZONTAL -->
<article>

<div class="row">
		<div class="col-sm-4">
			 <label for="password">Nature du prélèvement</label><br>


<select name="pets" id="pet-select" minlength="4" class="col-sm-4" >

    <option value=""></option>
    <option value="projet1"></option>
    <option value="projet2"></option>
    <option value="projet3"></option>
    <option value="projet4"></option>
    <option value="projet5"></option>   

</select>
</div>
	
			
	<div class="col-sm-4">
			<div class="form-group">
			<label for="date">Date de prélèvement</label>
				<input  type="date" name="dateofbirth" id="dateofbirth" class="form-control" >
		  </div>
	</div>
	
	
	<div class="col-sm-4">
			<div class="form-group">
			<label for="date">Heure de prélèvement</label>
				<input  type="datetime-local" placeholder="hh-mm" name="dateofbirth" id="dateofbirth" class="form-control" >
				
		  </div>
	</div>
	<div class="col-sm-15">
			 <label for="password">Conditionnement</label><br>


<select name="pets" id="pet-select" minlength="4" class="col-sm-4" >

    <option value="cond">Tube EDTA</option>
    <option value="cond"></option>
    <option value="cond2"></option>
    <option value="cond3"></option>
    <option value="cond4"></option>
    <option value="cond5"></option>   

</select>
</div>
	
	
	<div class="col-sm-4">
	
	
		<div class="form-group">
			 <label for="password">Poids / Volume / Concentration</label>
			<input type="text" id="text" name="text" placeholder="Poids / Volume / Concentration" class="form-control"> 
		</div>
	</div>
	
	<div class="col-sm-4">
	
				 <label style="color:white;">.</label><br>

<select name="pets" id="pet-select" minlength="4" class="col-sm-4" >

    <option value="">Unité</option>
    <option value="projet1"></option>
    <option value="projet2"></option>
    <option value="projet3"></option>
    <option value="projet4"></option>
    <option value="projet5"></option>   

</select>
</div>
	
	
	
	<div class="col-sm-12">
		 <label for="text">Conformité</label><br>
		<select name="pets" id="pet-select" minlength="4" class="col-sm-1" >
			<option value="NON">NON</option>
			<option value="OUI">OUI</option>
		</select>
		<a href="enregistrerpreleve.php"> 
			<button class="btn btn-primary btn " style="float:right" tabindex="0" aria-controls="reports_table" type="button" title="Ajouter">Ajouter </button>
		</a>
	</div>
	
<!-- FIN DES INPUTS HORIZONTAL -->



		<table id="reports_table" class="table table-striped table-hover table-bordered dataTable no-footer" role="grid" aria-describedby="reports_table_info" style="width: 100%;" width="100%"> 
			<thead>
				<tr role="row"><th class="sorting_disabled" rowspan="1" colspan="1" style="width: 14px;" width="10px">Liste des non-conformités</th>
				<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 184px;">Actions</th>
				
			</thead>
			
			
		<!-- 	FIN TITRES TABLEAU -->		
		
		<!-- 	DEBUT COLONNE 1 -->		

		<tbody>
              <tr role="row" class="odd">
				<td><select name="pets" id="pet-select" minlength="4" class="col-sm-8" >
					<option value="Délai de transport">Tube cassé</option>
					<option value="...">...</option>
					<option value="...">...</option>
					</select>
				</td>
		
				<td><select name="pets" id="pet-select" minlength="4" class="col-sm-8" >
					<option value="Mise en quarantaine">Mise en quarantaine</option>
					<option value="...">...</option>
					<option value="...">...</option>
					</select>
				</td>
			  
				</tr>
		</tbody>
		
		<!-- 	FIN COLONNE 1 -->
	
         </table>
		  
	</form>
	
	
	<div class="card-footer2">		 
            <div class="col-lg-12">
				  <a href=""><button type="submit" class="btn btn-second" style="border: 1px solid #adb0bb8f;" > Annuler </button></a>
                  <a href="bilanrecept.php"><button type="submit" class="btn btn-second" style="border: 1px solid #adb0bb8f;"> Suivant</button></a>

				  <a href="reception.php"><button type="submit" class="btn btn-second" style="float:right; border: 1px solid #adb0bb8f;" > Enregistrer  </button></a>

            </div>
     </div>
</article>
</section>

  <!-- 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>