<?php require_once "Views/templates/header.php";?>
<!-- Begin Page Content -->
    <div class="container-fluid">

<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Clientes</h1>
    <button class="btn btn-primary" type="button" onclick="frmCliente();"><i class="fas fa-plus-circle"></i> Nuevo Cliente</button>
</div>
<table class="table" id="tblClientes">
    <thead class="thead-dark">
        <tr>
            <th>ID</th>
            <th>Razon Social</th>
            <th>NIT/CI</th>
            <th>Complemento</th>
            <th>Email</th>
            <th>Estado</th>
            <th></th>
        </tr>
    </thead>
</table>
<!-- /.Modal Agragar Cliente -->

<div class="modal fade" id="nuevo_cliente" tabindex="-1" role="dialog" aria-labelledby="my-modal-title" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="title">Nuevo Cliente</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="POST" id="frmCliente">
          <div class="form-group">
            <input type="hidden" id="id_cliente_c" name="id_cliente_c">
                        
            <label for="razon_social_c" class="col-form-label">Razon Social:</label>
            <input type="text" class="form-control" id="razon_social_c" name="razon_social_c" placeholder="Razon Social">
          </div>
          <div class="form-group">
          <label for="tipo_documento_c">Tipo de documento</label>
              <select name="tipo_documento_c" id="tipo_documento_c" class="form-control">
                  <option value="">Selecciona una opción</option>
                  <option value="1">Cedula de identidad</option>
                  <option value="5">NIT</option>
                  <option value="3">Pasaporte</option>
                  <option value="2">Cedula de identidad de Extranjero</option>
                  <option value="4">Otro Documento</option>
              </select>
          </div>
          <div class="form-group">
            <label for="documentoid_c" class="col-form-label">NIT/CI:</label>
            <input type="text" class="form-control" id="documentoid_c" name="documentoid_c" placeholder="NIT/CI">
          </div>
          <div class="form-group">
            <label for="complementoid_c" class="col-form-label">Complemento:</label>
            <input type="text" class="form-control" id="complementoid_c" name="complementoid_c" placeholder="Complemento">
          </div>
          <div class="form-group">
            <label for="cliente_email_c" class="col-form-label">Email:</label>
            <input type="text" class="form-control" id="cliente_email_c" name="cliente_email_c" placeholder="Email">
          </div>
          <div class="form-group">
            <label for="cliente_celular_c" class="col-form-label">Celular:</label>
            <input type="text" class="form-control_c" id="cliente_celular_c" name="cliente_celular_c"  value="0">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary" onclick="registrarCliente(event);" id="btnAccion">Registrar</button>
      </div>
    </div>
  </div>
</div>

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

</div>
<?php require_once "Views/templates/footer.php";?>