<script src="<?php echo ADMIN_URL;?>/assets/js/jquery.dataTables.min.js"></script>
<script src="<?php echo ADMIN_URL;?>/assets/js/dataTables.bootstrap4.min.js"></script>

<div id="divClientes">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left"><i class="fa fa-user"></i> Clientes</h1>
					<ol class="breadcrumb float-right">
						<a id="btnNuevo" role="button" href="#" class="btn btn-secondary"><span class="btn-label"><i class="fa fa-plus"></i></span>Nuevo</a>
                    </ol>
                    <div class="clearfix"></div>
            </div>
		</div>
	</div>
	<div class="row">
	
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">						
			<div class="card mb-12">
				<div class="card-header">
					<h3><i class="fa fa-table"></i> Catalogo de usuarios</h3>					
				</div>
					
				<div class="card-body">
					<table id="tablaDatos" class="table table-bordered table-hover display" cellspacing="0" width="100%">
						  <thead>
							<tr>
							  <th data-field="id">Nombre corto</th>
							  <th data-field="name">Nombre completo</th>
							  <th data-field="price"></th>
							</tr>			
						  </thead>
					</table>
				</div>														
			</div><!-- end card-->					
		</div>	
	</div>
    <!-- end row -->
</div>

<input type="hidden" id="hfIdSeleccionado">
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal_add_user" id="popupDetalleCliente" aria-hidden="true" style="display: none;">
	<div class="modal-dialog">
    	<div class="modal-content">
        			
            <div class="modal-header">
          	<h5 class="modal-title" id="modal_add_user">Detalles del cliente</h5>
			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>          	
			</div>
				
			<div class="modal-body">               
					<div class="row">
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="form-group">
							<label>Razon social</label>
								<input id="txtRazonSocial" class="form-control"  type="text" onfocus="removeHas('txtRazonSocial');">
							</div>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-6">
							<div class="form-group">
							<label>Nombre corto</label>
								<input id="txtNombreCorto" class="form-control"  type="text" onfocus="removeHas('txtNombreCorto');">
							</div>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-6">
							<div class="form-group">
							<label>RFC</label>
								<input id="txtRfc" class="form-control"  type="text" onfocus="removeHas('txtRfc');">
							</div>
						</div>
						
						<div class="col-sm-12 col-md-6 col-lg-12">
							<div class="form-group">
							<label>Domicilio</label>
								<input id="txtDomicilio" class="form-control"  type="text" onfocus="removeHas('txtDomicilio');">
							</div>
						</div>
						
						<div class="col-sm-12 col-md-6 col-lg-6">
							<div class="form-group">
							<label>Contacto</label>
								<input id="txtContacto" class="form-control"  type="text" onfocus="removeHas('txtContacto');">
							</div>
						</div>
											
						<div class="col-sm-12 col-md-6 col-lg-6">
							<div class="form-group">
							<label>correo</label>
								<input id="txtCorreo" class="form-control"  type="text" onfocus="removeHas('txtCorreo');">
							</div>
						</div>
						
						<div class="col-sm-6 col-md-6 col-lg-4">
							<div class="form-group">
							<label>No.Exterior</label>
								<input id="txtNoExterior" class="form-control"  type="number" onfocus="removeHas('txtNoExterior');">
							</div>
						</div>						
						
						<div class="col-sm-6 col-md-6 col-lg-4">
							<div class="form-group">
							<label>No. Interior</label>
								<input id="txtNoInterior" class="form-control"  type="number" onfocus="removeHas('txtNoInterior');">
							</div>
						</div>

						<div class="col-sm-6 col-md-6 col-lg-4">
							<div class="form-group">
							<label>C.P</label>
								<input id="txtCp" class="form-control"  type="number" onfocus="removeHas('txtCp');">
							</div>
						</div>						
						
						<div class="col-sm-6 col-md-6 col-lg-4">
							<div class="form-group">
							<label>Telefono</label>
								<input id="txtTelefono" class="form-control"  type="number" onfocus="removeHas('txtTelefono');">
							</div>
						</div>
										
						<div class="col-sm-6 col-md-6 col-lg-4">
							<div class="form-group">
							<label>Descuento</label>
								<input id="txtDescuento" class="form-control"  type="number" onfocus="removeHas('txtDescuento');">
							</div>
						</div>
						
						<div class="col-sm-6 col-md-6 col-lg-4">
							<div class="form-group">
							<label>Comision</label>
								<input id="txtComision" class="form-control"  type="number" onfocus="removeHas('txtComision');">
							</div>
						</div>
						
						<div class="col-sm-12 col-md-6 col-lg-6">
							<div class="form-group">
								<label>Tipo facturacion</label>								
								<select id="ddlTipoFacturacion" name="role_id" class="form-control" onfocus="removeHas('ddlTipoFacturacion');">
									<option value="-1">- Seleccione -</option>
									<option value="1">Por servicio</option>
									<option value="2">Por viaje</option>
								</select>
							</div>
						</div>
											
						<div class="col-sm-12 col-md-6 col-lg-6">
							<div class="form-group">
							<label>Fecha corte</label>
								<input id="txtFechaCorte" class="form-control"  type="text" onfocus="removeHas('txtFechaCorte');">
							</div>
						</div>
						
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="form-group">
								<label>Uso CFDI</label>								
								<select id="ddlUsoCFDI" name="role_id" class="form-control" onfocus="removeHas('ddlUsoCFDI');">
								</select>
							</div>
						</div>
						
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="form-group">
								<label>Metodo pago</label>								
								<select id="ddlMetodoPago" name="role_id" class="form-control" onfocus="removeHas('ddlMetodoPago');">
								</select>
							</div>
						</div>
						
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="form-group">
								<label>Formas pago</label>								
								<select id="ddlFormasPago" name="role_id" class="form-control" onfocus="removeHas('ddlFormasPago');">
								</select>
							</div>
						</div>

						<div class="col-sm-6 col-md-6 col-lg-6">
							<div class="form-group">
							<label>Etiqueta Buque</label>
								<input id="txtEtiquetaBuque" class="form-control"   onfocus="removeHas('txtEtiquetaBuque');">
							</div>
						</div>	

						<div class="col-sm-6 col-md-6 col-lg-6">
							<div class="form-group">
							<label>Etiqueta Viaje</label>
								<input id="txtEtiquetaViaje" class="form-control"  onfocus="removeHas('txtEtiquetaViaje');">
							</div>
						</div>	

					</div>
            </div>             
			
			<div class="modal-footer">
				<button id="btnGuardar" class="btn btn-secondary"><i class="iconoBoton fa fa-save"></i>Guardar</button>
				<button id="btnActualizar" class="btn btn-secondary"><i class="iconoBoton fa fa-save"></i>Actualizar</button>
				<button id="btnEliminar" class="btn btn-secondary"><i class="iconoBoton fa fa-trash"></i>Eliminar</button>
				<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="iconoBoton fa fa-close"></i>Cancelar</button>
			</div>
				
			
        </div>
	</div>
</div>


<script src="<?php echo ADMIN_URL;?>/Scripts/catClientes.js"></script>
