

<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.flash.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"></script>
	


	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left"><i class="fa fa-book"></i> Reporte personal</h1>
					<ol class="breadcrumb float-right">
						<a id="btnNuevo" role="button" href="#" class="btn btn-secondary" style="margin-right: 10px;"><span class="btn-label"><i class="fa fa-search"></i></span>Consultar</a>
						<a id="btnExportar" role="button" href="#" class="btn btn-secondary" style="margin-right: 10px;"><span class="btn-label"><i class="fa fa-file-pdf-o"></i></span>Exportar</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>Operador</th>
							 <th>Servicio</th>
							  <th>Fecha</th>
							  <th>Buque</th>
							  <th>Cliente</th>
							  <th>Operación</th>
							</tr>			
						  </thead>
					</table>
				</div>														
			</div><!-- end card-->					
		</div>	
	</div>
    <!-- end row -->
	
	<input type="hidden" id="hfIdSeleccionado">
	<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 usuario</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-lg-6">
							<div class="form-group">
								<label>Fecha inicio</label>
								<input class="form-control" id="txtFechaInicio" type="email" onfocus="removeHas('txtFechaInicio');">
							</div>
						</div>  
						
						<div class="col-lg-6">
							<div class="form-group">
								<label>Fecha fin</label>
								<input id="txtFechaFin" class="form-control" type="text" onfocus="removeHas('txtFechaFin');">
							</div>
						</div>  
					</div>
					<div class="row">
						<div class="col-lg-12">
							<div class="form-group">
								<label>Personal</label>
								<select id="ddlPersonal" name="role_id" class="form-control" onfocus="removeHas('ddlRol');">
								</select>
							</div>
						</div>    
					</div>
									
				</div>             
				
				<div class="modal-footer">
					<button id="btnConsultar" class="btn btn-secondary"><i class="iconoBoton fa fa-search"></i>Consultar</button>
				</div>
					
				
			</div>
		</div>
	</div>
	
			<!-- Servicio -->
	<div class="modal fade" id="popupServicio" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
		  <div class="modal-body">
			<iframe id="iframepdfServicio" style="width: 100%;height:500px"></iframe>
		  </div>
		  <div class="modal-footer">
			<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/cascaronReportePersonal.js"></script>	
<script src="<?php echo ADMIN_URL;?>/Scripts/reportePersonal.js"></script>
