<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="divGeneral">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder" style="padding-bottom: 15px;">
				<h1 class="main-title float-left"><i class="fa fa-users"></i> Clientes <span class="etiquetaVerde">Personal<span></span></span></h1>
					<ol class="breadcrumb float-right">
						
                    </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">
					<h6><i class="fa fa-table iconoBoton"></i>Clientes registrados</h6>					
				</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</th>
							  <th data-field="name">Patente</th>
							  <th data-field="price"></th>
							</tr>			
						  </thead>
					</table>
				</div>														
			</div><!-- end card-->					
		</div>	
	</div>
    <!-- end row -->
</div>
<div id="divDetalle" style="display:none">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left"> Cliente: <span id="spanClienteEncabezado" class="etiquetaVerde"><span></span></span></h1>
					<ol class="breadcrumb float-right">
						<a id="btnRegresar" role="button" href="#" class="btn btn-secondary" style="margin-right: 10px;"><span class="btn-label"><i class="fa fa-mail-reply"></i></span>Regresar</a>
						<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">
					<h6><i class="fa fa-table iconoBoton"></i> Tarifas registradas</h6>					
				</div>
					
				<div class="card-body">
					<table id="tablaDetalle" class="table table-bordered table-hover display" cellspacing="0" width="100%">
						  <thead>
							<tr>
							  <th>Tipo carga</th>
							  <th>Tipo servicio</th>
							  <th>Tipo Imo</th>
							  <th style="width:150px">Peso</th>
							  <th>Costo</th>
							  <th></th>
							</tr>			
						  </thead>
					</table>
				</div>														
			</div><!-- end card-->					
		</div>	
	</div>
    <!-- end row -->
</div>

<input type="hidden" id="hfIdCliente">
<input type="hidden" id="hfIdPersonal">
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal_add_user" id="popupDetalle" 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 personal</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="col-lg-12">
					<div class="form-group">
						<label>Tipo carga</label>
						<select id="ddlTipoCarga" name="role_id" class="form-control" onfocus="removeHas('ddlRol');">
							<option value="-1">-Seleccione-</option>
							<option value="1">Contenerizada</option>
							<option value="2">Suelta</option>
						</select>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="form-group">
						<label>Tipo Servicio</label>
						<select id="ddlTipoServicio" name="role_id" class="form-control" onfocus="removeHas('ddlRol');">
							<option value="-1">-Seleccione-</option>
							<option value="1">Inspección y Revisión</option>
							<option value="2">Inspección ocular</option>
						</select>
					</div>
				</div>
				<div id="divImo" class="col-lg-12">
					<div class="form-group">
						<label>Imo</label>
						<select id="ddlImo" name="role_id" class="form-control" onfocus="removeHas('ddlImo');">
							<option value="0">No</option>
							<option value="1">Si</option>
						</select>
					</div>
				</div>
				<div id="divPeso" class="col-lg-12">
					<div class="form-group">
						<label>Tipo peso</label>
						<select id="ddlTipoPeso" name="role_id" class="form-control" onfocus="removeHas('ddlTipoPeso');">							
						</select>
					</div>
				</div>
				<div class="col-sm-12 col-md-12 col-lg-12">
					<div class="form-group">
					<label>Costo</label>
						<input id="txtCosto" class="form-control" type="text" onfocus="removeHas('txtCosto');">
					</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/catClientesTarifas.js"></script>
