<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="divGenerales"> 
	<input type="hidden" value="0" id="hfNidServicio">
	<input type="hidden" value="0" id="hfNidCliente">
	<input type="hidden" value="0" id="hfNidFactura">
	<input type="hidden" value="0" id="hfUuid">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder" style="padding-bottom: 10px;">
				<h1 class="main-title float-left"><i class="fa fa-folder"></i> Servicios <span class="etiquetaVerde" id="spanTitulo">Historico<span></span></span></h1>
					<ol class="breadcrumb float-right">
					<a id="btnFiltrar" role="button" href="#" class="btn btn-secondary" style="margin-right: 10px;"><span class="btn-label"><i class="fa fa-filter"></i></span>Filtros</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-body">
					<ul class="nav nav-tabs">
					  <li><a class="nav-item nav-link active" id="nav-contact-tab" data-toggle="tab" href="#serviciosTerminados" role="tab" aria-controls="nav-contact" aria-selected="false">Terminados</a></li>
					  <li><a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#serviciosFacturados" role="tab" aria-controls="nav-contact" aria-selected="false">Facturados</a></li>					  
					</ul>

					<div class="tab-content">
					  <div id="serviciosTerminados" class="tab-pane fade show active">
						<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-body">
										<table id="tablaServiciosTerminados" class="table table-bordered table-hover display" cellspacing="0" width="100%">
											<thead>
												<tr>
													<th>Folio</th>
													<th>Fecha registro</th>
													<th>Tipo carga</th>
													<th>Contenedor</th>
													<th>Cantidad</th>
													<th>Imo</th>
													<th></th>
												</tr>							
											</thead>
											<tbody>
												
											</tbody>
										</table>
									</div>
								</div>
							</div>			
						</div>	
					  </div>
					  <div id="serviciosFacturados" class="tab-pane fade">
						<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-body">
										<table id="tablaServiciosFacturados" class="table table-bordered table-hover display" cellspacing="0" width="100%">
											<thead>
												<tr>
													<th>Folio</th>
													<th>Factura</th>
													<th>Fecha registro</th>
													<th>Tipo carga</th>
													<th>Contenedor</th>
													<th>Cantidad</th>
													<th>Imo</th>
													<th></th>
												</tr>							
											</thead>
											<tbody>
												
											</tbody>
										</table>
									</div>
								</div>
							</div>			
						</div>	
					  </div>
					</div>
				</div>
			</div>
		</div>			
	</div>	
</div>	

<div id="divDetalle" style="display:none">
	<input type="hidden" id="hfNidServicio">
	
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left"> Folio: MOV<span class="etiquetaVerde" id="spanFolio"> - - - <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="btnImprimir" role="button" href="#" class="btn btn-secondary" style="margin-right: 10px;"><span class="btn-label"><i class="fa fa-print"></i></span>Imprimir</a>					
					<a id="btnFacturar" role="button" href="#" class="btn btn-danger" style="margin-right: 10px;"><span class="btn-label"><i class="fa fa-dollar"></i></span>Facturar</a>
				</ol>
                <div class="clearfix"></div>
            </div>
		</div>
	</div>
	
    <!-- end row -->
	<div class="row">
	
		<div class="col-xs-12 col-sm-12 col-lg-12" style="margin-top: 1rem;margin-bottom: 1rem;border: 0;border-bottom: 1px solid rgba(0,0,0,.1);">
			<div class="row">
			<div class="col-sm-10">
				<strong><h6><i class="fa fa-file-o" style="padding-right: 10px;padding-left: 5px;"></i>Servicio <span class="etiquetaVerde" id="spanFolio">Generales<span></h6></strong>
			</div>
			<div class="col-sm-2 pull-right" style="text-align: right;font-size: 24px;">
				<a href="javascript:ventanaActualizaGenerales()"><i class="fa fa-plus-circle" style="padding-right: 25px;padding-left: 5px;"></i></a>
			</div>
			</div>
		</div>

		<div class="col-xs-12 col-sm-6 col-lg-6">
			<table class="table tablaInformativa">
				<tbody>										
					<tr>
						<td class="tablaEtiqueta"><strong>Agencia:</strong></td>
						<td class="tablaDato"><span id="spanAgencia"> - - - </span></td>
					</tr>					
					<tr>
						<td class="tablaEtiqueta"><strong>Dependiente:</strong></td>
						<td class="tablaDato"><span id="spanDependiente"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Tipo carga:</strong></td>
						<td class="tablaDato"><span id="spanTipoCarga"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Tipo servicio:</strong></td>
						<td class="tablaDato"><span id="spanTipoServicio"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Importador:</strong></td>
						<td class="tablaDato"><span id="spanImportador"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Cantidad:</strong></td>
						<td class="tablaDato"><span id="spanCantidad"> - - - </span></td>
					</tr>					
				</tbody>
			</table>
		</div>
		<div class="col-xs-12 col-sm-6 col-lg-6">
			<table class="table tablaInformativa">
				<tbody>										
					<tr>
						<td class="tablaEtiqueta"><strong>Patente:</strong></td>
						<td class="tablaDato"><span id="spanPatente"> - - - </span></td>
					</tr>					
					<tr>
						<td class="tablaEtiqueta"><strong>Vista/Fiscal:</strong></td>
						<td class="tablaDato"><span id="spanFiscal"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Imo:</strong></td>
						<td class="tablaDato"><span id="spanImo"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Cant. Desconsolidar:</strong></td>
						<td class="tablaDato"><span id="spanCantidadDesconsolidar"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Binomio canino:</strong></td>
						<td class="tablaDato"><span id="spanCanino"> - - - </span></td>
					</tr>
					<tr>
						<td class="tablaEtiqueta"><strong>Peso:</strong></td>
						<td class="tablaDato"><span id="spanPeso"> - - - </span></td>
					</tr>					
				</tbody>
			</table>
		</div>
		
		<div class="col-xs-12 col-sm-12 col-lg-12">
			<table class="table tablaInformativa">
				<tbody>										
					<tr>
						<td class="tablaEtiqueta" style="width: 150px;"><strong>Facturar:</strong></td>
						<td class="tablaDato"><span id="spanFacturar"> - - - </span></td>
					</tr>
					<tr>
					    <td class="tablaEtiqueta" style="width: 150px;"><strong>Observaciones Carga:</strong></td>
						<td class="tablaDato"><span id="spanObservacionesCarga"> - - - </span></td>
					</tr>
					<tr>
					    <td class="tablaEtiqueta" style="width: 150px;"><strong>Observaciones Desconsolidacion:</strong></td>
						<td class="tablaDato"><span id="spanObservacionesDesc"> - - - </span></td>
					</tr>
					<tr>
					    <td class="tablaEtiqueta" style="width: 150px;"><strong>Observaciones Muestreo:</strong></td>
						<td class="tablaDato"><span id="spanObservacionesMuestreo"> - - - </span></td>
					</tr>					
				</tbody>
			</table>
		</div>
		
		<div class="col-xs-12 col-sm-12 col-lg-12" style="margin-top: 1rem;margin-bottom: 1rem;border: 0;border-bottom: 1px solid rgba(0,0,0,.1);">
			<strong><h6><i class="fa fa-file-text-o" style="padding-right: 10px;padding-left: 5px;"></i>Servicio <span class="etiquetaVerde" id="spanFolio">Pedimentos<span></h6></strong>
		</div>

		<div class="col-xs-12 col-sm-12 col-lg-12">
			<table id="tablaPedimentos" class="table tablaInformativa">
				<thead>
					<tr>
						<th>
							Pedimento
						</th>
						<th>
							Referencia
						</th>
					</tr>
				</thead>
			</table>
		</div>
		
		<div id="divEncabezadoContenedor" class="col-xs-12 col-sm-12 col-lg-12" style="margin-top: 1rem;margin-bottom: 1rem;border: 0;border-bottom: 1px solid rgba(0,0,0,.1);">
			<strong><h6><i class="fa fa-cubes" style="padding-right: 10px;padding-left: 5px;"></i>Servicio <span class="etiquetaVerde" id="spanFolio">Contenedores<span></h6></strong>
		</div>

		<div id="divTablaContenedor" class="col-xs-12 col-sm-12 col-lg-12">
			<table id="tablaContenedor" class="table tablaInformativa">
				<thead>
					<tr>
						<th>
							Dimension
						</th>
						<th>
							Contenedor
						</th>
						<th>
							Sello original
						</th>
						<th>
							Sello nuevo
						</th>
						<th>
							
						</th>
					</tr>
				</thead>
			</table>
		</div>
		
		<div class="col-xs-12 col-sm-12 col-lg-12" style="margin-top: 1rem;margin-bottom: 1rem;border: 0;border-bottom: 1px solid rgba(0,0,0,.1);">
			<div class="row">
			<div class="col-sm-10">
				<strong><h6><i class="fa fa-wrench" style="padding-right: 10px;padding-left: 5px;"></i>Servicio <span class="etiquetaVerde" id="spanFolio">Material utilizado<span></h6></strong>
			</div>
			<div class="col-sm-2 pull-right" style="text-align: right;font-size: 24px;">
				<a href="javascript:agregarMaterial()"><i class="fa fa-plus-circle" style="padding-right: 25px;padding-left: 5px;"></i></a>
			</div>
			</div>
		</div>

		<div class="col-xs-12 col-sm-12 col-lg-12">
			<table id="tablaMateriales" class="table tablaInformativa">
				<thead>
					<tr>
						<th>
							Descripcion
						</th>
						<th>
							Cantidad
						</th>
						<th>
							UM
						</th>
						<th>
							
						</th>
					</tr>
				</thead>
			</table>
		</div>
		
		<div class="col-xs-12 col-sm-12 col-lg-12" style="margin-top: 1rem;margin-bottom: 1rem;border: 0;border-bottom: 1px solid rgba(0,0,0,.1);">
			<strong><h6><i class="fa fa-users" style="padding-right: 10px;padding-left: 5px;"></i>Servicio <span class="etiquetaVerde" id="spanFolio">Pesonal moversa<span></h6></strong>
		</div>

		<div class="col-xs-12 col-sm-12 col-lg-12">
			<table id="tablaPersonal" class="table tablaInformativa">
				<thead>
					<tr>
						<th>
							Nombre
						</th>
					</tr>
				</thead>
			</table>
		</div>
		
		<div class="col-xs-12 col-sm-12 col-lg-12" style="margin-top: 1rem;margin-bottom: 1rem;border: 0;border-bottom: 1px solid rgba(0,0,0,.1);">
			<strong><h6><i class="fa fa-gear" style="padding-right: 10px;padding-left: 5px;"></i>Servicio <span class="etiquetaVerde" id="spanFolio">Bitacora<span></h6></strong>
		</div>

		<div class="col-xs-12 col-sm-12 col-lg-12">
			<table id="tablaBitacora" class="table tablaInformativa">
				<thead>
					<tr>
						<th>
							Descripcion
						</th>
						<th>
							Fecha-Hora
						</th>
					</tr>
				</thead>

			</table>
		</div>
		<div class="col-xs-12 col-sm-12 col-lg-12" style="margin-top: 1rem;margin-bottom: 1rem;border: 0;border-bottom: 1px solid rgba(0,0,0,.1);">
			<strong><h6><i class="fa fa-dollar" style="padding-right: 10px;padding-left: 5px;"></i>Servicio <span class="etiquetaVerde" id="spanFolio">Totales<span></h6></strong>
		</div>

		<div class="col-xs-12 col-sm-12 col-lg-12">
			<table class="table">
				<thead>
					<tr>
						<th>
							Monto servicio
						</th>
						<th>
							Monto Material
						</th>
						<th>
							Total
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="tablaDato"><span id="spanMontoServicio"> - - - </span></td>
						<td class="tablaDato"><span id="spanMontoMaterial"> - - - </span></td>
						<td class="tablaDato"><span id="spanTotal"> - - - </span></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>

	<!-- FILTROS -->
	<div class="modal fade" id="popupFiltros" 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">Filtros para la busqueda</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="col-xs-6">
				<div class="form-group">
					<label>Desde</label>
					<div class="input-group mb-2 mr-sm-2">
						<div class="input-group-prepend">
							<div class="input-group-text"><i class="fa fa-calendar" aria-hidden="true"></i></div>
						</div>
						<input id="txtFechaInicio" type="text" class="form-control" >
					</div>                                 
				</div>
			</div>
			<div class="col-xs-6">
				<div class="form-group">
					<label>Hasta</label>
					<div class="input-group mb-2 mr-sm-2">
						<div class="input-group-prepend">
							<div class="input-group-text"><i class="fa fa-calendar" aria-hidden="true"></i></div>
						</div>
						<input id="txtFechaFinal" type="text" class="form-control">
					</div>                                 
				</div>
			</div>
			<div class="col-xs-6">
				<div class="form-group">
					<label>Folio</label>
					<div class="input-group mb-2 mr-sm-2">
						<div class="input-group-prepend">
							<div class="input-group-text"><i class="fa fa-gear" aria-hidden="true"></i></div>
						</div>
						<input type="txtFolio" class="form-control">
					</div>                                 
				</div>
			</div>			
		  </div>
		  <div class="modal-footer">
		    <button id="btnConsultar" type="button" class="btn btn-secondary"><i class="iconoBoton fa fa-search"></i> Consultar</button>
			<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="iconoBoton fa fa-close"></i>Cancelar</button>			
		  </div>
		</div>
	  </div>
	</div>
	
		<!-- CONTENEDOR -->
	<div class="modal fade" id="popupContenedor" 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">Datos contenedor</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="col-xs-6">
				<div class="form-group">
					<label>Dimencion</label>
					<div class="input-group mb-2 mr-sm-2">						
						<select id="ddlTipoContenedor" class="form-control">
							<option value="1">Contenedor 20</option>
							<option value="2">Contenedor 40</option>
						</select>
					</div>                                 
				</div>
			</div>
			<div class="col-xs-6">
				<div class="form-group">
					<label>Contenedor</label>
					<div class="input-group mb-2 mr-sm-2">
						<input id="txtContenedor" type="text" class="form-control">
					</div>                                 
				</div>
			</div>
			<div class="col-xs-6">
				<div class="form-group">
					<label>Sello original</label>
					<div class="input-group mb-2 mr-sm-2">
						<input type="text" id="txtSelloOriginal" class="form-control">
					</div>                                 
				</div>
			</div>
			<div class="col-xs-6">
				<div class="form-group">
					<label>Sello nuevo</label>
					<div class="input-group mb-2 mr-sm-2">
						<input type="text" id="txtSelloNuevo" class="form-control">
					</div>                                 
				</div>
			</div>			
		  </div>
		  <div class="modal-footer">
		    <button id="btnActualizaContenedor" type="button" class="btn btn-secondary"><i class="iconoBoton fa fa-save"></i> Guardar</button>
			<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="iconoBoton fa fa-close"></i>Cancelar</button>			
		  </div>
		</div>
	  </div>
	</div>
	
	<!-- MATERIAL -->
	<div class="modal fade" id="popupMaterial" 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">Datos del material</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="col-xs-6">
				<div class="form-group">
					<label>Material</label>
					<div class="input-group mb-2 mr-sm-2">						
						<select id="ddlMaterial" class="form-control">
						</select>
					</div>                                 
				</div>
			</div>
			<div class="col-xs-6">
				<div class="form-group">
					<label>Cantidad</label>
					<div class="input-group mb-2 mr-sm-2">
						<input id="txtCantidad" type="number" class="form-control">
					</div>                                 
				</div>
			</div>		
		  </div>
		  <div class="modal-footer">
		    <button id="btnGuardarMaterial" type="button" class="btn btn-secondary"><i class="iconoBoton fa fa-save"></i> Guardar</button>
			<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="iconoBoton fa fa-close"></i>Cancelar</button>			
		  </div>
		</div>
	  </div>
	</div>
	
		<!-- MATERIAL -->
	<div class="modal fade" id="popupGenerales" 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">Datos del material</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="col-xs-6">
				<div class="form-group">
					<label>Agencia</label>
					<div class="input-group mb-2 mr-sm-2">						
						<select id="ddlAgencias" class="form-control select2">
						</select>
					</div>                                 
				</div>
			</div>
			<div class="col-xs-6">
				<div class="form-group">
					<label>Dependiente</label>
					<div class="input-group mb-2 mr-sm-2">
						<select id="ddlDependientes" class="form-control">
						</select>
					</div>                                 
				</div>
			</div>		
		  </div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="iconoBoton fa fa-close"></i>Cancelar</button>			
			<button id="btnActualizarGenerales" class="btn btn-danger"><i class="iconoBoton fa fa-save"></i>Actualizar</button>
		  </div>
		</div>
	  </div>
	</div>
	
	<!-- COMPLEMENTO DE PAGO -->
<div class="modal fade" id="popupDatosComplementoPago" 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="modal_add_user">Complemento de pago</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" id="divGeneralPago">
				<div class="col-sm-4 col-lg-4">
					<div class="form-group">
					<label>Monto</label>
						<input id="txtMonto" class="form-control" onfocus="removeHas('txtMonto');" type="text">
					</div>
				</div>
				<div class="col-sm-4 col-lg-4">
					<div class="form-group">
					<label>Fecha pago</label>
						<input id="txtFechaPago" class="form-control" onfocus="removeHas('txtFechaPago');" type="text">
					</div>
				</div>
				<div class="col-sm-4 col-lg-4">
					<div class="form-group">
					<label>Numero operacion</label>
						<input id="txtNumOperacion" class="form-control" onfocus="removeHas('txtNumOperacion');" type="text">
					</div>
				</div>
				<div class="col-sm-12 col-lg-12">
					<div class="form-group">
					<label>Banco ordenante</label>
						<input id="txtBancoOrdenante" class="form-control" onfocus="removeHas('txtBancoOrdenante');" type="text">
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-lg-12 col-lg-12">
						<div class="form-group">
						<label>Forma de pago</label>
							<select id="ddlFormasPago" name="role_id" class="form-control" onfocus="removeHas('ddlFormasPago');">
							</select>
						</div>
				</div>
				<div class="col-sm-6 col-lg-6">
					<div class="form-group">
					<label>RFC cuenta ordenante</label>
						<input id="txtRfcOrdenante" class="form-control" onfocus="removeHas('txtRfcOrdenante');" type="text">
					</div>
				</div>

				<div class="col-sm-6 col-lg-6">
					<div class="form-group">
					<label>Cuenta ordenante</label>
						<input id="txtCuentaOrdenante" class="form-control" onfocus="removeHas('txtCuentaOrdenante');" type="text">
					</div>
				</div>


				<div class="col-sm-6 col-lg-6">
					<div class="form-group">
					<label>RFC cuenta beneficiario</label>
						<input id="txtRfcBeneficiario" class="form-control" onfocus="removeHas('txtRfcBeneficiario');" type="text">
					</div>
				</div>

				<div class="col-sm-6 col-lg-6">
					<div class="form-group">
					<label>Cuenta beneficiario</label>
						<input id="txtCuentaBeneficiario" class="form-control" onfocus="removeHas('txtCuentaBeneficiario');" type="text">
					</div>
				</div>
			</div>
			<div class="row" id="divGenerandoPago" style="display:none; text-align:center">
				<div id="divProcesandoFacturacion" style="text-align:center;font-size: 18px;color: red;">
						<div>GENERANDO COMPLEMENTO DE PAGO</div>
						<div>ESPERE...</div>
				</div>
			</div>
		</div>
		<div class="modal-footer" id="divFooter">
			<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="iconoBoton fa fa-close"></i>Cancelar</button>
			<button id="btnGenerarComplemento" class="btn btn-danger"><i class="iconoBoton fa fa-file"></i>Facturar</button>					
		</div>
	</div>
	</div>
</div>

    <!-- MODAL CAPTURAR GASTO  -->
	<input type="hidden" value="0" id="hfNidServicio">
    <div class="modal fade" id="popupFacturando">
        <div class="modal-dialog">
            <div class="modal-content modal-xl">
                <div class="modal-header">
                    <h5 class="modal-title">Facturacion</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 id="divProcesandoFacturacion" style="text-align:center;font-size: 18px;color: red;">
						<div>CERRANDO SERVICIO Y FACTURANDO</div>
						<div>ESPERE...</div>
					</div>
                    <div id="divResultadoFacturacion" class="row" style="display:none">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="form-group">
                                <label>Factura:<span id="spanResultadoFacturacion"></span></label>
                                <div>
                                    <textarea id="txtResultadoFacturacion" class="form-control" rows="3" placeholder="Maximo 200 caracteres ..."></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btnSalirFacturacion" style="display:none" type="button" class="btn btn-default" data-dismiss="modal"><i class="imgBotton fa fa-times-circle"></i> Salir</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

	<script src="../test_soap/test.js"></script>
	<script src="<?php echo ADMIN_URL;?>/Scripts/reporteServicio.js"></script>
	<script src="<?php echo ADMIN_URL;?>/Scripts/serviciosTerminados.js"></script>
