@extends('menu/menu')

{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
<!--<link src="sftp://aya_pruebafinal@35.232.42.155/var/www/html/rendicion/css/_______a%26a_style.css" rel="stylesheet" type="text/css">-->



@section('content')

<div class="container-fluid">
       <div class="container">

           <!-- BARRA DE BUSQUEDA -->
           <h1 style="margin-top: 50px">CHECKLIST DE RETIRO DE EQUIPOS</h1>
         <div class="row reex" style="height: auto">
               
               <!-- ASIGNACIÓN -->
               <div class="container col-12" style="margin-top: 10px">
                   <h2><strong>Asignación</strong></h2>
               </div>
               <!-- Fila 1 ------------------------------------------------------>
               <div class="container col-sm-6 form-group">
                <label for=""><h2>Técnico asignado</h2></label>
                <input type="text" value="{{$datos_asignacion[0]->nombre_uno." ".$datos_asignacion[0]->apellido_uno." ".$datos_asignacion[0]->apellido_dos}}" style="pointer-events: none" readonly="readonly" class="form-control" id="" placeholder="Nº DE VISITA" name="numero_visitas">

                @error('tecnico')
                <div class="alert alert-danger">{{ $message }}</div>
               @enderror
               </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Nº de visita</h2></label>
                   <input type="text" value="{{$datos_asignacion[0]->numero_visita ?? ''}}" class="form-control" id="" style="pointer-events: none" readonly="readonly" placeholder="Nº DE VISITA" name="numero_visitas">
                   @error('numero_visitas')
                   <div class="alert alert-danger">{{ $message }}</div>
                  @enderror
               </div>
               <div class="container col-sm-3 form-group"></div>
               <div class="container col-sm-6 form-group ali">
                        <label for=""><h2>Proyecto asociado</h2></label>
                        <input type="text" class="form-control" value="{{$proyectos[0]->nombre ?? ''}} " style="pointer-events: none" readonly="readonly">
                    </select>
                    @error('proyectos')
                    <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
               </div>
               <div class="container col-sm-6 form-group ali">
                {{-- <label for=""><h2>Fecha Retiro</h2></label>
                <input type="date"  class="form-control" id="" placeholder="FECHA" name="fecha_retiro"  value="{{$datos_asignacion[0]->fecha_retiro ?? ''}}">
          
              </select>
              @error('fecha_retiro')
              <div class="alert alert-danger">{{ $message }}</div>
             @enderror --}}
              </div>
             <div class="container col-sm-6 form-group"></div>
               <div class="container"><hr class="linea"></div>
               
               <!-- Detalle del Cliente -->
               <div class="container col-12">
                   <h2><strong>Detalle del Cliente</strong></h2>
               </div>
               <!-- Fila 2 ------------------------------------------------------>
           <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Cliente</h2></label>
                   <input type="" class="form-control" id="" placeholder="CLIENTE" name="" style="pointer-events: none"  readonly="readonly" placeholder="DIRECCIÓN" value="{{$proyectos[0]->razon_social ?? ''}}" name="">
                </div>
               <div class="container col-sm-3 form-group">
                        <label for="email"><h2>Fecha</h2></label>
                        <input type="" class="form-control" id="" placeholder="FECHA" name=""  readonly="readonly" value="{{Carbon\Carbon::createFromDate($datos_asignacion[0]->fecha_inicio ?? '')->format('d-m-Y')}}">
                    </div>
                <div class="container col-sm-3 form-group">
                        <label for="email"><h2>Hora de inicio</h2></label>
                        <input type="" class="form-control" id="" placeholder="HORA DE INICIO" name=""  readonly="readonly"  value="{{Carbon\Carbon::createFromDate($datos_asignacion[0]->fecha_asignado ?? '')->format('d-m-Y H:i:s')}}">
                    </div>
                <div class="container col-sm-3 form-group">
                        <label for="email"><h2>Hora de termino</h2></label>
                        <input type="" class="form-control" id="" placeholder="HORA DE TERMINO" name=""  readonly="readonly" value="{{Carbon\Carbon::createFromDate($datos_asignacion[0]->fecha_termino ?? '')->format('d-m-Y H:i:s')}}">
                    </div>
            


               <!-- Fila 3 ------------------------------------------------------>
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Dirección</h2></label><a title="modificar" href="" data-toggle="modal" data-target="#modaldireccion"> <img  src="{{ asset('Botones/Botones/btneditaraya.png')  }}" class="figure-img" width="24px" height="auto"> </a>
                   <input type="" class="form-control" id="iddireccion" style="pointer-events: none" readonly="readonly" placeholder="DIRECCIÓN" value="{{$datos_asignacion[0]->csDireccion ?? ''}}" name="">
                </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Comuna</h2></label><a title="modificar" href="" data-toggle="modal" data-target="#modalcomuna"> <img  src="{{ asset('Botones/Botones/btneditaraya.png') }}" class="figure-img" width="24px" height="auto"> </a>
                   <input type="" class="form-control" id="idcomuna" placeholder="COMUNA" name="" style="pointer-events: none" readonly="readonly" value="{{$datos_asignacion[0]->csComuna ?? ''}}">
                </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>CUI o Código Sucursal</h2></label>
                   <input type="" class="form-control" id="" placeholder="SC" name=""  style="pointer-events: none" readonly="readonly" value="{{$datos_asignacion[0]->csCui ?? ''}}">
                </div>
               <!-- Fila 4 ------------------------------------------------------>


       

            

               <div class="container"><hr class="linea"></div><br>
             
               <!-- Detalle de Equipamiento -->
               <div class="container col-12">
                   <h2><strong>Detalle de Equipamiento</strong></h2>
               </div>
               <!-- Fila 5 ------------------------------------------------------>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Serie</h2></label>
                   <input type="" class="form-control" id="" placeholder="SERIE" name="n_serie"   readonly="readonly" value="{{$datos_asignacion[0]->csSerie ?? ''}}">
               </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Modelo</h2></label>
                   <input type="" class="form-control" id="" placeholder="MODELO" name="n_modelo"  readonly="readonly" value="{{$datos_asignacion[0]->csModelo ?? ''}}">
               </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Contador B/N</h2></label><a title="modificar" href="" data-toggle="modal" data-target="#modalcontadorbn"> <img  src="{{ asset('Botones/Botones/btneditaraya.png')  }}" class="figure-img" width="24px" height="auto"> </a>
                 <input type="" class="form-control" id="idcontadorbn" placeholder="CONTADOR B/N"  readonly="readonly" name="n_contador" value="{{$datos_asignacion[0]->cnContador ?? ''}}">
               </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Contador color</h2></label><a title="modificar" href="" data-toggle="modal" data-target="#modalcontadorcolor"> <img  src="{{ asset('Botones/Botones/btneditaraya.png')  }}" class="figure-img" width="24px" height="auto"> </a>
                 <input type="" class="form-control" id="idcontadorcolor " placeholder="CONTADOR COLOR"  readonly="readonly" name="n_contadorcolor" value="{{$datos_asignacion[0]->cnContador_color ?? ''}}">
               </div>
               <!-- Fila 6 ------------------------------------------------------>
               <div class="container col-sm-6 form-group checkbox">
                   <input type="checkbox" id="equipo_sucursal" name="equipo_sucursal"   value="si" {{ (! empty(old('equipo_sucursal')) ? 'checked' : '') }}>
                   <label for="equipo_sucursal"><h3>El equipo no se encuentra en la sucursal</h3></label>
               </div>
               
               <div class="container col-sm-6 form-group"></div>
               <!-- Fila 7 ------------------------------------------------------>
               
               
               <div class="container"><hr class="linea"></div>
             
               <!-- Accsesorios -->
                       
                   <div class="container col-12">
                   <h2><strong>Accesorios</strong></h2>
                   </div>
                           
                   <!-- FILA 8.1 -->
                   <div class="col-md-3 form-group checkbox">
                        @if ($datos_asignacion[0]->bandeja_adicional == 'si')

                       <input type="checkbox" id="bandeja_adicional" name="bandeja_adicional"  checked="checked"  value="si" {{ (! empty(old('bandeja_adicional')) ? 'checked' : '') }}><label for="bandeja_adicional" style="margin-top: auto"><h3>Bandeja adicional</h3</label>
                       
                        @else
                        <input type="checkbox" id="bandeja_adicional" name="bandeja_adicional"  value="si" {{ (! empty(old('bandeja_adicional')) ? 'checked' : '') }}>
                        <label for="bandeja_adicional" style="margin-top: auto"><h3>Bandeja adicional</h3</label>
                    @endif
                   </div>
                   <div class=" col-sm-3 form-group">
                         @if ($datos_asignacion[0]->mueble == 'si')
                       <input type="checkbox" id="mueble" name="mueble"  checked="checked" value="si" {{ (! empty(old('mueble')) ? 'checked' : '') }}>
                       <label for="mueble"><h3>Mueble</h3></label>
                        @else
                        <input type="checkbox" id="mueble" name="mueble"   value="si" {{ (! empty(old('mueble')) ? 'checked' : '') }}>
                        <label for="mueble"><h3>Mueble</h3></label>
                    @endif
                   </div>
                   <div class=" col-sm-3 form-group">
                        @if ($datos_asignacion[0]->kitlector == 'si')
                       <input type="checkbox" id="kit_lector" name="kit_lector" checked="checked"   value="si" {{ (! empty(old('kit_lector')) ? 'checked' : '') }}>
                       <label for="kit_lector"><h3>Kit lector</h3></label>
                         @else
                            <input type="checkbox" id="kit_lector" name="kit_lector"  value="si" {{ (! empty(old('kit_lector')) ? 'checked' : '') }}>
                            <label for="kit_lector"><h3>Kit lector</h3></label>
                      @endif
                   </div>
                   <div class=" col-sm-3 form-group">
                        @if ($datos_asignacion[0]->memoriasd == 'si')
                       <input type="checkbox" id="memoria_sd" name="memoria_sd" checked="checked"   value="si" {{ (! empty(old('memoria_sd')) ? 'checked' : '') }}>
                       <label for="memoria_sd"><h3>Memoria SD</h3></label>
                        @else
                            <input type="checkbox" id="memoria_sd" name="memoria_sd"    value="si" {{ (! empty(old('memoria_sd')) ? 'checked' : '') }}>
                                                  <label for="memoria_sd"><h3>Memoria SD</h3></label>
                     @endif
                   </div>
                   <!-- FILA 8.2 -->
                   <div class="col-sm-3 form-group checkbox">
                         @if ($datos_asignacion[0]->cablered == 'si')
                       <input type="checkbox" id="cable_red" name="cable_red" checked="checked"   value="si" {{ (! empty(old('cable_red')) ? 'checked' : '') }}>
                       <label for="cable_red"><h3>Cable red</h3></label>
                       @else
                            <input type="checkbox" id="cable_red" name="cable_red"   value="si" {{ (! empty(old('cable_red')) ? 'checked' : '') }}>
                            <label for="cable_red"><h3>Cable red</h3></label>
                     @endif
                   </div>
                                   
                   <div class="col-sm-3 form-group checkbox">
                     @if ($datos_asignacion[0]->cablepoder == 'si')
                       <input type="checkbox" id="cable_poder" name="cable_poder"   checked="checked" value="si" {{ (! empty(old('cable_poder')) ? 'checked' : '') }}>
                       <label for="cable_poder"><h3>Cable de poder</h3></label>
                     @else
                        <input type="checkbox" id="cable_poder" name="cable_poder"   value="si" {{ (! empty(old('cable_poder')) ? 'checked' : '') }}>
                        <label for="cable_poder"><h3>Cable de poder</h3></label>
                    @endif
                   </div>
                   <div class="col-sm-3 form-group checkbox"></div>
                   <div class="col-sm-3 form-group checkbox"></div>
                        
               <div class="container"><hr class="linea"></div>
                       
               <div class="container col-sm-12 form-group checkbox">
                     @if ($datos_asignacion[0]->equipoembalado == 'si')
                   <input type="checkbox" id="equipo_ensamblado" name="equipo_ensamblado" checked="checked" value="si" {{ (! empty(old('equipo_ensamblado')) ? 'checked' : '') }}>
                   <label for="equipo_ensamblado"> <h3>Equipo embalado (si la respuesta es no, indicar el motivo en observaciones)</h3></label>
                     @else
                    <input type="checkbox" id="equipo_ensamblado" name="equipo_ensamblado" value="si" {{ (! empty(old('equipo_ensamblado')) ? 'checked' : '') }}>
                                      <label for="equipo_ensamblado"> <h3>Equipo embalado (si la respuesta es no, indicar el motivo en observaciones)</h3></label>
                @endif
               </div>
                       
               <div class="container"><hr class="linea"></div>
                       
               <div class="container col-sm-12 form-group checkbox">
                   <label for="cambio"> <h3>Observaciones</h3></label>
                   <textarea  class="form-control" id="cambio" name="obsercaviones"   readonly="readonly" rows="4" name="observaciones">
{{ $datos_asignacion[0]->csObservacion }} </textarea>
               </div>
               
               <div class="container"><hr class="linea"></div>
                       
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Datos del Técnico</h2></label>
               <input type="text" value="{{$datos_asignacion[0]->nombre_uno." ".$datos_asignacion[0]->apellido_uno." ".$datos_asignacion[0]->apellido_dos}}" style="pointer-events: none" readonly="readonly" class="form-control" id="" placeholder="Nº DE VISITA" name="numero_visitas">
               </div>
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Datos del Contacto</h2></label>
                   <input type="text" readonly="readonly" value="{{$datos_asignacion[0]->nombre_contacto ?? 'No existe dato ingresado'}}"  class="form-control" id="" placeholder="Contacto" name="contacto">
               </div>
               <div class="container col-sm-6 form-group checkbox">
                   <label for="">Estado check</label>
                   <input type="text" readonly value="{{$datos_asignacion[0]->estado_check ?? 'No existe'}}" class="form-control" id="" placeholder="Estado check" >
               </div>
               <div class="container col-sm-6 form-group checkbox"></div>
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Firma Técnico</h2></label>
               </div>
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Firma Contacto</h2></label>
               </div>
               
               <div class="container col-sm-6 form-group checkbox">
                   <button class="btn btn-verimg asignarimagen" type="button">VER IMÁGENES</button>
               </div>
               <div class="container col-sm-6 form-group checkbox">

                 @if ($datos_asignacion[0]->cliente_firma == 0)
                   <input type="checkbox" id="negarse_firma" checked="checked" name="negarse_firma" value="si">
                   <label for="negarse_firma"><h3>Cliente se niega a firmar</h3></label>
                 @else
                    <input type="checkbox" id="negarse_firma"  name="negarse_firma" value="si">
                    <label for="negarse_firma"><h3>Cliente se niega a firmar</h3></label>
                @endif
                <br><br>
                <img src="{{ asset ("fotos/".$datos_asignacion[0]->url_firma) }}"> 

                
              </div>
                 {{-- fin del display --}}
                   
           {{-- <div class="container form-group">
               <form action="{{route('checklist.retiro_rechazo',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}} " method="POST">
               @csrf
               <button class="btn btn-rechazar float-sm-right"  style="margin-top:14px;" type="submit">RECHAZAR</button>
               </form>
               <button class="btn btn-conf float-sm-right"  style="margin-right:10px;display:none" type="button">CONFIRMAR Y ENVIAR</button>


            <a class="btn btn-guardar float-sm-right guardar"  style="margin-right:10px;" href="{{route('consumir.Aretiro',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}}"  >ACEPTAR</a>
            <a class="btn btn-rechazar  " href="{{route('generar.pdfCordinadoraRetiro',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}}"> PDF</a>
         
 
          </div> --}}
          <div class="container form-group">
            @if( $datos_asignacion[0]->estado_asignacion != "reasignar")  
                @if($datos_asignacion[0]->estado_asignacion != "tarea_asignada")
                <form action="{{route('checklist.retiro_rechazo',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}} " method="POST">
                @csrf            
                    <button class="btn btn-rechazar float-sm-right rechazar"  style="margin-top:14px;" type="button">RECHAZAR</button>
                     </form>
                    <button class="btn btn-conf float-sm-right"  style="margin-right:10px;display:none" type="button">CONFIRMAR Y ENVIAR</button>
               @endif  
               @endif  
                <!-- {{$datos_asignacion[0]->estado_asignacion }} -->
                    @if($datos_asignacion[0]->estado_asignacion == "tarea_asignada")
                       <a class="btn btn-warning float-sm-right reasignar" >Reasignar</a>
                    @else
                       <a class="btn btn-guardar float-sm-right guardar"  style="margin-right:10px;" href="{{route('consumir.Aretiro',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}}"  >ACEPTAR</a>
                       <a class="btn btn-rechazar  " href="{{route('generar.pdfCordinadoraRetiro',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}}"> PDF</a>
                       <a class="btn btn-warning float-sm-right reasignar" >Reasignar</a>
                      @endif 
           </div>
                       
         </div>
           <!-- FIN BARRA DE BUSQUEDA -->
       </div>
         
       
         
       
     </div>

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

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Escriba sus observaciones</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <form action="{{route('checklistRetiro.reasignar',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}} " method="POST">
        @csrf
      <!-- Modal body -->
      <div class="modal-body">
            <div>
              <label class="form-check-label" for="flexCheckDefault">
                ¿Asistió el técnico?
              </label>
            </div>
            <div>
              <input class="" type="checkbox" value="si" name="asistencia" id="asistencia_si" required checked onchange="javascript:changeCheckNo()">
              <label for="">Si</label>
              <input class="" type="checkbox" value="no" name="asistencia_no" id="asistencia_no"  onchange="javascript:changeCheckSi()">
              <label for="">No</label>
            </div>
          <label for="cambio"> <h3>Observaciones</h3></label>
          <textarea  class="form-control" id="modal-obs" name="motivorechazado" required rows="4" ></textarea>
        </div>
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="submit" class="btn btn-danger"  >Enviar</button>
        </div>
   </form>  
    </div>
  </div>
</div> 

    <!--Modal------------------------------------------->

    <div class="modal" id="myModal">
            <div class="modal-dialog">
                <div class="modal-content">
                
                    
                    <div class="modal-header">
                        <h2 class="modal-title">Ver Imágenes</h2>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                    
                        <!--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>
                            
                        {{-- //    {{ asset ("fotos/".$los_datos->url) ?? ''}}"  --}}
                            <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
                                {{-- <div class="carousel-inner">

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

                                @endforeach
                                @endif
                                
                                {{-- <div class="carousel-item">
                                    <img src="img/_MG_5275.jpg" alt="joya 1" width="1980" height="1980">
                                </div>
                                <div class="carousel-item">
                                    <img src="img/_MG_5250.jpg" alt="joya 2" width="1980" height="1980">
                                </div> --}}
                            </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 class="modal-footer" style="text-align: center">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">CERRAR</button>
                    </div>
                    
                    
                </div>
            </div>
        </div>

        <!--Fin Modal----------------------------------------->
        <!--Modal  -->
				<div class="modal" id="modalRechazo">
					<div class="modal-dialog">
					  <div class="modal-content">
						  <!-- Modal Header -->
						  <div class="modal-header">
						    <h4 class="modal-title">Escriba sus observaciones</h4>
						    <button type="button" class="close" data-dismiss="modal">&times;</button>
						  </div>
              <form action="{{route('checklist.retiro_rechazo',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros ?? ''))}} " method="POST">
              <!-- Modal body -->
              @csrf      
              <div class="modal-body">
                <label for="cambio"> <h3>Observaciones</h3></label>
                <textarea  class="form-control" id="modal-obs" name="motivorechazado" required rows="4" ></textarea>	
              </div>
						  <!-- Modal footer -->
              <div class="modal-footer">
                <button type="submit" class="btn btn-danger"  >ENVIAR</button>
              </div>
              </form>  
					  </div>
					</div>
				</div> 
        <!--Fin Modal----------------------------------------->
        <!-- Modal CONTADOR BN-->
        <div class="modal fade" id="modalcontadorbn" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h3>Cambiar Contador B/N</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <div style="text-align:center" >  <input type="" id="contadorbncambio" placeholder="{{$datos_asignacion[0]->cnContador ?? ''}}"></div>
                <input type="hidden" value="{{$datos_asignacion[0]->idCheckRetiros ?? ''}}" id="id_check">
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                  <button type="button" class="btn btn-primary" id="cambiarcontadorbn" >Guardar</button>
                </div>
              </div>
            </div>
          </div>
        <!--Fin Modal----------------------------------------->
        <!-- Modal CONTADOR COLOR-->
        <div class="modal fade" id="modalcontadorcolor" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h3>Cambiar Contador Color</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <div style="text-align:center" >  <input type="" id="contadorcolorcambio" placeholder="{{$datos_asignacion[0]->cnContador_color ?? ''}}"></div>
                <input type="hidden" value="{{$datos_asignacion[0]->idCheckRetiros ?? ''}}" id="id_check">
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                  <button type="button" class="btn btn-primary" id="cambiarcontadorcolor" >Guardar</button>
                </div>
              </div>
            </div>
          </div>
        <!--Fin Modal----------------------------------------->
        <!-- Modal DIRECCION-->
        <div class="modal fade" id="modaldireccion" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h3>Cambiar Dirección</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <div style="text-align:center" >  <input type="" id="direccion_cambio" placeholder="{{$datos_asignacion[0]->csDireccion ?? ''}}"></div>
                <input type="hidden" value="{{$datos_asignacion[0]->idCheckRetiros ?? ''}}" id="id_check">
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                  <button type="button" class="btn btn-primary" id="cambiardireccion" >Guardar</button>
                </div>
              </div>
            </div>
          </div>
        <!--Fin Modal----------------------------------------->
        <!-- Modal COMUNA-->
        <div class="modal fade" id="modalcomuna" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h3>Cambiar Comuna</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <div style="text-align:center" >  
                  <input type="text" id="comuna_cambio" pattern="[a-z]{1,15}" required placeholder="{{$datos_asignacion[0]->csComuna ?? ''}}">
                </div>
                <input type="hidden" value="{{$datos_asignacion[0]->idCheckRetiros ?? ''}}" id="id_check">
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                <button type="submit" class="btn btn-primary" id="cambiarcomuna" >Guardar</button>
              </div>
            </div>
          </div>
        </div>

<!--Fin Modal----------------------------------------->

    @endsection
    <script>
      $(document).ready(function(){
        $("#cambiardireccion").click(function() {
          direccion = $("#direccion_cambio").val();
          id_check = $("#id_check").val();
          var _token = $('input[name="_token"]').val();
          $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            url:"{{ route('cambiodedireccion_retiro') }}",
            type: "post",
            data: {'direccion': direccion,'id_check': id_check},
            success: function(response) {                                
              console.log(response);
              $("#iddireccion").val(response);
              $('#modaldireccion').modal('toggle');
            },
            error: function(xhr, status) {
              alert('Disculpe, ha ocurrido un problema, intente mas tarde');
            }
          })
        });
      });
    </script>
    <script>
      $(document).ready(function(){
        $("#cambiarcontadorbn").click(function() {
          contadorbn = $("#contadorbncambio").val();
          id_check = $("#id_check").val();
          var _token = $('input[name="_token"]').val();
          $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            url:"{{ route('cambiocontadorbn_retiro') }}",
            type: "post",
            data: {'contadorbn': contadorbn,'id_check': id_check},
            success: function(response) {                                
              console.log(response);
              $("#idcontadorbn").val(response);
              $('#modalcontadorbn').modal('toggle');
            },
            error: function(xhr, status) {
              alert('Disculpe, ha ocurrido un problema, intente mas tarde');
            }
          })
        });
      });
    </script>
    <script>
      $(document).ready(function(){
        $("#cambiarcontadorcolor").click(function() {
          contadorcolor = $("#contadorcolorcambio").val();
          id_check = $("#id_check").val();
          var _token = $('input[name="_token"]').val();
          $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            url:"{{ route('cambiocontadorcolor_retiro') }}",
            type: "post",
            data: {'contadorcolor': contadorcolor,'id_check': id_check},
            success: function(response) {                                
              console.log(response);
              $("#idcontadorcolor").val(response);
              $('#modalcontadorcolor').modal('toggle');
            },
            error: function(xhr, status) {
              alert('Disculpe, ha ocurrido un problema, intente mas tarde');
            }
          })
        });
      });
    </script>
    <script>
      $(document).ready(function(){
        $("#cambiarcomuna").click(function() {
          comuna = $("#comuna_cambio").val();
          id_check = $("#id_check").val();
          var _token = $('input[name="_token"]').val();
          $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            url:"{{ route('cambiodecomuna_retiro') }}",
            type: "post",
            data: {'comuna': comuna,'id_check': id_check},

            success: function(response) {
                              
              $("#idcomuna").val(response);
              $('#modalcomuna').modal('toggle');

            },
            
            error: function(xhr, status) {
            
              alert('Disculpe, ha ocurrido un problema, intente mas tarde');
            
            }
          });
        });
      });
    </script>
    <script>
      $(document).ready(function(){
        $('.rechazar').click(function() {

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

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


            $("#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.imagenchecklistRetiro') }}",
                    type: "post",
                    dataType: "html",
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                     success: function(response) { 

                         console.log(response);


                         $("#mensaje-text").text("Imagenes Guardadas");
                         alert("imagenes guardadas");
                           $("#modal_historial_retiros").modal('hide');
                     }
                })
                    .done(function(res){
                        $("#mensaje").html("Respuesta: " + res);
                    });
            });
        });


     $(document).ready(function(){

       $('.asignarimagen').click(function() {
             
             $("#myModal").modal('show');
    });

    //funcion para cambiar los tres estados
    $("#mueble").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'mueble');
    });
    $("#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');
    });
    $("#memoria_sd").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'memoria_sd');
    });
    $("#kit_lector").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'kit_lector');
    });
    $("#equipo_ensamblado").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'equipo_ensamblado');
    });
    $("#negarse_firma").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'negarse_firma');
    });
    $("#bandeja_adicional").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'bandeja_adicional');
    });
 
    
    
 })

 //funciones individuales

 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 =$("#observaciones").text();



		$("#observaciones").text(valor.replace(" sin "+id_chec+',',""));

		//  console.log('true');
		break;


	case 1:
		el.data('checked', 2);
		el.prop('indeterminate', true);
		el.prop('checked', true);

		var valor2 = id_chec;

		var valor =$("#observaciones").text();

		valor+=" sin "+valor2+',';

		$("#observaciones").text(valor);



		//console.log('null');
		$("#" + id_chec).val("no");

	
		break;


	default:
		el.data('checked', 0);
		el.prop('indeterminate', false);
		el.prop('checked', false);
		//console.log('false');

		var valor2 = id_chec;

		var valor =$("#observaciones").text();


		$("#observaciones").text(valor.replace(" sin "+id_chec+',',""));
}
}
 </script>
 <script>
  function changeCheckNo(){
    ($('#asistencia_no')).prop('checked',false);
    check_si = document.getElementById("asistencia_si");
    check_no = document.getElementById("asistencia_no");
    if(check_si.checked){
      check_no.required = false
      check_si.required = true;
    }else if(check_no.checked){
      check_no.required = true;
      check_si.required = false;
    }else{
      check_si.required = true;
      check_no.required = true;
    }
  }
  function changeCheckSi(){
    ($('#asistencia_si')).prop('checked',false);
    check_si = document.getElementById("asistencia_si");
    check_no = document.getElementById("asistencia_no");
    if(check_no.checked){
      check_no.required = true;
      check_si.required = false;
    }else if(check_si.checked){
      check_no.required = false;
      check_si.required = true;
    }else{
      check_si.required = true;
      check_no.required = true;
    }
  }
</script>