<?php include "includes/header.php";?>

<?php include "includes/navbar.php";?>

  <div id="wrapper">

    <!-- Sidebar -->
   <?php include "includes/sidebar.php";?>

    <div id="content-wrapper">

      <div class="container-fluid">

        <!-- Breadcrumbs-->
        <ol class="breadcrumb">
          <li class="breadcrumb-item">
            <a href="#">Ola</a>
          </li>
          <li class="breadcrumb-item active"><?php echo $_SESSION['nome'];?></li>
        </ol>

        <!-- Icon Cards-->
        <div class="row">
		
		<?php 
		$clientes->cadastraCliente();
		$clientes->updateCliente();
		$clientes->deleteCustom();		
		?>
		
		
		
		
		
         <div class="container">
             
             <!-- Button trigger modal -->
<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#exampleModal">
  <i class="fas fa-fw fa-plus"></i> Clientes
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Clientes</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div class="container">
              <div class="col-sm-10">
                  
             
          <form action="" method="post" enctype="multipart/form-data">
		  	<div class="form-group">
			  <label for="nome_cliente">Nome do cliente</label>
			  <input type="text" name="nome_cliente" class="form-control" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="bairro">Bairro</label>
			  <input type="text" name="bairro" class="form-control" autocomplete="off" required/>
			 </div>
	
			 <div class="form-group">
			  <label for="quarteirao">Local de trabalho</label>
			  <input type="text" name="local_trabalho" class="form-control" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="casa">Profissao</label>
			  <input type="text" name="profissao" class="form-control" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="nuit">Nuit</label>
			  <input type="number" name="nuit" class="form-control" autocomplete="off" required/>
			 </div>
			 
			  <div class="form-group">
			  <label for="nuit">Nacionalidade</label>
			  <input type="text" name="nacionalidade" class="form-control" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="bi">B.I/Passaporte/Carta de conducao</label>
			  <input type="text" name="bi" class="form-control" autocomplete="off" required/>
			 </div>

			  <div class="form-group">
			  <label for="local_emissao">Local de emissao</label>
			  <select required name="local_emissao" class="form-control">
			   <option></option>
			   <option>Matola</option>
			   <option>Maputo</option>
			   <option>Gaza</option>
			   <option>Inhambane</option>
			   <option>Manica</option>
			   <option>Sofala</option>
			   <option>Tete</option>
			   <option>Zambezia</option>
			   <option>Nampula</option>
			   <option>Niassa</option>
			   <option>Cabo Delegado</option>
			     </select>
			 </div>
			 
			 <div class="form-group">
			  <label for="estado">Estado Civil</label>
			  <select required name="estado_civil" class="form-control">
			   <option></option>
			   <option>Casado(a)</option>
			   <option>Solteiro(a)</option>
			   <option>Viuvo(a)</option>
			   <option>Divorciado(a)</option>
			  </select>
			 </div>
			 
			 <div class="form-group">
			  <label for="provincia">Provincia</label>
			  <select required name="provincia" class="form-control">
			   <option></option>
			   <option>Maputo</option>
			   <option>Gaza</option>
			   <option>Inhambane</option>
			   <option>Manica</option>
			   <option>Sofala</option>
			   <option>Tete</option>
			   <option>Zambezia</option>
			   <option>Nampula</option>
			   <option>Niassa</option>
			   <option>Cabo Delegado</option>
			    </select>
			 </div>
			
			 
			  <div class="form-group">
			  <label for="bi">Data de nascimento</label>
			  <input type="date" name="data_nasc" class="form-control" autocomplete="off" required/>
			 </div>
		  
		   
		   <div class="form-group">
			  <label for="cell1">Contacto</label>
			  <input type="number" name="cell1" class="form-control" autocomplete="off">
			 </div>
			 
			 <div class="form-group">
			  <label for="cell2">Contacto 2</label>
			  <input type="number" name="cell2" class="form-control" autocomplete="off">
			 </div>

			  <div class="form-group">
			  <label for="nome_testemuna">Nome da testemunha</label>
			  <input type="text" name="nome_testemunha" class="form-control" autocomplete="off">
			 </div>
			  
			 <div class="form-group">
			  <label for="contacto_test">Contacto da testemunha</label>
			  <input type="number" name="contacto_testemunha" class="form-control" autocomplete="off" required/>
			 </div>
			 
			 
				 <div class="form-group">
			  <label for="tipo_cliente">Tipo de Cliente</label>
			  <select required name="tipo_cliente" class="form-control">
			   <option></option>
			   <option>Individual</option>
			   <option>FP</option>
			     <option>Empresa</option>
			  </select>
			 </div>
			 	 <div class="form-group">
			  <label for="vendedor">Vendedor/Agente</label>
			 <select required name="vendedor" class="form-control">
			 <option></option>
			 <?php $usuario->busca_users();?>
			 </select>
			 </div>
			 
			 <div class="form-group">
			     <label for='foto'>Fotografia meio corpo</label>
			     <input type="file" name="foto" class="form-control"/>
			 </div>			 
			 			 
			 <div class="form-group">
			  <input type="submit" name="cadCliente" class="btn btn-primary btn-block" value="Enviar"/>
			 </div>
	
		   </form>
         </div>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>

 <br> <br>
 <div class="container-fluid">

<!-- Breadcrumbs-->

<!-- DataTables Example -->
<div class="card mb-3">
  <div class="card-header">
    <i class="fas fa-table"></i>
    <b>Lista de clientes</b></div>
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
        <thead>
          <tr>
            <th>Item</th>
            <th>Nome</th>
            <th>Contacto</th>
            <th>Contacto 2</th>
             <th>Editar</th>
            <th>Apagar</th>
              <th>Ficha</th>
          </tr>
        </thead>
       
        <tbody>
            
          <?php 
          $item =1;
          $listaClientes = $database->query("SELECT * FROM clientes");
          while($row = $database->fetch_assoc($listaClientes)){
     
          $id_cliente = $row['id_cliente'];
            ?>
           <tr>   
            <td><?php echo $item++;?></td>
            <td><?php echo $row['nome_cliente'];?></td>
            <td><?php echo $row['cell1'];?></td>
            <td><?php echo $row['cell2'];?></td>
                   <td>
                <!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModalLong<?php echo $id_cliente;?>">
  <span><i class="fa fa-paint-brush" aria-hidden="true"></i></span>
</button></td>

<!-- Modal -->
<div class="modal fade" id="exampleModalLong<?php echo $id_cliente;?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle"><font color='red'><?php echo $row['nome_cliente'];?></font></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
                  <div class="container">
              <div class="col-sm-10">
                  
             
          <form action="" method="post" enctype="multipart/form-data">
		  	<div class="form-group">
			  <label for="nome_cliente">Nome do cliente</label>
			  <input type="text" name="nome_cliente" class="form-control" value="<?php echo $row['nome_cliente'];?>" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="bairro">Bairro</label>
			  <input type="text" name="bairro" class="form-control" value="<?php echo $row['bairro'];?>" autocomplete="off" required/>
			 </div>
	
			 <div class="form-group">
			  <label for="quarteirao">Local de trabalho</label>
			  <input type="text" name="local_trabalho" class="form-control" value="<?php echo $row['local_trabalho'];?>" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="casa">Profissao</label>
			  <input type="text" name="profissao" class="form-control" value="<?php echo $row['profissao'];?>" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="nuit">Nuit</label>
			  <input type="number" name="nuit" class="form-control" value="<?php echo $row['nuit'];?>" autocomplete="off" required/>
			 </div>
			 
			  <div class="form-group">
			  <label for="nuit">Nacionalidade</label>
			  <input type="text" name="nacionalidade" class="form-control" value="<?php echo $row['nacionalidade'];?>" autocomplete="off" required/>
			 </div>
			 
			 <div class="form-group">
			  <label for="bi">B.I/Passaporte/Carta de conducao</label>
			  <input type="text" name="bi" class="form-control" value="<?php echo $row['bi'];?>" autocomplete="off" required/>
			 </div>

			  <div class="form-group">
			  <label for="local_emissao">Local de emissao</label>
			  <select required name="local_emissao" class="form-control">
			   <option><?php echo $row['local_emissao'];?></option>
			   <option>Matola</option>
			   <option>Maputo</option>
			   <option>Gaza</option>
			   <option>Inhambane</option>
			   <option>Manica</option>
			   <option>Sofala</option>
			   <option>Tete</option>
			   <option>Zambezia</option>
			   <option>Nampula</option>
			   <option>Niassa</option>
			   <option>Cabo Delegado</option>
			     </select>
			 </div>
			 
			 <div class="form-group">
			  <label for="estado">Estado Civil</label>
			  <select required name="estado_civil" class="form-control">
			   <option><?php echo $row['estado_civil'];?></option>
			   <option>Casado(a)</option>
			   <option>Solteiro(a)</option>
			   <option>Viuvo(a)</option>
			   <option>Divorciado(a)</option>
			  </select>
			 </div>
			 <input type="hidden" name="id_cliente" value="<?php echo $id_cliente;?>"/>
			 <div class="form-group">
			  <label for="provincia">Provincia</label>
			  <select required name="provincia" class="form-control">
			   <option><?php echo $row['provincia'];?></option>
			   <option>Maputo</option>
			   <option>Gaza</option>
			   <option>Inhambane</option>
			   <option>Manica</option>
			   <option>Sofala</option>
			   <option>Tete</option>
			   <option>Zambezia</option>
			   <option>Nampula</option>
			   <option>Niassa</option>
			   <option>Cabo Delegado</option>
			    </select>
			 </div>
			
			 
			  <div class="form-group">
			  <label for="bi">Data de nascimento</label>
			  <input type="date" name="data_nasc" class="form-control" autocomplete="off" required/>
			 </div>
		  
		   
		   <div class="form-group">
			  <label for="cell1">Contacto</label>
			  <input type="number" name="cell1" value="<?php echo $row['cell1'];?>" class="form-control" autocomplete="off">
			 </div>
			 
			 <div class="form-group">
			  <label for="cell2">Contacto 2</label>
			  <input type="number" name="cell2" class="form-control" value="<?php echo $row['cell2'];?>" autocomplete="off">
			 </div>

			  <div class="form-group">
			  <label for="nome_testemuna">Nome da testemunha</label>
			  <input type="text" name="nome_testemunha" class="form-control" value="<?php echo $row['nome_testemunha'];?>" autocomplete="off">
			 </div>
			  
			 <div class="form-group">
			  <label for="contacto_test">Contacto da testemunha</label>
			  <input type="number" name="contacto_testemunha" class="form-control" value="<?php echo $row['contacto_testemunha'];?>" autocomplete="off" required/>
			 </div>
			 
			 
				 <div class="form-group">
			  <label for="tipo_cliente">Tipo de Cliente</label>
			  <select required name="tipo_cliente" class="form-control">
			   <option><?php echo $row['tipo_cliente'];?></option>
			   <option>Individual</option>
			   <option>FP</option>
			     <option>Empresa</option>
			  </select>
			 </div>
			 	 <div class="form-group">
			  <label for="vendedor">Vendedor/Agente</label>
			 <select required name="vendedor" class="form-control">
			 <option></option>
			 <?php $usuario->busca_users();?>
			 </select>
			 </div>
			 
			 <div class="form-group">
			     <label for='foto'>Fotografia meio corpo</label>
			     <input type="file" name="foto" class="form-control"/>
			 </div>			 
			 			 
			 <div class="form-group">
			  <input type="submit" name="updateCli" class="btn btn-primary btn-block" value="Enviar"/>
			 </div>
	
		   </form>
         </div>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
        
        <?php 
if($_SESSION['nivel']==1){
    ?>      
                        <!-- Button trigger modal -->
<td><button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModalLong1<?php echo $id_cliente;?>">
  <span><i class="fa fa-trash" aria-hidden="true"></i></span>
</button></td>

<!-- Modal -->
<div class="modal fade" id="exampleModalLong1<?php echo $id_cliente;?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle1" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle1"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
         <p><h3>Deseja eliminar <font color="red"><?php echo $row['nome_cliente'];?>?</font></h3></p>
        <button type="button" class="btn btn-danger btn-sm"><a href="cadastrar_clientes.php?id_delete=<?php echo $id_cliente;?>" style="text-decoration:none; color:white"><span>Confirmar</span></a></button>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancelar</button>
      </div>
    </div>
  </div>
</div>

 <?php }else{
     echo "<td>N/A</td>";
 }
          
          ?>  
          
       <td><button type="button" class="btn btn-info btn-sm">
		  <a href="ficha_cliente.php?id=<?php echo $id_cliente;?>" target="_blank" style="text-decoration:none; color:white;"><span>Ficha</span></a></button></td>    
		  
		 
          </tr>
        
        <?php }
          
          ?>  

         
      
   
               </tbody>
      </table>
    </div>
  </div>
  <div class="card-footer small text-muted">Jonas Dinis Chambela</div>
</div>



</div>

        </div>
      </div>
      <!-- /.container-fluid -->
		  </div>

		 </div>
        
        
        </div>

     
        

      <!-- /.container-fluid -->

      <!-- Sticky Footer -->
      <?php include "includes/footer.php";?>

    </div>
    <!-- /.content-wrapper -->

  </div>
  <!-- /#wrapper -->

  <!-- Scroll to Top Button-->
  <a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
  </a>

  <!-- Logout Modal-->
 <?php include "includes/logout_modal.php";?>
  <?php include "includes/sweatscripFooter.php";?>

  <!-- Bootstrap core JavaScript-->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Core plugin JavaScript-->
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Page level plugin JavaScript-->
  <script src="vendor/chart.js/Chart.min.js"></script>
  <script src="vendor/datatables/jquery.dataTables.js"></script>
  <script src="vendor/datatables/dataTables.bootstrap4.js"></script>

  <!-- Custom scripts for all pages-->
  <script src="js/sb-admin.min.js"></script>

  <!-- Demo scripts for this page-->
  <script src="js/demo/datatables-demo.js"></script>
  <script src="js/demo/chart-area-demo.js"></script>

</body>

</html>
