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

<h2>Créer un nouveau projet</h2>
 
 <form method="post" action="#">
<select name="pets" id="pet-select" minlength="4" >
    <option value="">Client 1</option>
    <option value="Clinicien">Unité de parasitologie</option>
    <option value="Patient">UEMOA</option>
    <option value="Chercheur">kone aymeric</option>
      <option value="Chercheur">kone aymeric bernard </option>

</select>

<select name="pets" id="pet-select" minlength="4" >
    <option value="">Selectionner un type de projet</option>
    <option value="Clinicien">projet1</option>
    <option value="Patient">projet2</option>
    <option value="Chercheur">projet3</option>
    <option value="Gouvernement">projet4</option>
    <option value="spider">projet5</option>
</select>

<select name="pets" id="pet-select" minlength="4" >
    <option value="">Statut</option>
    <option value="Clinicien">Ouvert</option>
    <option value="Patient">Fermé</option>
   
</select>
</article>

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

<div class="row">
	<div class="col-sm-3">
		<div class="form-group">
			<label for="text">Nom du projet</label>
			<input type="text" id="text" name="text"  class="form-control"  style="min-width:50%"> 
		</div>
	</div>
	<div class="col-sm-3">
		<div class="form-group">
			 <label for="password">Code du projet</label>
			 <input type="password" id="password" name=""  class="form-control"  style="min-width:50%">
		</div>
	</div>
			
			
		<div class="col-sm-3">
			<div class="form-group">
			<label for="text">Thématique du projet</label>
				 <input type="text" id="text" name="url"  class="form-control" style="min-width:50%"> 
				</div>
			</div>
			
</div>
		 
            <div class="col-lg-12">
				<a href="createcontact.php" style="color:white;">  <button type="submit" class="btn btn-primary pull-right"> Nouveau contact</a></button><br><br>
            </div>
		
<!-- FIN DES INPUTS HORIZONTAL -->

<div class="animatedParent no-more-tables">


    <!-- Container Start -->
      <div class="row">
            <!-- Table Record Begin -->
            <div class="table-responsive tbl-one">
              <table class="col-md-12  table table-bordered one-color">
                <thead>
                  <tr>
                    <th>Nom</th>
                    <th class="size-one">Prénoms</th>
                    <th class="size-one">Téléphone</th>
                    <th>Email</th>
                    <th>Date</th>
                    <th>Action</th>

                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td data-title="Nom">Kouakou</td>
                    <td data-title="Prenom">Benjamin</td>
                    <td data-title="Telephone">023323236</td>
                    <td data-title="Email">upa@pasteur.ci</td>
                    <td data-title="Date">08/10/2020</td>
                   <td><a href="editprojet.php" class="btn btn-primary btn-sm"> 
			     <i class="fa fa-edit"></i> 
					</a><form method="GET" action="admin/users/9" class="d-inline">
					<button type="submit" class="btn btn-danger btn-sm delete_user">
						<input type="hidden" name="_method" value="delete">
							<i class="fa fa-trash"></i>
					</button>  </form>
			    </td>
                  </tr>
                
            
                </tbody>
              </table>
            </div>
          <!-- Table End -->
	</div>
</div>

	</form>
	
	
	<div class="card-footer2">
		 
            <div class="col-lg-12">
				  <a href=""><button type="submit" class="btn btn-second"> Annuler </button></a>
                  <a href=""><button type="submit" class="btn btn-second"> 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>