<!DOCTYPE html>
<html lang="en">
                          
<?php $this->load->view("template/header"); ?>
<?php $this->load->view("template/nav"); ?>
        
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Ver ReporteMincit</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                    <!-- <li class="breadcrumb-item"><a href="#" onclick="mySession()" class="nav-link">Cerrar Sesión</a></li> -->
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

	<!-- SECCION DE INFORMACION -->
    <div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Información ReporteMincit </h3>
			<div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button>  
            </div>
			<!-- /.card-tools -->
        </div>
        <!-- /.card-header -->

        <!-- Main content -->              
		<div class="card-body" style="display: none">
			<fieldset class="border p-2">
				<legend class="w-auto">Información del Documento</legend>
				<div class="row">
					<div class="col-sm-1">
						<div class="form-group">
							<label>No.Dcto</label>
							<input type="text"  name="opt_numero_orden" class="form-control" id="opt_numero_orden"  disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-1">
						<div class="form-group">
							<label>Dcto</label>
							<input type="text"  name="opt_dcto_orden" class="form-control" id="opt_dcto_orden"  disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-2">
						<div class="form-group">
							<label>Fecha Orden</label>
							<input type="text" name="opt_fecha_orden" class="form-control" id="opt_fecha_orden" disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-2">
						<div class="form-group">
							<label>Fecha Cargue</label>
							<input type="text" name="opt_fcargue_orden" class="form-control" id="opt_fcargue_orden"   disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-2">
						<div class="form-group">
							<label>Hora Cargue</label>
							<input type="text" name="opt_hcargue_orden" class="form-control" id="opt_hcargue_orden"   disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-2">
						<div class="form-group">
							<label>Fecha Descargue</label>
							<input type="text" name="opt_fdescargue_orden" class="form-control" id="opt_fdescargue_orden"  disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-2">
						<div class="form-group">
							<label>Hora Descargue</label>
							<input type="text" name="opt_hdescargue_orden" class="form-control" id="opt_hdescargue_orden"  disabled>
						</div>
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->

				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>Estado Orden</label>
							<input type="text" name="opt_estado_orden" class="form-control" id="opt_estado_orden"   disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-3">
						<div class="form-group">
							<label>Origen Cargue</label>
							<input type="text" name="opt_origen_orden" class="form-control" id="opt_origen_orden"   disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-3">
						<div class="form-group">
							<label>Destino Descargue</label>
							<input type="text" name="opt_destino_orden" class="form-control" id="opt_destino_orden"   disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-3">
						<div class="form-group">
							<label>No. Remesa</label>
							<input type="text" name="opt_remesa_orden" class="form-control" id="opt_remesa_orden"  disabled>
						</div>
					</div>
					<!-- /.col -->    
				</div>
				<!-- /.row -->

				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>Estado Remesa</label>
							<input type="text" name="opt_estado_remesa" class="form-control" id="opt_estado_remesa"   disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-3">
						<div class="form-group">
							<label>No. Manifiesto</label>
							<input type="text" name="opt_manifiesto_orden" class="form-control" id="opt_manifiesto_orden"   disabled>
						</div>
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</fieldset>
			<br>

			<div class="row">
				<div class="col-md-6">
					<fieldset class="border p-2">
						<legend class="w-auto">Información Propietario</legend>
						
						<div class="row">
						<div class="col-sm-6">
								<div class="form-group">
									<label>Nombre Completo</label>
									<input type="text" name="opt_nombre_prop" class="form-control" id="opt_nombre_prop"  disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>Cédula</label>
									<input type="text" name="opt_cedula_prop" class="form-control" id="opt_cedula_prop"   disabled>
								</div>
							</div>

							<div class="col-sm-6">
								<div class="form-group">
									<label>Teléfono</label>
									<input type="text" name="opt_telefono_prop" class="form-control" id="opt_telefono_prop"  disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>E-mail</label>
									<input type="text" name="opt_email_prop" class="form-control" id="opt_email_prop"   disabled>
								</div>
							</div>
							<!-- /.col -->
						</div>
						<!-- /.row -->
					</fieldset>
					<br>
				</div>
				<!-- /.col -->

				<div class="col-md-6">
					<fieldset class="border p-2">
						<legend class="w-auto">Información Conductor</legend>
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label>Nombre Completo</label>
									<input type="text" name="opt_nombre_cond" class="form-control" id="opt_nombre_cond"  disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>Cédula</label>
									<input type="text" name="opt_cedula_cond" class="form-control" id="opt_cedula_cond"   disabled>
								</div>
							</div>

							<div class="col-sm-6">
								<div class="form-group">
									<label>Teléfono</label>
									<input type="text" name="opt_telefono_cond" class="form-control" id="opt_telefono_cond"  disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>E-mail</label>
									<input type="text" name="opt_email_cond" class="form-control" id="opt_email_cond"   disabled>
								</div>
							</div>
							<!-- /.col -->
						</div>
						<!-- /.row -->
					</fieldset>
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->

			<div class="row">
				<div class="col-md-6">
					<fieldset class="border p-2">
						<legend class="w-auto">Información Cliente</legend>
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label>Nit</label>
									<input type="text" name="opt_nit_cliente" class="form-control" id="opt_nit_cliente"   disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>Razón social</label>
									<input type="text" name="opt_razonsocial_cliente" class="form-control" id="opt_razonsocial_cliente"  disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>Teléfono</label>
									<input type="text" name="opt_telefono_cliente" class="form-control" id="opt_telefono_cliente"  disabled>
								</div>
							</div>

							<div class="col-sm-6">
								<div class="form-group">
									<label>E-mail</label>
									<input type="text" name="opt_email_cliente" class="form-control" id="opt_email_cliente"   disabled>
								</div>
							</div>
						</div>
						<!-- /.row -->
					</fieldset>
					<br>
				</div>
				<!-- /.col -->

				<div class="col-md-6">
					<fieldset class="border p-2">
						<legend class="w-auto">Información Vehículo</legend>
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label>Placa</label>
									<input type="text" name="opt_placa" class="form-control" id="opt_placa"  disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>Tipo de vehiculo</label>
									<input type="text" name="opt_tipoveh" class="form-control" id="opt_tipoveh" disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>Marca</label>
									<input type="text" name="opt_marca" class="form-control" id="opt_marca"  disabled>
								</div>
							</div>
							<!-- /.col -->

							<div class="col-sm-6">
								<div class="form-group">
									<label>Tipo de afiliación</label>
									<input type="text" name="opt_tipo_afi" class="form-control" id="opt_tipo_afi"  disabled>
								</div>
							</div>
							<!-- /.col -->
						</div>
						<!-- /.row -->
					</fieldset>
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->		
		</div>
		<!-- /.card-body -->
	</div>
    <!-- /.card card-secondary -->	
	
	<!-- SECCION DE VER ReporteMincit -->
	<div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Ver ReporteMincit</h3>
			<div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button>  
            </div>
			<!-- /.card-tools -->	
        </div>
        <!-- /.card-header -->

        <!-- Main content -->		
		<div class="card-body">
			<div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
				<div class="row">
					<div class="col-sm-12">
						<table id="example1" class="table table-bordered table-striped dataTable dtr-inline" role="grid" aria-describedby="example1_info">
							<thead>
							<tr role="row">
								<th class="sorting sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending" style="">#</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending" style="">No.Dcto</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending" style="">Dcto</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="Platform(s): activate to sort column ascending" style="width: 7%">Fecha</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="Engine version: activate to sort column ascending" style="">Hora</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="">Id Ruta</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="">Ruta</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="">Punto Control</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="">Novedad</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="">Reporte</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="">Vehículo</th>
								<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="">Detalle Seguimiento</th>
							</thead>
							<tbody>
									
							</tbody>
							<tfoot>
							<tr>
								<th rowspan="1" colspan="1" style="">#</th>
								<th rowspan="1" colspan="1" style="">No.Dcto</th>
								<th rowspan="1" colspan="1" style="">Dcto</th>
								<th rowspan="1" colspan="1" style="">Fecha</th>
								<th rowspan="1" colspan="1" style="">Hora</th>
								<th rowspan="1" colspan="1" style="">Id Ruta</th>
								<th rowspan="1" colspan="1" style="">Ruta</th>
								<th rowspan="1" colspan="1" style="">Punto Control</th>
								<th rowspan="1" colspan="1" style="">Novedad</th>
								<th rowspan="1" colspan="1" style="">Reporte</th>
								<th rowspan="1" colspan="1" style="">Vehículo</th>
								<th rowspan="1" colspan="1" style="">Detalle Seguimiento</th>
								
							</tr>
							</tfoot>
						</table>
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.example1 -->
		</div>
		<!-- /.card-body -->
    </div>
    <!-- /.card card-secondary -->
	
	<!-- SECCION DE SEGUIMIENTO -->
	<div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Realizar ReporteMincit </h3>	
        </div>
        <!-- /.card-header -->

        <!-- Main content -->		
		<div class="card-body">
			<fieldset class="border p-2">
				<legend class="w-auto">Detalle Seguimiento</legend>
				<div class="row">
					<div class="col-sm-2">
						<div class="form-group">
							<label>Fecha Seguimiento</label>
							<input type="text" name="opt_fecha_seg" class="form-control" id="opt_fecha_seg"  disabled>
						</div>
					</div>
						<!-- /.col -->

					<div class="col-sm-2">
						<div class="form-group">
							<label>Hora Seguimiento</label>
							<input type="text" name="opt_hora_seg" class="form-control" id="opt_hora_seg"  disabled>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-3">
						<div class="form-group">
							<label>Punto de Control</label>
							<select class="form-control" id="cmb_punto_control">
								<option value="">--Seleccionar--</option>
								<option value="0">Programado</option>
								<?php foreach($manifiesto as $k2) { ?>
									<option value="<?=$k2['IdPunto']?>"><?=$k2['ObservProg']?></option>
								<?php } ?>     
							</select>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-3">
						<div class="form-group">
							<label>Tipo de novedad</label>
							<select class="form-control" id="cmb_tipo_novedad">
								<option value="">--Seleccionar-- </option>
								<option value="0">Programado</option>
								<?php foreach($novedad as $k3) { ?>
									<option value="<?=$k3['IdNov']?>"><?=$k3['Novedad']?></option>
								<?php } ?>     
							</select>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-2" hidden>
						<label></label>
						<br>
						<button type="button" class="btn btn-success" id="btn_agregar_articulos" >Ver ReporteMincit</button>
					</div>
					<!-- /.col -->
				</div>

				<!-- /.row -->
				<div class="row" hidden>
					<div class="col-sm-2">
						<div class="form-group">
							<label>Compañia</label>
							<textarea type="text" name="opt_cia_orden" class="form-control" id="opt_cia_orden"  ></textarea>
						</div>
					</div>
					<!-- /.col -->
					<div class="col-sm-2">
						<div class="form-group">
							<label>Tipo Reporte</label>
							<textarea type="text" name="opt_treporte_orden" class="form-control" id="opt_treporte_orden"  ></textarea>
						</div>
					</div>
					<!-- /.col -->
					<div class="col-sm-2">
						<div class="form-group">
							<label>Estado</label>
							<textarea type="text" name="opt_estremesa_orden" class="form-control" id="opt_estremesa_orden"  ></textarea>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-2">
						<div class="form-group">
							<label>Ruta</label>
							<textarea type="text" name="opt_ruta_orden" class="form-control" id="opt_ruta_orden"  ></textarea>
						</div>
					</div>
					<!-- /.col -->

				</div>
				<!-- /.row -->

				<div class="row">
					<div class="col-sm-12">
						<div class="form-group">
							<label>Observación</label>
							<textarea type="text" name="opt_detalle_seg" class="form-control" id="opt_detalle_seg"  ></textarea>
						</div>
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</fieldset>
		</div>
		<!-- /.card-body -->
		<div class="card-footer">
			<button style="float: left"  type="button" class="btn btn-secondary col-md-1 " id="btn_cancelar_seguimiento">Cancelar </button>
			<button style="float: right" type="button" class="btn btn-primary col-md-1 " id="btn_guardar_seguimiento">Guardar </button>
			<br>
		</div>
		<!-- /.card footer -->   
    </div>
    <!-- /.card card-secondary -->

                           
            <!-- Main row -->
            <div class="row">
                <!-- Left col -->
                <section class="col-lg-7 connectedSortable">
                    <!-- Custom tabs (Charts with tabs)-->

                    <!-- /.card -->
                    </section>
                        <!-- /.Left col -->
                        <!-- right col (We are only adding the ID to make the widgets sortable)-->
                    <section class="col-lg-5 connectedSortable">

                </section>
                 <!-- right col -->
            </div>
            <!-- /.row (main row) -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->

	<?php $this->load->view("template/footer"); ?>

</div>
<!-- /.content-wrapper -->

<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->

<!--Modal para enviar mensajes -->
<div class="modal fade " id="modal-correo"  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-correo">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Enviar Correo de ReporteMincit</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
			<div class="modal-body">
                <div class="card-body">
					<form>
						<div class="form-group">
                  			<label>Correo Electrónico</label> 
							<textarea class="form-control" type="email" name="email" id="email" rows="5" ></textarea>	
						</div>
              									
						<div class="form-group">
							<label>Mensaje</label>
							<textarea class="form-control" name="message" id="message" rows="8" ></textarea>
						</div>
					</form>
                </div>
                <!-- /.card-body -->
            </div>

            <div class="modal-footer justify-content-between">
                <button style="float: left"  type="button" class="btn btn-secondary col-md-1  " id="btn_cancelar_correo" data-dismiss="modal">Cancelar </button>
                <button style="float: right" type="button" class="btn btn-primary col-md-1 " id="btn_enviar_correo" >Enviar </button>
                
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal fade show -->

<!-- ======================================================================================================================================================================================================= -->
     <!-- jQuery -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery/jquery.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/jquery/jquery.min.js"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery-ui/jquery-ui.min.js"></script>
    <!-- jQuery Mask -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery-Mask/jquery.mask.min.js"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
        $.widget.bridge('uibutton', $.ui.button)
    </script>
    <!-- Bootstrap 4 -->
    <script src="<?php echo base_url() ?>assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- ChartJS -->
    <script src="<?php echo base_url() ?>assets/plugins/chart.js/Chart.min.js"></script>
    <!-- Sparkline -->
    <!-- <script src="<?php echo base_url() ?>assets/plugins/sparklines/sparkline.js"></script> -->
    <!-- JQVMap  -->
    <script src="<?php echo base_url() ?>assets/plugins/jqvmap/jquery.vmap.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
    <!-- jQuery Knob Chart -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery-knob/jquery.knob.min.js"></script>
    <!-- daterangepicker -->
    <script src="<?php echo base_url() ?>assets/plugins/moment/moment.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/daterangepicker/daterangepicker.js"></script>
    <!-- Tempusdominus Bootstrap 4 -->
    <script src="<?php echo base_url() ?>assets/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
    <!-- Summernote -->
    <script src="<?php echo base_url() ?>assets/plugins/summernote/summernote-bs4.min.js"></script>
    <!-- overlayScrollbars -->
    <script src="<?php echo base_url() ?>assets/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
    <!-- AdminLTE App -->
    <script src="<?php echo base_url() ?>assets/dist/js/adminlte.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="<?php echo base_url() ?>assets/dist/js/demo.js"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
     <!-- <script src="<?php echo base_url() ?>assets/dist/js/pages/dashboard.js"></script> -->
	<!-- SweetAlert -->
	<script src="<?php echo base_url() ?>assets/plugins/sweetalert2/sweetalert2.all.min.js"></script>
    <!-- AdminLTE Datatable components -->
    <script src="<?php echo base_url() ?>assets/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/jszip/jszip.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/pdfmake/pdfmake.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/pdfmake/vfs_fonts.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.print.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
	
<!-- ======================================================================================================================================================================================================= -->

    <script>
        //aca ya carga la data no necesito enviar nuevamente  
        var vercargue=<?php echo json_encode($vercargue) ?>;
        var ReporteMincit=<?php echo json_encode($ReporteMincit) ?>;
        var clientes=<?php echo json_encode($clientes) ?>;
        var conductores=<?php echo json_encode($conductores) ?>;
        var vehiculos=<?php echo json_encode($vehiculos) ?>;
        var propietario=<?php echo json_encode($propietario) ?>;
		var ruta=<?php echo json_encode($ruta) ?>;
		var despacho=<?php echo json_encode($despacho) ?>;
		var locorigen=<?php echo json_encode($locorigen) ?>;
		var locdestino=<?php echo json_encode($locdestino) ?>;

		var placa_sel="";
		var order_sel="";
		var cliente_sel="";
		var cadena="";

        $(document).ready (function() {
        
			//======================= Orden Cargue ===========================
			$('#opt_numero_orden').val(vercargue[0].NumOrden);   
			$('#opt_dcto_orden').val(vercargue[0].TipDoc);   
			$('#opt_fecha_orden').val(vercargue[0].Fecha); 
			$('#opt_fcargue_orden').val(vercargue[0].FecDespacho);
			$('#opt_hcargue_orden').val(vercargue[0].HoraDespacho);
			$('#opt_fdescargue_orden').val(vercargue[0].FecEntrega);
			$('#opt_hdescargue_orden').val(vercargue[0].HoraLlegada);
			$('#opt_estado_orden').val(vercargue[0].Estado);   
			$('#opt_origen_orden').val(locorigen[0].Localidad); 
			$('#opt_destino_orden').val(locdestino[0].Localidad);
			$('#opt_estado_remesa').val(vercargue[0].Estado); 

			if (despacho.length === 0) {  
				$('#opt_remesa_orden').val(0);  
				$('#opt_manifiesto_orden').val(0);
			}else{
				$('#opt_remesa_orden').val(despacho[0].Remesa);  
				$('#opt_manifiesto_orden').val(despacho[0].Manifiesto);
			}; 

			$('#opt_cia_orden').val(vercargue[0].IdCia); 
			$('#opt_treporte_orden').val('Manual'); 
			$('#opt_estremesa_orden').val(vercargue[0].IdEstado); 
			$('#opt_ruta_orden').val(ruta[0].IdRuta); 
			
			//================== Información Propietario =========================
			$('#opt_nombre_prop').val(propietario[0].RazonSocial);
			$('#opt_cedula_prop').val(propietario[0].IdTercero);
			$('#opt_telefono_prop').val(propietario[0].Telefono);   
			$('#opt_email_prop').val(propietario[0].e_mail); 

			//================== Información conductor =========================
			$('#opt_nombre_cond').val(conductores[0].RazonSocial);
			$('#opt_cedula_cond').val(conductores[0].IdTercero);
			$('#opt_telefono_cond').val(conductores[0].Telefono);   
			$('#opt_email_cond').val(conductores[0].e_mail); 

			//================== Información cliente =========================
			$('#opt_nit_cliente').val(clientes[0].IdTercero);
			$('#opt_razonsocial_cliente').val(clientes[0].RazonSocial);
			$('#opt_telefono_cliente').val(clientes[0].Telefono);   
			$('#opt_email_cliente').val(clientes[0].e_mail); 

			//================== Información vehiculo =========================
			$('#opt_placa').val(vehiculos[0].IdVehiculo);
			$('#opt_tipoveh').val(vehiculos[0].TipoVehiculo);
			$('#opt_marca').val(vehiculos[0].Marca);   
			$('#opt_tipo_afi').val(vehiculos[0].TipoAfil); 

			//========================= Seguimiento ==========================
			const fecha = new Date();
			fechaini=formatoFecha(fecha, 'dd-mm-yyyy');
			horaini=formatoHora(fecha, 'HH:mm');
			$('#opt_fecha_seg').val(fechaini);
			$('#opt_hora_seg').val(horaini);   
			
			$("#example1").DataTable({
                data: ReporteMincit,
				iDisplayLength: 30,
                destroy: true,
				searching: false,
				order: [[ 0, "desc" ]],
                columns:
                [
                    {data : 'IdSeguimiento'},
                    {data : 'NumOrden'},
                    {data : 'TipoDoc'},
                    {data : 'FechaSeguimiento'},
                    {data : 'HoraSeguimiento'}, 
                    {data : 'IdRuta'},
                    {data : 'Ruta'},
                    {data : 'PtoControl'},
                    {data : 'Novedad'},
                    {data : 'TipoReporte'},
                    {data : 'IdVehiculo'},
                    {data : 'DetalleSeguimiento'}
                    
                ],
                responsive: true, "lengthChange": false, "autoWidth": false,
                buttons: ["copy", "csv", "excel", "pdf", "print"]
            });

		});

		//Boton Cancelar Seguimiento
		$("#btn_cancelar_seguimiento").click(function () 
		{ 
			window.location.href="<?php echo base_url() ?>Reservas/listReservas";
		});

		//Guardar Seguimiento
		$("#btn_guardar_seguimiento").click(function (){

			//capturar los valores
			var NumOrden=$('#opt_numero_orden').val();
			var TipoDoc=$('#opt_dcto_orden').val();
			var IdCia=$('#opt_cia_orden').val();
			var FechaSeguimiento=$('#opt_fecha_seg').val();
			var HoraSeguimiento=$('#opt_hora_seg').val();
			var IdUsuario = 1;           
			var DetSeg=$('#opt_detalle_seg').val();
			//Reemplazar caracteres
			var	DetalleSeguimiento = DetSeg .replaceAll('á', '&aacute')
											.replaceAll('é', '&eacute')
											.replaceAll('í', '&iacute')
											.replaceAll('ó', '&oacute')
											.replaceAll('ú', '&uacute')
											.replaceAll('ñ', '&ntilde')
											.replaceAll('Á', '&Aacute')
											.replaceAll('É', '&Eacute')
											.replaceAll('Í', '&Iacute')
											.replaceAll('Ó', '&Oacute')
											.replaceAll('Ú', '&Uacute')
											.replaceAll('Ñ', '&Ntilde');
			var IdRuta=$('#opt_ruta_orden').val();   
			var TipoReporte=$('#opt_treporte_orden').val();
			var IdNov=$('#cmb_tipo_novedad').val();
			var IdEstado=$('#opt_estremesa_orden').val();
			var IdPtoControl=$('#cmb_punto_control').val();
			var IdVehiculo=$('#opt_placa').val();
			var Manifiesto=$('#opt_manifiesto_orden').val();
			
			//Validaciones de front end
			if(IdPtoControl =='')        {Swal.fire("Error", "Se deben Seleccionar el Punto de Control para el Seguimiento", "error"); return;}
			if(IdNov =='')               {Swal.fire("Error", "Se deben Seleccionar la Novedad para el Seguimiento", "error");          return;} 
			if(DetalleSeguimiento =='')  {Swal.fire("Error", "Se deben Diligenciar el Detalle del Seguimiento", "error");              return;} 

			$.ajax({

				url: '<?php echo base_url() ?>ReporteMincit/insertReporteMincit',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'NumOrden'          : NumOrden,
						'TipoDoc'           : TipoDoc,
 						'IdCia'             : IdCia,
						'FechaSeguimiento'  : FechaSeguimiento,
						'HoraSeguimiento'   : HoraSeguimiento,
						'IdUsuario'         : IdUsuario, 
						'DetalleSeguimiento': DetalleSeguimiento,
						'IdRuta'            : IdRuta,
						'TipoReporte'       : TipoReporte,
						'IdNov'             : IdNov,
						'IdEstado'          : IdEstado,
						'IdPtoControl'      : IdPtoControl,
						'IdVehiculo'        : IdVehiculo,
						'Manifiesto'		: Manifiesto
				}//formato json Data   
						
			}).done(function(dato) 
			{
				//convierto la respuesta json
				var obj = JSON.parse(dato); 
				if (obj.res == 'ok') {
					//llamamos al controlador
					//Swal.fire("Información",obj.msg, "success");
					
					Swal.fire({
						title: '¿Desea Enviar el Seguimiento al Correo Electrónico?',
						text: "Esta opcion Enviara el correo!",
						icon: "warning",
						showCancelButton: true,
						confirmButtonColor: '#3085d6',
						cancelButtonColor: '#d33',
						confirmButtonText: 'Eliminar',
						cancelButtonText: 'Cancelar'
                    }).then((result) => {
						if (result.isConfirmed) 
						{
							//Registro de sesion cerrada.
							btn_abrir_correo(); 
						} else {
							window.location.href="<?php echo base_url() ?>Reservas/listReservas/";
						}
					});
				}
			});
		});

		//Modal Abrir Correo
        function btn_abrir_correo(){
			//Cargar Ventana Modal
			order_sel = $('#opt_numero_orden').val();
			placa_sel = $('#opt_placa').val();
			cliente_sel=$('#opt_nit_cliente').val();
			
			//llamada a micro servicio de validacion
            $.ajax({
                url: '<?php echo base_url() ?>Habitaciones/searchHabitaciones',//controlador
                type: "POST",//tipo de peticion POST o GET
                headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
                data: {'Cliente': cliente_sel}//formato json Data
                                        
            }).done(function(dato) {
                        
                //convierto la respuesta json
                Habitaciones=JSON.parse(dato);
							
				for(i=0;i<Habitaciones.length;i++){
                    if(cadena.length>0){
						cadena=cadena+"; "+Habitaciones[i].CorreoElectronico;
					}else{
						cadena=Habitaciones[i].CorreoElectronico;
					}
            
					$('#email').val(cadena);
                };
				
				$("#modal-correo").modal("show");
				
			});
		
		}

		//Enviar Correo ReporteMincit
		$("#btn_enviar_correo").click(function () { 
					
			var Subject="Seguimiento del vehiculo de placa "+placa_sel;
			var Email=$('#email').val();
			var Message=$('#message').val();

			$.ajax({

				url: '<?php echo base_url() ?>Reservas/enviarCorreo',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: {'Subject': Subject, 'Email': Email, 'Message': Message, 'NumOrder': order_sel,'IdVehiculo':placa_sel}//formato json Data   
						
			}).done(function(dato) {
				//convierto la respuesta json
				var obj = JSON.parse(dato); 
				if (obj.res == 'ok') {
					//llamamos al controlador  
					window.location.href="<?php echo base_url() ?>Reservas/listReservas/";
				}else{

					Swal.fire("error",obj.msg, "error");  
					
				}
			});			

		});

		$("#opt_detalle_seg").bind('keypress', function(event) 
		{
			var regex = new RegExp("^[a-zA-Z0-9-,.:;ÑñáéíóúñÁÉÍÓÚÑ() ]+$");
			var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
			if (!regex.test(key)) {
				event.preventDefault();
				return false;
			}
		});

		//Función para formato de fecha
		function formatoFecha(fecha, formato) { 
			dia=fecha.getDate();
				if(dia<10){dia='0'+dia;}
			mes=fecha.getMonth() + 1;
				if(mes<10){mes='0'+mes;}
			ano=fecha.getFullYear();
			return ano+'-'+mes+'-'+dia; 
		
		};

		//Función para formato de hora
		function formatoHora(fecha, formato){
			hora = fecha.getHours();
				if(hora<10){hora='0'+hora;}
			minuto = fecha.getMinutes();
				if(minuto<10){minuto='0'+minuto;}
			
			return hora+':'+minuto; 
		};

	</script>

  


