@extends('menu/menu')
<style>
	.mostrar {
		display: none;
	}

	@media (max-width: 768px) {
		.mostrar {
			display: block;
		}
	}

	.selectBox {
		position: relative;
	}

	.overSelect {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	#checkboxes2 {
		display: none;
		border: 1px #dadada solid;
		background-color: white;
	}

	#checkboxes2 label {
		display: block;
	}

	#checkboxes2 label:hover {
		background-color: #1e90ff;
	}

	/* canvas {
		width: 250px;
		height: 250px;
		background-color: #fff;
	}

	@media screen and (max-width: 768px) {
		canvas {
			width: 250px;
			height: 250px;
			z-index: 99999;
			float: center;
			background-color: #fff;
		}
	} */
</style>

<script src="{{ asset('js/jquery-3.4.1.min.js')  ?? ''}}"></script>
{{-- <script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script> --}}
<script src="{{ asset('js/html2canvas.js')  ?? ''}}"></script>
@section('content')
@if ( session('mensaje') )
<div class="alert alert-success">{{ session('mensaje') }}</div>
@endif
@if ( session('mensaje_error') )
<div class="alert alert-danger">{{ session('mensaje_error') }}</div>
@endif

<!-- body code goes here -->
<div class="mostrar" style="text-align: right">
	<a href="javascript: history.go(-1)"><img src="img/volver.png"></a>
</div>

<!-- body code goes here -->
<div class="container mt-5">
	<div class="title-vista mt-4">Checklist Servicios</div>
</div>

<div class="container my-5">

	<form action="{{route('finalizar.checklist.servicios',Crypt::encryptString($asignacion_solicitudes[0]->idAsig)) }}" method="POST" class="needs-validation" novalidate>
					@csrf
					<!-- Fila 1 ------------------------------------------------------>
					<div class="seccion-filtro">Asignación</div> 
					<hr class="separador">
					<div class="row">
						<input type="hidden" value="{{$accion ?? ''}}" name="acc">
						<div class="col-sm-6 form-group ali">
						<label for="">Proyecto asociado</label>
						<input type="" class="form-control mayuscula" id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" placeholder="" value="{{$apiSolicitud[0]->nombre ?? ''}}">
					</div>
                    <div class="col-sm-3 form-group">
                        <label for="">Numero OT</label>
                        <input type="text" required class="form-control mayuscula" id="" placeholder="" name="numeroOT" value="{{$asignacion_solicitudes[0]->numero_ot	 ?? ''}}" >

                    </div>
					</div>
					<!-- Fila 2 ------------------------------------------------------>
					<div class="seccion-filtro mt-2">Detalla del cliente</div> 
					<hr class="separador">
					<div class="row">
						<div class="col-sm-3 form-group">
							<label for="">Cliente</label>
							<input type="" class="form-control mayuscula" id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" value="{{$apiSolicitud[0]->razon_social ?? ''}}">
						</div>
						<div class="col-sm-3 form-group">
							<label for="">Fecha</label>
							<input type="" class="form-control mayuscula" id="" placeholder="FECHA" name="" style="pointer-events: none" readonly="readonly" value="{{Carbon\Carbon::createFromDate($asignacion_solicitudes[0]->fecha ?? '')->format('d-m-Y') ?? ''}}" name="">
						</div>
						<div class="col-sm-3 form-group">
							<label for="">Dirección</label>
							<input type="" class="form-control mayuscula"  id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" value="{{$asignacion_solicitudes[0]->sDireccion ?? ''}}" name="">
						</div>
						<div class="col-sm-3 form-group">
							<label for="">Comuna</label>
							<input type="" class="form-control mayuscula"  id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" value="{{$asignacion_solicitudes[0]->sComuna ?? ''}}" name="">
						</div>
						<!-- Fila 3 ------------------------------------------------------>
						<div class="col-sm-6 form-group">
							<label for="">Contacto</label>
							<input type="" class="form-control mayuscula" id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" value="{{$asignacion_solicitudes[0]->sContacto ?? ''}}" name="">
						</div>
						<div class="col-sm-3 form-group">
							<label for="">Telefono</label>
							<input type="" class="form-control mayuscula" id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" value="{{$asignacion_solicitudes[0]->sTelefono ?? ''}}" name="">
						</div>
					
					</div>

					<!-- Fila 4 ------------------------------------------------------>
					<div class="seccion-filtro mt-2">Detalle de equipamiento</div> 
					<hr class="separador">
					<div class="row">
                        <div class="col-sm-3 form-group">
							<label for="">Modelo</label>
							<input type="" class="form-control mayuscula" id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" value="{{$asignacion_solicitudes[0]->sModelo ?? ''}}" name="">
						</div>
						<div class="col-sm-3 form-group">
							<label for="">Contadores B/N (*)</label>
							<input type="" required class="form-control mayuscula" id="" placeholder="" name="contadorBN" value="{{$asignacion_solicitudes[0]->contador_bn ?? ''}}" >
						</div>
                        <div class="col-sm-3 form-group">
							<label for="">Contadores Color (*)</label>
							<input type="" required class="form-control mayuscula" id="" placeholder="" name="ContadorColor"  value="{{$asignacion_solicitudes[0]->contador_color ?? ''}}"  name="">
						</div>
						<div class="col-sm-3 form-group">
							<label for="">Serie</label>
							<input type="" required  class="form-control mayuscula" id="" placeholder="" name="" style="pointer-events: none" readonly="readonly" value="{{$asignacion_solicitudes[0]->sSerie ?? ''}}" name="">
						</div>
						<div class="col-sm-3 form-group">
							<label for="">IP (*)</label>
							<input type="" required class="form-control mayuscula" id="" placeholder="" name="ip"  value="{{$asignacion_solicitudes[0]->ip ?? ''}}" name="">
						</div>
                        <div class="col-sm-3 form-group">
							<label for="">USB (*)</label>
							<input type="" required class="form-control mayuscula" id="" placeholder="usb" name="usb"  value="{{$asignacion_solicitudes[0]->usb ?? ''}}" name="">
						</div>
                        
						
						<!-- Fila 5 ------------------------------------------------------>
						
						<!-- Fila 6 ------------------------------------------------------>
					
						<!-- Fila 7 ------------------------------------------------------>
					
					</div>

					<!-- Fila 9 - Accesorios ----------------------------------------------------->
					<div class="row">
						<div class="col-sm-12">
							<div class="seccion-filtro mt-2">Reporte del Cliente</div> 
							<hr class="separador">
							<div class="row">
								<!-- FILA 9.1 -->
								<div class="col-md-12 form-group ">
									<div class="">
										<label class="" for="">Descripcion</label>	
                                        <textarea class="form-control mayuscula"  required name="descripcionApiServicios" id="" cols="30" rows="10"> {{$asignacion_solicitudes[0]->descripcion ?? ''}}</textarea>
									</div>
								</div>
							
								<!-- FILA 9.2 -->
							
							
								<!-- FILA 9.3 -->
						
							
								<!-- FILA 8.4 -->
							
							</div>
						</div>
						<div class="col-sm-6">
							{{-- para diferenciar si es manual  o no  --}}
							@if(!empty($manual))
							<input type="text" id="tipo_instalacion" name="tipo_instalacion" style="display:none" value="{{$manual  ?? '' ?? ''}}">
							@else
							<input type="text" id="tipo_instalacion" name="tipo_instalacion" style="display:none" value="no">
							@endif

						</div>
					</div>

					<!-- Fila 10 - ----------------------------------------------------->
					<div class="seccion-filtro mt-2">Nº de serie, Componentes sustituidos</div> 
					<hr class="separador">

					<div class="row bg-destacar pt-3">
						<div class="col-sm-12 form-group checkbox d-flex">
							<label class="mr-3" for="">Tipo</label>
							<div class="custom-control custom-checkbox mr-3">
                @if($asignacion_solicitudes[0]->tipo_componente === "blanco y negro" )
                   <input type="checkbox" class="custom-control-input" id="maquina_b_n" name="maquina_b_n" checked  disabled>
                @else
                    <input type="checkbox" class="custom-control-input" id="maquina_b_n" name="maquina_b_n"  disabled>
                @endif
                <label class="custom-control-label" for="maquina_b_n">B/N</label>
							</div>
							<div class="custom-control custom-checkbox">
								
                @if($asignacion_solicitudes[0]->tipo_componente === "color" )
							    	<input  type="checkbox" class="custom-control-input" id="maquina_color" name="maquina_color" checked disabled>
                @else
                    <input  type="checkbox" class="custom-control-input" id="maquina_color" name="maquina_color" disabled>
                @endif
                <label class="custom-control-label" for="maquina_color">Color</label>
							</div>
						</div>

            <div class="col-sm-12">
              <table class="table table-hover" id="tabla2">
                <thead class="bg-light">
                  <th scope="col">Tipo</th>
				  <th scope="col">Nombre de Pieza</th>
                  <th scope="col">Numero Parte</th>
				  <th scope="col">S/N Parte</th>
                  
                  <th scope="col">Cantidad</th>
                </thead>
                <tbody id="agregar_accesorios2">
                  <td>DV - UN Revelado(s)</td>
                  @foreach ($tipo_equipamientos_dvRevelado as $key => $los_datos)
                  <tr class="2eliminar{{$key+1}}">
                    <td>
                      {{$los_datos->tipo}}
                    </td>
					<td>
						{{$los_datos->descripcion}}
					  </td>
                    <td>
                      {{$los_datos->numero_parte}}
                    </td>
                    <td>
						{{$los_datos->sn_parte}}
					  </td>
					
                  
                    <td>
                      {{$los_datos->cantidad}}
                    </td>
                    
                  </tr>
                  @endforeach
                  <td>DDK - UN Cilindro(s)</td>
                  @foreach ($tipo_equipamientos_dkCilindro as $key => $los_datos)
                  <tr class="2eliminar{{$key+1}}">
                    <td>
                      {{$los_datos->tipo}}
                    </td>
					<td>
						{{$los_datos->descripcion}}
					  </td>
					<td>
						{{$los_datos->numero_parte}}
					  </td>
					  <td>
						  {{$los_datos->sn_parte}}
						</td>
                 
                    <td>
                      {{$los_datos->cantidad}}
                    </td>
                    
                  </tr>
                  @endforeach
                  <td>Detalle del equipamiento</td>
                  @foreach ($tipo_equipamientos_detalleEquipamiento as $key => $los_datos)
                  <tr class="2eliminar{{$key+1}}">
                    <td>
                      {{$los_datos->tipo}}
                    </td>
					<td>
						{{$los_datos->descripcion}}
					  </td>
                    <td>
						{{$los_datos->numero_parte}}
					  </td>
					  <td>
						  {{$los_datos->sn_parte}}
						</td>
                   
                    <td>
                      {{$los_datos->cantidad}}
                    </td>
                    
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
					
					</div>

					<div class="seccion-filtro mt-2">Solicitud de accesorios</div> 
					<hr class="separador">
					<!-- Fila 13 ------------------>
					<div class="row bg-destacar py-3">
						<div class="col-sm-12 form-group checkbox d-flex">
							<label class="mr-3" for="">Solicitar accesorios</label>
							<div class="custom-control custom-checkbox mr-3">
							@if ( $asignacion_solicitudes[0]->solicita_acessorios === "si" )
                <input type="checkbox" class="custom-control-input" disabled checked id="accesorios_si" name="accesorios_si" >
              @else
                  <input type="checkbox" class="custom-control-input" disabled id="accesorios_si" name="accesorios_si" >
              @endif
                <label class="custom-control-label" for="accesorios_si">Si</label>
							</div>
							<div class="custom-control custom-checkbox mr-3">
							@if($asignacion_solicitudes[0]->solicita_acessorios === "no")
                   <input type="checkbox" class="custom-control-input" disabled checked id="accesorios_no" name="accesorios_no" >
              @else
                  <input type="checkbox" class="custom-control-input" disabled id="accesorios_no" name="accesorios_no" >
              @endif
              
                <label class="custom-control-label" for="accesorios_no" >No</label>
							</div>
						</div>

          	@if ( $asignacion_solicitudes[0]->solicita_acessorios === "si" )  

            			<!--MOTIVOS-->
						<div class="col-sm-12 form-group checkbox" id="motivos" style="display:">
                  <label for="" class="mr-3">Motivo</label>
                  <div class=" d-flex flex-wrap">
                    <div class="custom-control custom-checkbox mr-3">
                      <input type="checkbox" class="custom-control-input" checked disabled>
                      <label class="custom-control-label" for="motivo_1">{{$asignacion_solicitudes[0]->motivo_accesorio}}</label>
                    </div>
                  </div>
                  <!--FOTOS-->
                  <div class="container" id="fotos_accesorios" style="display:"><br><br>
                    <button class="btn btn-secundario px-sm-5 " type="button" data-toggle="modal" data-target="#myModal">Ver imagenes</button>
                  </div>

						</div>

            <!--ACCESORIOS DAÑADOS-->

                        	
						<div class="container" id="div_accesorios_solicitados" style="display:">
							<div class="row">
								<div class="col-sm-12 seccion-filtro mt-2">Accesorios Dañados</div>
								<hr class="container mx-3 separador">

								<div class="container mx-3 mb-2" id="" style="max-height: 300px; border: 1px solid #ddd; border-radius: 6px; background: #ffffff; overflow-y: scroll;">
									<table class="table table-hover">
										<tbody id="accesorios"></tbody>
									</table>
								</div>
								<div class="col-sm-12">
									<table class="table table-hover">
										<thead class="bg-light">
											<th scope="col">Nombre de la pieza</th>
											<th scope="col">Numero de parte</th>
											<th scope="col">S/N parte</th>
											<th scope="col">Cantidad</th>
									
										</thead>
										<tbody id="">
                      @foreach ($acceDanos as $key => $los_datos)
                      <tr class="2eliminar{{$key+1}}">
                        <td>
							{{$los_datos->descripcion}}
						  </td>
						  <td>
							{{$los_datos->articulo}}
						  </td>
						  <td>
							{{$los_datos->serie_parte}}
						  </td>
						  <td>
							{{$los_datos->cantidad}}
						  </td>
                        
                      </tr>
                      @endforeach
                    </tbody>
									</table>
								</div>
							</div>
						</div>
            		<!--ACCESORIOS A SOLICITAR-->
						<div class="container" id="div_accesorios_solicitados" style="display:">
							<div class="row">
								<div class="col-sm-12 seccion-filtro mt-2">Accsesorios a Solicitar</div>
								<hr class="container mx-3 separador">

								<div class="container mx-3 mb-2" id="" style="max-height: 300px; border: 1px solid #ddd; border-radius: 6px; background: #ffffff; overflow-y: scroll;">
									<table class="table table-hover">
										<tbody id="accesorios"></tbody>
									</table>
								</div>
								<div class="col-sm-12">
									<table class="table table-hover">
										<thead class="bg-light">
											<th scope="col">Nombre de la pieza</th>
											<th scope="col">Numero de parte</th>
											<th scope="col">S/N parte</th>
											<th scope="col">Cantidad</th>
									
										</thead>
										<tbody >

                      @foreach ($acceSoli as $key => $los_datos)
                      <tr class="2eliminar{{$key+1}}">
                        <td>
							{{$los_datos->descripcion}}
						  </td>
						  <td>
							{{$los_datos->articulo}}
						  </td>
						  <td>
							{{$los_datos->serie_parte}}
						  </td>
						  <td>
							{{$los_datos->cantidad}}
						  </td>
                        
                      </tr>
                      @endforeach

                    </tbody>
									</table>
								</div>
							</div>
						</div>
            @endif
			

					

						<!--ACCESORIOS DAÑADOS-->
						<div class="container" id="div_accesorios_danados" style="display:none">
							<div class="row">
								<div class="col-sm-12 seccion-filtro mt-2">Accesorios Dañados</div>
								<hr class="container mx-3 separador">

								<div class="col-sm-6 form-group">
									<label for="">Nombre de la pieza1</label>
									<input type="" class="form-control mayuscula" id="keywords2" placeholder="Nombre de la pieza" name="" value="" oninput="myFunction2()">
								</div>
								<!--<div class="col-sm-4 form-group">
									<label for="">ID</label>
									<input type="" class="form-control mayuscula" id="id_accesorio2" placeholder="ID" name="" value="" oninput="myFunction2()">
								</div>-->
								<div class="col-sm-6 form-group">
									<label for="">Número de la pieza</label>
									<input type="" class="form-control mayuscula" id="articulo2" placeholder="Número de la pieza" name="" value="" oninput="myFunction2()">
								</div>
								<div class="container mx-3 mb-2" id="" style="max-height: 300px; border: 1px solid #ddd; border-radius: 6px; background: #ffffff; overflow-y: scroll;">
									<table class="table table-hover">
										<tbody id="accesorios2"></tbody>
									</table>
								</div>
								<div class="col-sm-12">
									<table class="table table-hover">
										<thead class="bg-light">
											<th scope="col">Nombre de la pieza</th>
											<th scope="col">Numero de parte</th>
											<th scope="col">S/N parte</th>
											<th scope="col">Cantidad</th>
											<th scope="col">Acciones</th>
										</thead>
										<tbody id="agregar_accesorios2"></tbody>
									</table>
								</div>
							</div>
						</div>

						<!--ACCESORIOS A SOLICITAR-->
						<div class="container" id="div_accesorios_solicitados" style="display:none">
							<div class="row">
								<div class="col-sm-12 seccion-filtro mt-2">Seleccione Accesorios a solicitar</div>
								<hr class="container mx-3 separador">

								<div class="col-sm-6 form-group">
									<label for="">Nombre de la pieza</label>
									<input type="" class="form-control mayuscula" id="keywords" placeholder="Nombre de la pieza" name="" value="" oninput="myFunction()">
								</div>
								<!--<div class="col-sm-4 form-group">
									<label for="">ID</label>
									<input type="" class="form-control mayuscula" id="id_accesorio" placeholder="ID" name="" value="" oninput="myFunction()">
								</div>-->
								<div class="col-sm-6 form-group">
									<label for="">Número de la pieza</label>
									<input type="" class="form-control mayuscula" id="articulo" placeholder="Número de la pieza" name="" value="" oninput="myFunction()">
								</div>
								<div class="container mx-3 mb-2" id="" style="max-height: 300px; border: 1px solid #ddd; border-radius: 6px; background: #ffffff; overflow-y: scroll;">
									<table class="table table-hover">
										<tbody id="accesorios"></tbody>
									</table>
								</div>
								<div class="col-sm-12">
									<table class="table table-hover">
										<thead class="bg-light">
											<th scope="col">Nombre de la pieza</th>
											<th scope="col">Numero de parte</th>
											<th scope="col">S/N parte</th>
											<th scope="col">Cantidad</th>
											<th scope="col">Acciones</th>
										</thead>
										<tbody id="agregar_accesorios"></tbody>
									</table>
								</div>
							</div>
						</div>
					</div>

					<div class="seccion-filtro mt-2">Equipo operativo</div> 
					<hr class="separador">

					<div class="row">
				
						<div class="col-sm-12 form-group checkbox">
							<label for="cambio">Observaciones</label>
							<textarea required class="form-control mayuscula" id="cambio" name="obsercaviones" rows="4" name="observaciones">{{$asignacion_solicitudes[0]->observaciones ?? ''}}</textarea>
							<div class="invalid-feedback">Este campo es requerido!</div>
						</div>
					</div>

					<div class="seccion-filtro mt-2">Datos</div> 
					<hr class="separador">

					<div class="row">
						<div class="col-md-6">
							<div class="row">
								<div class="col-sm-12 form-group">
									<label for="">Datos del Técnico</label>
									<input  required type="text" class="form-control mayuscula" placeholder="DATOS DEL CONTACTO" name="contacto_firma" value="{{ $datosTrabajador[0]->nombre_uno  ?? ''}} {{ $datosTrabajador[0]->apellido_uno  ?? ''}}">

								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="row">
								<div class="col-sm-12 form-group">
									<label for="">Datos del Contacto</label>
									<input  required type="text" class="form-control mayuscula" placeholder="DATOS DEL CONTACTO" name="contacto_firma" value="{{ $asignacion_solicitudes[0]->nombre_contacto_firma  ?? ''}}">
								</div>

								<div class="col-sm-12 form-group">
									<label for="">Firma Contacto</h2>
								</div>
								
								@php
								$hora_actual = Carbon\Carbon::now();
								$date = $hora_actual->toTimeString();
								$hora_salida = "20:00:00";
								$hora_entrada = "08:00:00";
								@endphp
								
									<div class="col-sm-12 form-group checkbox check-space">
										<div class="custom-control custom-checkbox">
										@if($asignacion_solicitudes[0]->firma_contacto === "si")
											<input type="checkbox" class="custom-control-input"  id="no_firma_cliente" name="no_firma_cliente" >
										@else
									       	<input type="checkbox" class="custom-control-input" checked id="no_firma_cliente" name="no_firma_cliente" >

										@endif

											<label class="custom-control-label" for="no_firma_cliente">Cliente se niega a firmar</label>
										</div>
									</div>

									@if($asignacion_solicitudes[0]->firma_contacto === "si")	
										<div class="col-sm-12 form-group">
											<div id="contenido" class="container text-center bg-destacar mb-3" id='formCanvas'>
												<!-- <form id='formCanvas' method='post' action="{{route('guardandofotosprueba')}} " enctype='multipart/form-data'> -->
													<!-- @csrf -->
													<div class="container py-3 d-flex flex-wrap">
														<div class="mx-auto mb-3">
															{{-- Pizarra --}}
															
															<img id="pizarra" src="{{ asset ("fotos/".$asignacion_solicitudes[0]->url_firma)}}" alt="">
														</div>
													
													</div>
													
													<input type='hidden' name='imagen' id='imagen' />
												<!-- </form> -->
											</div>
								
										</div>
									@endif
								
							</div>
						</div>
					</div>
					<hr class="separador">

					<div class="row">
						<div class="col-sm-4 form-group ">
							<label for="">Estado</label>
							<select disabled name="estado_finalizado" required__* class="custom-select mayuscula col-mb-3" id="estado">
							<option value="terminado">{{$asignacion_solicitudes[0]->estado_seleccionado}}</option>
						
							</select>
							@error('estado')
							<div class="alert alert-danger">{{ $message }}</div>
							@enderror
						</div>
						<div class="col-sm-4 form-group ">
							
						</div>
						
					</div>
					{{$asignacion_solicitudes[0]->estado_interno}}
					@if($asignacion_solicitudes[0]->estado_interno != "tarea_asignada" & $asignacion_solicitudes[0]->estado_interno != "INICIADO")	
					<div class="seccion-filtro mt-2">Imágenes</div> 
					<hr class="separador">
					
						<div class="row">
							<div class="col-sm-12 form-group">	
							@if($asignacion_solicitudes[0]->estado_interno == "REASIGNAR")	
													
									<div class="text-center modo-escritorio">
									<button class="btn btn-secundario px-sm-5 " type="button" data-toggle="modal" data-target="#myModalTresFotos">Ver imagenes</button>
								</div>
							@else	
							
								{{-- <div class="text-center modo-escritorio">
									<a class="btn btn-ter" target="_blank" href="{{route('generar.pdfCordinadoraServicios',Crypt::encryptString($asignacion_solicitudes[0]->idAsig ?? ''))}}"> 
									<span class="material-icons-round icon-midle">picture_as_pdf</span> Ver PDF</a>
								</div> --}}
								<div class="text-center modo-escritorio">
									<button class="btn btn-secundario px-sm-5 " type="button" data-toggle="modal" data-target="#myModalTresFotos">Ver imagenes</button>
								</div>
								<div class="text-center modo-escritorio">
									<a class="btn btn-prim w-25 float-sm-right"  href="{{route('consumir.Ainstalacionservicios',Crypt::encryptString($asignacion_solicitudes[0]->idAsig))}}">Aceptar</a>
								</div>
								<div class="text-center modo-escritorio">
									<button class="btn btn-secundario w-25 float-sm-right mr-2" id="rechazar" type="button">Rechazar</button>
								</div>
								<div class="text-center modo-escritorio">
									<a class="btn btn-secundario w-25 float-sm-right reasignar">Reasignar</a>
								</div>	
							
								{{-- <div class="text-center modo-mobil">
									
								</div> --}}
							</div>
							@endif
						</div>
					

				
					@endif	
			</div>
	</form>
</div>
<!-- FIN BARRA DE BUSQUEDA -->

<!--Modal Ver imágenes------------------------------------------->
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
            
      <div class="modal-header">
        <h4 class="seccion-modal">Ver Imágenes</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <hr class="separador ml-4 mr-4">

      <div class="modal-body">
        <div class="container">
          <!--Carrusel----------------------------------------------->
          <div id="demo" class="carousel slide" data-ride="carousel">
                            
            <!--Indicaciones-->
            <ul class="carousel-indicators">
              <li data-target="#demo" data-slide-to="0" class="active"></li>
              <li data-target="#demo" data-slide-to="1"></li>
              <li data-target="#demo" data-slide-to="2"></li>
            </ul>                
                            
            <div class="carousel-inner">
              {{$valor = 0}}
                @if(!empty($fotos))
                @foreach ($fotos   as $los_datos)
                          
                @if($valor == 0)
                  <div class="carousel-item active">
                    <img src="{{ asset ("fotos/".$los_datos->url) ?? ''}}" alt="cajas" width="500" height="500">
                  </div>
                {{$valor=1}}
                @else

                <div class="carousel-item">
                  <img src="{{ asset ("fotos/".$los_datos->url ) ?? ''}}" alt="joya 1" width="500" height="500">
                </div>

                @endif
                @endforeach
                @endif                
            </div>
                            
            <!--Controles del acrrusel-->
            <a class="carousel-control-prev" href="#demo" data-slide="prev">
              <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#demo" data-slide="next">
              <span class="carousel-control-next-icon"></span>
            </a>             
          </div>
      <!--Fin Carrusel---------------------------------------->
        </div>
      </div>

      <div class="modal-footer">
          <button type="button" class="btn btn-prim w-25 mx-auto" data-dismiss="modal">Cerrar</button>
      </div>          
    </div>
  </div>
</div>


<!--Modal Ver imágenes-------------son las tres de abajo------------------------------>
<div class="modal" id="myModalTresFotos">
  <div class="modal-dialog">
    <div class="modal-content">
            
      <div class="modal-header">
        <h4 class="seccion-modal">Ver Imágenes</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <hr class="separador ml-4 mr-4">

      <div class="modal-body">
        <div class="container">
          <!--Carrusel----------------------------------------------->
          <div id="demo2" class="carousel slide" data-ride="carousel">
                            
            <!--Indicaciones-->
            <ul class="carousel-indicators">
              <li data-target="#demo2" data-slide-to="0" class="active"></li>
              <li data-target="#demo2" data-slide-to="1"></li>
              <li data-target="#demo2" data-slide-to="2"></li>
            </ul>                
                            
            <div class="carousel-inner">
              {{$valor = 0}}
                @if(!empty($fotos_servicios_cheks))
                @foreach ($fotos_servicios_cheks   as $los_datos)
                          
                @if($valor == 0)
                  <div class="carousel-item active">
                    <img src="{{ asset ("fotos/".$los_datos->url) ?? ''}}" alt="cajas" width="500" height="500">
                  </div>
                {{$valor=1}}
                @else

                <div class="carousel-item">
                  <img src="{{ asset ("fotos/".$los_datos->url ) ?? ''}}" alt="joya 1" width="500" height="500">
                </div>

                @endif
                @endforeach
                @endif                
            </div>
                            
            <!--Controles del acrrusel-->
            <a class="carousel-control-prev" href="#demo2" data-slide="prev">
              <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#demo2" data-slide="next">
              <span class="carousel-control-next-icon"></span>
            </a>             
          </div>
      <!--Fin Carrusel---------------------------------------->
        </div>
      </div>

      <div class="modal-footer">
          <button type="button" class="btn btn-prim w-25 mx-auto" data-dismiss="modal">Cerrar</button>
      </div>          
    </div>
  </div>
</div>

<!-- MODAL IMAGENES -->
<div class="modal fade" id="modal_historial_retiros" role="dialog">
	<div class="modal-dialog  modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<div class="seccion-modal">Ingresar el siguiente ID en la Aplicacción</div>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<hr class="separador ml-4 mr-4">

			<div class="modal-body">
				<form enctype="multipart/form-data" id="formuploadajax" method="post">
					@csrf
					<div class="container">
						
							<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->
							<div class="seccion-filtro mt-2">Adjunte las imágenes que se solicita a continuación</div>
							<div class="row">
								<input type="text" style="display:none" name="idAsig" id="" value="{{$asignacion_solicitudes[0]->idAsig ?? ''}}">
								<div class="col-sm-12">
									<label style="color:red" ; id="mensaje-text" for=""></label>
								</div>
								<!-- 1 -->
								<div class="col-sm-12 form-group">
									<img src="{{ asset('img/p1.png')  ?? ''}}" width="30" height="30" class="espacio_carga_img" alt="" />
									<label for="cargafoto1" class="espacio_carga_img">Fotografía de la página de estado</label>
									<input type="file" required__* id="cargafoto1" name="cargafoto1">
								</div>
								<!-- 2 -->
								<div class="col-sm-12 form-group">
									<img src="{{ asset('img/p2.png')  ?? ''}}" width="30" height="30" class="espacio_carga_img" alt="" />
									<label for="cargafoto2" class="espacio_carga_img">Fotografía del panel de la máquina</label>
									<input type="file" required__* id="cargafoto2" name="cargafoto2">
								</div>
								<!-- 3 -->
								<div class="col-sm-12 form-group">
									<img src="{{ asset('img/p3.png')  ?? ''}}" width="30" height="30" class="espacio_carga_img" alt="" />
									<label for="cargafoto3" class="espacio_carga_img">Fotografía a 2 metros del equipo</label>
									<input type="file" required__* id="cargafoto3" name="cargafoto3">
								</div>
							</div>
							<!-- FIN CARGA DE IMÁGENES DE INSTALACIÓN -->
						
						<div class="container form-group text-center my-4">
							<button class="btn btn-secundario" type="button" data-dismiss="modal">Cancelar</button>
							<button class="btn btn-prim" type="submit">Subir imágenes</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<!-- MODAL IMAGENES -->
<div class="modal fade" id="modal_fotos_email" role="dialog">
	<div class="modal-dialog  modal-lg">
		<div class="modal-content">
			
			<div class="modal-header">
				<div class="seccion-modal">Ingresar 3 Fotos</div>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<hr class="separador ml-4 mr-4">

			<div class="modal-body">
				<div class="container text-center">
					<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->
					<a class="btn btn-ter w-25 border rounded-lg py-2" href="mailto:ayaing@retailmax.cl?subject=<br />
<b>Notice</b>:  Undefined variable: asignacion_solicitudes in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources-27-01-23/views/solicitudes_servicios/09-02ver_checklistservicio_coordinadora.blade.php</b> on line <b>865</b><br />
<br />
<b>Notice</b>:  Trying to get property 'idAsig' of non-object in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources-27-01-23/views/solicitudes_servicios/09-02ver_checklistservicio_coordinadora.blade.php</b> on line <b>865</b><br />
">Subir Fotos</a>
				</div>

				<!-- FIN CARGA DE IMÁGENES DE INSTALACIÓN -->	
				<div class="container form-group text-center my-4">
					<a class="btn btn-prim w-25" href="http://globati.com/ayaingenieria/index.php?id=<br />
<b>Notice</b>:  Undefined variable: asignacion_solicitudes in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources-27-01-23/views/solicitudes_servicios/09-02ver_checklistservicio_coordinadora.blade.php</b> on line <b>870</b><br />
<br />
<b>Notice</b>:  Trying to get property 'idAsig' of non-object in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources-27-01-23/views/solicitudes_servicios/09-02ver_checklistservicio_coordinadora.blade.php</b> on line <b>870</b><br />
" target="_blank">Confirmar</a>
					<button class="btn btn-secundario w-25 " type="button" data-dismiss="modal">Cancelar</button>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- MODAL IMAGENES -->
<div class="modal fade" id="modal_fotos_android" role="dialog">
	<div class="modal-dialog  modal-lg">
		<div class="modal-content">

			<div class="modal-header">
				<div class="seccion-modal">Ingresar el siguiente ID en la Aplicacción</div>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<hr class="separador ml-4 mr-4">

			<div class="modal-body">
				<div class="container">
					<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->
					<div class="text-center">
						<h1 class="border rounded-lg py-3">ID = {{$asignacion_solicitudes[0]->idAsig}}</h1>
					</div>
					<!-- FIN CARGA DE IMÁGENES DE INSTALACIÓN -->
				</div>	
				<div class="container form-group text-center my-4">
					<button class="btn btn-prim w-25" type="button" data-dismiss="modal">CANCELAR</button>
				</div>
			</div>
		</div>
	</div>
</div>


<div class="modal fade" id="modalfirma" tabindex="-1" role="dialog" aria-labelledby="modalfirma" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<div class="seccion-modal" id="exampleModalLabel">Ingrese Firma</div>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
			</div>

			<div class="modal-footer">
				<button type="button" class="btn btn-primary">Guardar Firma</button>
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
			</div>
		</div>
	</div>
</div>


<!--Modal  -->
<div class="modal" id="modalRechazo">
	<div class="modal-dialog">
	  <div class="modal-content">
  
		<!-- Modal Header -->
		<div class="modal-header">
		  <h4 class="seccion-modal">Escriba sus observaciones</h4>
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		</div>
		<hr class="separador ml-4 mr-4">
  
		<form action="{{route('checklist.rechazarServicio',Crypt::encryptString($asignacion_solicitudes[0]->idAsig?? ''))}} " method="POST">
		  <!-- Modal body -->
		  @csrf      
		  <div class="modal-body">
			<div class="container">
			  <div class="row">
				<div class="col-sm-12 form-group">
				  <label for="cambio">Observaciones</label>
				  <textarea  class="form-control mayuscula" id="modal-obs" name="motivorechazado" required rows="4" ></textarea>
				</div>
			  </div>
			</div>	
		  </div>
				   
		  <!-- Modal footer -->
		  <div class="modal-footer">
			<button type="submit" class="btn btn-prim w-25 mx-auto">ENVIAR</button>
		  </div>
		</form>  
	  </div>
	</div>
  </div>	

  <div class="modal" id="modalReasignar">
    <div class="modal-dialog">
      <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="seccion-modal">Escriba sus observaciones</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <hr class="separador ml-4 mr-4">

        <form action="{{route('checklist.reasignarServicio',Crypt::encryptString($asignacion_solicitudes[0]->idAsig?? ''))}} " method="POST">
          <!-- Modal body -->
          @csrf      
          <div class="modal-body">
            <div class="container">
              <div class="row">
                <div class="col-sm-12 form-group">
                  <label for="cambio">Observaciones</label>
                  <textarea class="form-control mayuscula" id="modal-obs" name="motivorechazado" required rows="4" ></textarea>
                </div>
              </div>
            </div>
          </div>
          
          <!-- Modal footer -->
          <div class="modal-footer">
            <button type="submit" class="btn btn-prim w-25 mx-auto">Enviar</button>
          </div>
        </form>  
      </div>
    </div>
</div> 
@endsection



<script>

function sumarCantidaes(identificador){

    acumulador = $("."+identificador).val();
    suma = parseFloat(acumulador) + parseFloat(1);
    $("."+identificador).val(suma);
    $(".id_"+identificador).text(suma);
// id_cantidadLk
}
function restarCantidaes(identificador){
    acumulador = $("."+identificador).val();
    resta = parseFloat(acumulador) - parseFloat(1);
    if(resta >= 1){
        $("."+identificador).val(resta);
         $(".id_"+identificador).text(resta);
    }
   

}


	function firmar(){
	

		 url_img = document.getElementById("pizarra").toDataURL('image/png');
		 console.log(check);
			$("#imagen_firma").val(url_img);
		// 	e.preventDefault();
		// 	var f = $(this);
		// pizarra
		// imagen_firma
		// check

		var formData = new FormData();
		formData.append("pizarra", $("#pizarra").val());
		formData.append("imagen_firma", url_img);
		formData.append("check", $("#check").val());

	 	// var formData = new FormData(document.getElementById("formCanvas"));
			var a = document.getElementById("jerarquia");
			$.ajax({
				headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
					url: "{{ route('guardandofotosservicios')  ?? ''}}",
					type: "post",
					dataType: "html",
					data: formData,
					a,
					cache: false,
					contentType: false,
					processData: false,
					success: function(response) {
						alert(response);
					},
					error: function(xhr, status) {
						alert('Disculpe, ha ocurrido un problema, intente mas tarde');
					}
				})
			.done(function(res) {});



	}
	var lineas = [];

	function borrar() {

		// Creamos nuestro canvas
		var canvas = document.getElementById("pizarra");
		var ctx = canvas.getContext("2d");

		

		// Borramos el área que nos interese
		ctx.clearRect(0, 0, canvas.width, canvas.height);
		//	console.log(lineas);
		lineas = [];
	}

	$(function() {

		var element = $("#pizarra"); // global variable
		var getCanvas; // global variable

		function downloadURI(uri, name) {
			var link = document.createElement("a");
			link.download = name;
			link.href = uri;
		}
		html2canvas(element, {
			onrendered: function(canvas) {
				getCanvas = canvas;
			}
		});

		//======================================================================
		// VARIABLES
		//======================================================================
		let miCanvas = document.querySelector('#pizarra');

		let correccionX = 0;
		let correccionY = 0;
		let pintarLinea = false;

		let posicion = miCanvas.getBoundingClientRect()
		correccionX = posicion.x;
		correccionY = posicion.y;

		miCanvas.width = 250;
		miCanvas.height = 250;

		//======================================================================
		// FUNCIONES
		//======================================================================

		//borrar	

		/**
		 * Funcion que empieza a dibujar la linea
		 */
		function empezarDibujo() {
			pintarLinea = true;
			lineas.push([]);
		};

		/**
		 * Funcion dibuja la linea
		 */
		function dibujarLinea(event) {
			event.preventDefault();
			if (pintarLinea) {
				let ctx = miCanvas.getContext('2d')
				// Estilos de linea
				ctx.lineJoin = ctx.lineCap = 'round';
				ctx.lineWidth = 5;
				// Color de la linea
				ctx.strokeStyle = '#000';


				
				// Marca el nuevo punto
				let nuevaPosicionX = 0;
				let nuevaPosicionY = 0;
				if (event.changedTouches == undefined) {
					// Versión ratón
					nuevaPosicionX = event.layerX;
					nuevaPosicionY = event.layerY;
				} else {
					// Versión touch, pantalla tactil
					nuevaPosicionX = event.changedTouches[0].pageX - correccionX;
					nuevaPosicionY = event.changedTouches[0].pageY - correccionY;
				}
				// Guarda la linea
				lineas[lineas.length - 1].push({
					x: nuevaPosicionX,
					y: nuevaPosicionY
				});
				// Redibuja todas las lineas guardadas
				ctx.beginPath();
				lineas.forEach(function(segmento) {
					ctx.moveTo(segmento[0].x, segmento[0].y);
					segmento.forEach(function(punto, index) {
						ctx.lineTo(punto.x, punto.y);
					});
				});
				ctx.stroke();
			}
		}

		/**
		 * Funcion que deja de dibujar la linea
		 */
		function pararDibujar() {
			pintarLinea = false;
		}

		//======================================================================
		// EVENTOS
		//======================================================================

		// Eventos raton
		miCanvas.addEventListener('mousedown', empezarDibujo, false);
		miCanvas.addEventListener('mousemove', dibujarLinea, false);
		miCanvas.addEventListener('mouseup', pararDibujar, false);

		// Eventos pantallas táctiles
		miCanvas.addEventListener('touchstart', empezarDibujo, false);
		miCanvas.addEventListener('touchmove', dibujarLinea, false);

		////////////////////////////////////////

		$("#formuploadajax").on("submit", function(e) {
			e.preventDefault();
			var f = $(this);
			var formData = new FormData(document.getElementById("formuploadajax"));
			formData.append("dato", "valor");
			//formData.append(f.attr("name"), $(this)[0].files[0]);
			$.ajax({
					url: "{{ route('save.save_imagen_servicios_tres')  ?? ''}}",
					type: "post",
					dataType: "html",
					data: formData,
					cache: false,
					contentType: false,
					processData: false,
					beforeSend: function() {
						$("#loader").text("Subiendo Imágenes.....");
					},
					success: function(response) {
						alert(response);
						alert(response);
						$("#loader").text("");
						console.log(response);
						$("#mensaje-text").text("Imagenes Guardadas");
						alert("imagenes guardadas");
						$("#modal_historial_retiros").modal('hide');
					}
				})
				.done(function(res) {
					$("#mensaje").html("Respuesta: " + res);
				});
		});
		$("#formuploadservicios").on("submit", function(e) {
			e.preventDefault();
			var aaa = $(this);
			var formData = new FormData(document.getElementById("formuploadservicios"));
			formData.append("dato", "valor");
			$.ajax({
					url: "{{ route('save.imagen_servicios')  ?? ''}}",
					type: "post",
					dataType: "html",
					data: formData,
					cache: false,
					contentType: false,
					processData: false,
					beforeSend: function() {
						$("#loader").text("Subiendo Imágenes.....");
					},
					success: function(response) {
						$("#loader").text("");
						console.log(response);
						$("#mensaje-text").text("Imagenes Guardadas");
						alert("imagenes guardadas");
						$("#modal_fotos_accesorios").modal('hide');
					}
				})
				.done(function(res) {
					$("#mensaje").html("Respuesta: " + res);
				});
		});
		//fin de la fucn
	});

	$(document).ready(function() {
		//funcion para poder cambiar las opciones del finalizar
		$('#estado').change(function() {
			buscar_opciones($("#estado option:selected").val(), "#detalle");
		})

		//enviar for firma
		$("#formCanvas").on("submit", function(e) {
			url_img = document.getElementById("pizarra").toDataURL('image/png');
			$("#imagen_firma").val(url_img);
			e.preventDefault();
			var f = $(this);
			var formData = new FormData(document.getElementById("formCanvas"));
			var a = document.getElementById("jerarquia");
			$.ajax({
					url: "{{ route('guardandofotosprueba')  ?? ''}}",
					type: "post",
					dataType: "html",
					data: formData,
					a,
					cache: false,
					contentType: false,
					processData: false,
					success: function(response) {
						alert(response);
					},
					error: function(xhr, status) {
						alert('Disculpe, ha ocurrido un problema, intente mas tarde');
					}
				})
				.done(function(res) {});
		});

		//modal imagenes
		$('.asignarimagen').click(function() {
			$("#modal_historial_retiros").modal('show');
		});
		//mueble
		$("#mueble").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'mueble');
		});
		$("#kit_lector").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'kit_lector');
		});
		$("#memoria_sd").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'memoria_sd');
		});
		$("#cable_poder").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'cable_poder');
		});
		$("#cable_red").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'cable_red');
		});
		$("#conexion_electrica").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'conexion_electrica');
		});
		$("#servidor_impresion").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'servidor_impresion');
		});
		$("#conf_smb").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'conf_smb');
		});
		$("#conf_email").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'conf_email');
		});
		$("#modo_U253").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'modo_U253');
		});
		$("#ins_driver").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'ins_driver');
		});
		$("#equipo_operativo").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'equipo_operativo');
		});
		$('#no_firma_cliente').on('click', function() {
			if ($(this).is(':checked')) {
				// Hacer algo si el checkbox ha sido seleccionado
				//    alert("El checkbox con valor " + $(this).val() + " ha sido seleccionado");
				$("#contenido").css("display", "none")
			} else {
				$("#contenido").css("display", "")
			}
		});
	}); //fin del onclick

	function tres_estados(el, id_chec) {

		switch (el.data('checked')) {
			case 0: //cehckeado
				el.data('checked', 1);
				el.prop('indeterminate', false);
				el.prop('checked', true);
				var valor2 = id_chec;
				var valor = $("#cambio").val();
				$("#" + id_chec).val("si");
				break;

			case 1:
				el.data('checked', 2);
				el.prop('indeterminate', true);
				el.prop('checked', true);
				var valor2 = id_chec;
				var valor = $("#cambio").val();
				valor += " sin " + valor2 + ',';
				$("#" + id_chec).val("no");
				break;

			default:
				el.data('checked', 0);
				el.prop('indeterminate', false);
				el.prop('checked', false);
				var valor2 = id_chec;
				var valor = $("#cambio").val();
				$("#" + id_chec).val("");
		}
	}

	function buscar_opciones(id_estado, id_detalle, direccion = "") {
		//el parametro direccion, es por si mandan la solicitud desde un punto que no conincide con toda la raiz. (../) 
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			type: 'POST',
			url: "{{ route('buscar_opciones')  ?? ''}}",
			data: {
				'id': id_estado
			},
			success: function(data) {
				$("#detalle").empty();
				$.each(data, function(id, dato) {
					sin_espacio = dato.replace(/\s+/g, "_");
					$("#detalle").append("<option value=" + sin_espacio + ">" + dato + "</option>");
				});
			},
			error: function(xhr, status) {
				alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
			}
		});
	}

	function soloNumeros(e) {
		var key = window.Event ? e.which : e.keyCode
		return (key >= 48 && key <= 57)
	}
</script>
<script>
	function rellenar(id) {
		if ($("#" + id).val() == "no") {
			$("#" + id).prop('indeterminate', true);
			$("#" + id).prop('checked', true);
		} else if ($("#" + id).val() == "si") {
			$("#" + id).prop('indeterminate', false);
			$("#" + id).prop('checked', true);
		}

	}
</script>

<script>
	$(function() {
		var idCheck = ["equipo_operativo", "ins_driver", "modo_U253", "conf_email", "conf_smb", "servidor_impresion", "conexion_electrica", "cable_red", "cable_poder", "mueble", "kit_lector", "memoria_sd", ];

		for (let i = 0; i < idCheck.length; i++) {
			rellenar(idCheck[i]);
		}

		$("#mueble").data('checked', 0).on('click', function() {
			el = $(this);
			tres_estados(el, 'mueble');
		});

		// $("#estado").change(function() {
		// 	var selecion = $(this).val();
		// 	if (selecion == "Pendiente") {
		// 		$('#Software').removeAttr("required__*");
		// 		$('#tipo_equipo').removeAttr("required__*");
		// 		$('#mueble').removeAttr("required__*");
		// 		$('#kit_lector').removeAttr("required__*");
		// 		$('#memoria_sd').removeAttr("required__*");
		// 		$('#cable_red').removeAttr("required__*");
		// 		$('#cable_poder').removeAttr("required__*");
		// 		$('#tipo_conexion').removeAttr("required__*");
		// 		$('#conexion_electrica').removeAttr("required__*");
		// 		$('#servidores').removeAttr("required__*");
		// 		$('#servidor_impresion').removeAttr("required__*");
		// 		$('#conf_smb').removeAttr("required__*");
		// 		$('#conf_email').removeAttr("required__*");
		// 		$('#modo_U253').removeAttr("required__*");
		// 		$('#ins_driver').removeAttr("required__*");
		// 		$('#cantidad_usuarios').removeAttr("required__*");
		// 		$('#equipo_operativo').removeAttr("required__*");
		// 		$('#cambio').removeAttr("required__*");
		// 	} else if (selecion == "Cancelar") {
		// 		$('#Software').removeAttr("required__*");
		// 		$('#tipo_equipo').removeAttr("required__*");
		// 		$('#mueble').removeAttr("required__*");
		// 		$('#kit_lector').removeAttr("required__*");
		// 		$('#memoria_sd').removeAttr("required__*");
		// 		$('#cable_red').removeAttr("required__*");
		// 		$('#cable_poder').removeAttr("required__*");
		// 		$('#tipo_conexion').removeAttr("required__*");
		// 		$('#conexion_electrica').removeAttr("required__*");
		// 		$('#servidores').removeAttr("required__*");
		// 		$('#servidor_impresion').removeAttr("required__*");
		// 		$('#conf_smb').removeAttr("required__*");
		// 		$('#conf_email').removeAttr("required__*");
		// 		$('#modo_U253').removeAttr("required__*");
		// 		$('#ins_driver').removeAttr("required__*");
		// 		$('#cantidad_usuarios').removeAttr("required__*");
		// 		$('#equipo_operativo').removeAttr("required__*");
		// 		$('#cambio').removeAttr("required__*");
		// 	}
		// });
	});
</script>
<script>
	element = document.getElementById("equipo_de_remplazo");

	function showContent() {
		element = document.getElementById("equipo_de_remplazo");
		check = document.getElementById("maquina_b_n");
		check2 = document.getElementById("maquina_color");

		if (check.checked) {
			// element.style.display = '';
		} else if (check2.checked) {
			// element.style.display = 'none';
		} else {
			// element.style.display = 'none';
		}
	}

	function changeCheckNo() {
		($('#maquina_color')).prop('checked', false);
        $(".id_color").css("display","none");
		$(".id_color").prop("required", false);
		// $(".id_bn").prop("required", true);
	}

	function changeCheckSi() {
		// element.style.display = 'none';
     
        $(".id_color").css("display","");
		// $(".id_bn").prop("required", false);
		$(".id_color").prop("required", true);
		($('#maquina_b_n')).prop('checked', false);
	}
</script>
<script>
	function desabilitar() {
		cambio = document.getElementById("cambio_serie");
		serie = document.getElementById("serie_remplazo");
		modelo = document.getElementById("modelo_remplazo");
		if (cambio.checked) {
			serie.removeAttribute('disabled');
			modelo.removeAttribute('disabled');
		} else {
			serie.setAttribute('disabled', 'disabled');
			modelo.setAttribute('disabled', 'disabled');
		}
	}
</script>
<script>
	// Example starter JavaScript for disabling form submissions if there are invalid fields
	(function() {
		'use strict'
		window.addEventListener('load', function() {
			// Fetch all the forms we want to apply custom Bootstrap validation styles to
			var forms = document.querySelectorAll('.needs-validation')

			// Loop over them and prevent submission
			Array.prototype.slice.call(forms).forEach(function(form) {
				form.addEventListener('submit', function(event) {
					if (!form.checkValidity()) {
						event.preventDefault()
						event.stopPropagation()
					}
					form.classList.add('was-validated')
				}, false)
			})
		})
	})()
</script>
<script>
	var expanded = false;

	function showCheckBoxes2() {
		checkboxes = document.getElementById("checkboxes2");
		if (!expanded) {
			checkboxes.style.display = "block";
			expanded = true;
		} else {
			checkboxes.style.display = "none";
			expanded = false;
		}
	}
</script>
<script>
	var aux = 1;
	var aux2 = 1;

	function myFunction() {
		descripcion = $('#keywords').val();
		id = $('#id_accesorio').val();
		articulo = $('#articulo').val();
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			type: 'POST',
			url: "{{ route('go.search_accesorios')  ?? ''}}",
			data: {
				'id': id,
				'articulo': articulo,
				'descripcion': descripcion
			},
			success: function(data) {
				$('#accesorios').empty();
				$(data).each(function(i, v) {
					$('#accesorios').append(
						'<tr><td class="agregar" onclick="agregar(' + v.id + ')">' + v.descripcion + '</td></tr');
				})
			},
			error: function(xhr, status) {
				alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
			}
		});
	};

	function myFunction2() {
		descripcion = $('#keywords2').val();
		id = $('#id_accesorio2').val();
		articulo = $('#articulo2').val();
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			type: 'POST',
			url: "{{ route('go.search_accesorios')  ?? ''}}",
			data: {
				'id': id,
				'articulo': articulo,
				'descripcion': descripcion
			},
			success: function(data) {
				$('#accesorios2').empty();
				$(data).each(function(i, v) {
					$('#accesorios2').append(
						'<tr><td class="agregar" onclick="agregar2(' + v.id + ')">' + v.descripcion + '</td></tr');
				})
			},
			error: function(xhr, status) {
				alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
			}
		});
	};


	function agregar(id) {
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            url: "{{ route('go.agregar_accesorio')  ?? ''}}",
            data: {
                'id': id
            },
            success: function(data) {
                $(data).each(function(i, v) {
					if(v.serie_parte == "undefined" || v.serie_parte == null){
						v.serie_parte == "";
					}
                    $('#agregar_accesorios').append(
                        '<tr class="eliminar' + aux + '">' +
                        '<td>' +
                        '<input name="descripcion_accesorio[]" value="' + v.id + '" type="hidden">' + v.descripcion +
                        '</td>' +
                        '<td>'+ v.articulo +'</td>' +
                        '<td> <input type="text" name="serie_parte[]" class="form-control" placeholder="Serie de parte" onkeyup="this.value=Numeros(this.value)"' + v.serie_parte + '"> </td>' +
                        '<td>' +
							'<button class="btn btn-light" type="button" onclick="sumalo(' + aux + ')">+</button>' +
								'<input type="hidden" name="cantidad[]" value="1" class="resultados' + aux + '" id="resultados' + aux + '">' +
								'<span class="mx-2 resultado' + aux + '" id="resultado' + aux + '">1</span>' +
							'<button class="btn btn-light" type="button" onclick="restalo(' + aux + ')">-</button>' +
                        '</td>' +
                        '<td class="text-center" onclick="eliminalo(' + aux + ')">'+
							'<a class="btn-icon btn-icon-dd ver_historial_retiros">'+
								'<span class="material-icons-round">'+
									'delete'+
								'</span>'+
							'</a>'+
						'</td>' +
                        '</tr');
                })
                aux++;
                limpiar();
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });
    };

    function agregar2(id) {
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            url: "{{ route('go.agregar_accesorio')  ?? ''}}",
            data: {
                'id': id
            },
            success: function(data) {
                $(data).each(function(i, v) {
					if(v.serie_parte == "undefined" || v.serie_parte == null){
						v.serie_parte == "";
					}
                    $('#agregar_accesorios2').append(
                        '<tr class="2eliminar' + aux2 + '">' +
                        '<td>' +
                        '<input name="descripcion_accesorio2[]" value="' + v.id + '" type="hidden">' + v.descripcion +
                        '</td>' +
                        '<td>'+ v.articulo +'</td>' +
                        '<td> <input type="text" name="serie_parte2[]" class="form-control" placeholder="Serie de parte" onkeyup="this.value=Numeros(this.value)" value="' + v.serie_parte + '" > </td>' +
                        '<td>' +
                        '<button class="btn btn-light" type="button" onclick="sumalo2(' + aux2 + ')">+</button>' +
                        '<input type="hidden" name="cantidad2[]" value="1" class="2resultados' + aux2 + '" id="2resultados' + aux2 + '">' +
                        '<span class="mx-2 2resultado' + aux2 + '" id="2resultado' + aux2 + '">1</span>' +
                        '<button class="btn btn-light" type="button" onclick="restalo2(' + aux2 + ')">-</button>' +
                        '</td>' +
                        '<td class="text-center" onclick="eliminalo2(' + aux2 + ')">'+
							'<a class="btn-icon btn-icon-dd ver_historial_retiros">'+
								'<span class="material-icons-round">'+
									'delete'+
								'</span>'+
							'</a>'+
						'</td>' +
                        '</tr');
                })
                aux2++;
                limpiar2();
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });
    };

	function limpiar() {
		$('#keywords').val("");
		$('#id_accesorio').val("");
		$('#articulo').val("");
		$('#accesorios').empty();
	}
	function limpiar2() {
		$('#keywords2').val("");
		$('#id_accesorio2').val("");
		$('#articulo2').val("");
		$('#accesorios2').empty();
	}

	function eliminalo(params) {
		$(".eliminar" + params).remove();
	}
	function eliminalo2(params) {
		$(".2eliminar" + params).remove();
	}

	function sumalo(params) {
		x = document.getElementById("resultado" + params).innerText;
		x++;
		document.getElementById("resultado" + params).innerText = x;
		document.getElementById("resultados" + params).value = x;
	}
	function sumalo2(params) {
		x = document.getElementById("2resultado" + params).innerText;
		x++;
		document.getElementById("2resultado" + params).innerText = x;
		document.getElementById("2resultados" + params).value = x;
	}

	function restalo(params) {
		x = document.getElementById("resultado" + params).innerText;
		x--;
		if (x < 1) {} else {
			document.getElementById("resultado" + params).innerText = x;
			document.getElementById("resultados" + params).value = x;
		}
	}
	function restalo2(params) {
		x = document.getElementById("2resultado" + params).innerText;
		x--;
		if (x < 1) {} else {
			document.getElementById("2resultado" + params).innerText = x;
			document.getElementById("2resultados" + params).value = x;
		}
	}
</script>
<script>
	function showContent2() {
		element2 = document.getElementById("motivos");
		check = document.getElementById("accesorios_si");
		check2 = document.getElementById("accesorios_no");
		if (check.checked) {
			element2.style.display = '';
		} else if (check2.checked) {
			element2.style.display = 'none';
		} else {
			element2.style.display = 'none';
		}
	}

	function changeCheckNo2() {
		($('#accesorios_no')).prop('checked', false);
	}

	function changeCheckSi2() {
		element2 = document.getElementById("motivos");
		element_div_danados = document.getElementById("div_accesorios_danados");
		element_div_solicitados = document.getElementById("div_accesorios_solicitados");
		element2.style.display = 'none';
		element_div_danados.style.display = 'none';
		element_div_solicitados.style.display = 'none';
		($('#accesorios_si')).prop('checked', false);
	}

	function showContent3() {
		element3 = document.getElementById("div_accesorios_solicitados");
		element4 = document.getElementById("div_accesorios_danados");
		check = document.getElementById("motivo_1");
		check2 = document.getElementById("motivo_2");
		check3 = document.getElementById("motivo_3");

       
		if (check.checked || check3.checked) {
			element3.style.display = '';
			element4.style.display = '';
		} else if (check2.checked) {
			element3.style.display = 'none';
			element4.style.display = '';
		} else {
			element3.style.display = 'none';
			element4.style.display = 'none';
		}
	}

	function changeCheckMotivo1() {
		($('#motivo_2')).prop('checked', false);
		($('#motivo_3')).prop('checked', false);
		element4 = document.getElementById("fotos_accesorios");
	    //element4.style.display = 'none';
        element4.style.display = '';
	}

	function changeCheckMotivo2() {
		element3 = document.getElementById("div_accesorios_solicitados");
		element4 = document.getElementById("div_accesorios_danados");
		element3.style.display = '';
		element4.style.display = 'none';
        element44 = document.getElementById("fotos_accesorios");
	    //element4.style.display = 'none';
        element44.style.display = '';
		($('#motivo_1')).prop('checked', false);
		($('#motivo_3')).prop('checked', false);
	}

	function changeCheckMotivo3() {
		element4 = document.getElementById("fotos_accesorios");
        element4.style.display = '';
		//element4.style.display = 'none';
		($('#motivo_1')).prop('checked', false);
		($('#motivo_2')).prop('checked', false);
	}

	function showContent4() {
		element4 = document.getElementById("fotos_accesorios");
		check = document.getElementById("motivo_1");
		check2 = document.getElementById("motivo_2");
		check3 = document.getElementById("motivo_3");
   
		div_accesorios_solicitados = document.getElementById("div_accesorios_solicitados");
		if (check2.checked) {
			element4.style.display = '';
		} else {
			element4.style.display = 'none';
			div_accesorios_solicitados.style.display = 'none';
		}
	}
</script>
<script>
	$(document).ready(function() {
		$('.asignarimagenes').click(function() {


			check = document.getElementById("motivo_1");
			check2 = document.getElementById("motivo_2");
			check3 = document.getElementById("motivo_3");

		if (check3.checked) {

		
				$("#cargafotoa1_1").css("display","");
				$("#cargafotoa1_2").css("display","");
				$("#cargafotoa1_3").css("display","");
				$("#title_123").css("display","");
			
		} else {
		
			$("#cargafotoa1_1").css("display","none");
			$("#cargafotoa1_2").css("display","none");
			$("#cargafotoa1_3").css("display","none");
			$("#title_123").css("display","none");
		}
			

			$("#modal_fotos_accesorios").modal('show');
		});
	})
</script>

<script>

$(document).ready(function(){


$('#rechazar').click(function() {
	
 //   alert("gola");
	$("#modalRechazo").modal('show');
});

$('.reasignar').click(function() {
	
	//   alert("gola");
	   $("#modalReasignar").modal('show');
  });

})
</script>