@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;}
</style>
{{-- <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">-->
<!-- <script src="https://files.codepedia.info/files/uploads/iScripts/html2canvas.js"></script> -->


<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<style>
    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>


@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
<div class="mostrar" style="text-align: right">
   <a  href="javascript: history.go(-1)"><img src="img/volver.png" ></a>

</div>
<div class="container-fluid">
            @if ( $datos_asignacion[0]->estado_inicio == null || $datos_asignacion[0]->estado_inicio == "" )
                  <a class="dropdown-item"  href="{{route('iniciando.checklistRetiro',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros))}}" style="text-align: right"> <button class="btn btn-success float-sm-right" style="margin-top: 30px">Iniciar Retiro</button></a> 
            
            @else

            @endif

       <div class="container">

        <form action="{{route('update.IniciarchecklistRetiros',Crypt::encryptString($datos_asignacion[0]->idCheckRetiros))}} " method="POST">
            @csrf

           <!-- 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>

               <input type="hidden"  value="{{$accion}}" name="acc">


               <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="">
          
              </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-6 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-6 form-group">
                    
                 </div>
            


               <!-- Fila 3 ------------------------------------------------------>
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Dirección</h2></label>
                   <input type="" class="form-control" id="" 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>
                   <input type="" class="form-control" id="" placeholder="COMUNA" name="sComuna"  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="n_serie" placeholder="SERIE"  name="n_serie" 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="n_modelo" placeholder="MODELO" style="pointer-events: none" readonly="readonly" required name="n_modelo" value="{{$datos_asignacion[0]->csModelo ?? ''}}">
               </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Contador B/N</h2></label>
                 <input type="number"  onKeyPress="return soloNumeros(event)" class="form-control" id="n_contador" placeholder="CONTADOR B/N" required 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>
                 <input type="number"  onKeyPress="return soloNumeros(event)" class="form-control" id="n_contadorcolor" placeholder="CONTADOR COLOR" required 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">
                       <input class="111" type="checkbox" id="bandeja_adicional" name="bandeja_adicional" required value="si" {{ (! empty(old('bandeja_adicional')) ? 'checked' : '') }}>
                       <label for="bandeja_adicional" style="margin-top: auto"><h3>Bandeja adicional</h3</label>
                   </div>
                   <div class=" col-sm-3 form-group">
                       <input class="111" type="checkbox" id="mueble" name="mueble" required value="si" {{ (! empty(old('mueble')) ? 'checked' : '') }}>
                       <label for="mueble"><h3>Mueble</h3></label>
                   </div>
                   <div class=" col-sm-3 form-group">
                       <input class="111" type="checkbox" id="kit_lector" name="kit_lector" required value="si" {{ (! empty(old('kit_lector')) ? 'checked' : '') }}>
                       <label for="kit_lector"><h3>Kit lector</h3></label>
                   </div>
                   <div class=" col-sm-3 form-group">
                       <input class="111" type="checkbox" id="memoria_sd" name="memoria_sd" required  value="si" {{ (! empty(old('memoria_sd')) ? 'checked' : '') }}>
                       <label for="memoria_sd"><h3>Memoria SD</h3></label>
                   </div>
                   <!-- FILA 8.2 -->
                   <div class="col-sm-3 form-group checkbox">
                       <input class="111" type="checkbox" id="cable_red" name="cable_red" required  value="si" {{ (! empty(old('cable_red')) ? 'checked' : '') }}>
                       <label for="cable_red"><h3>Cable red</h3></label>
                   </div>
                                   
                   <div class="col-sm-3 form-group checkbox">
                       <input class="111" type="checkbox" id="cable_poder" name="cable_poder" required  value="si" {{ (! empty(old('cable_poder')) ? 'checked' : '') }}>
                       <label for="cable_poder"><h3>Cable de poder</h3></label>
                   </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">
                   <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>
               </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 required class="form-control" id="11observaciones" name="observaciones" rows="4"></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="">
               </div>
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Datos del Contacto</h2></label>
                   <input type="text" value="" required class="form-control" id="d_contacto" placeholder="Contacto" name="contacto">
               </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>            
                @if ( $datos_asignacion[0]->estado_inicio != 0 || $datos_asignacion[0]->estado_inicio != ""  )
                <div class="container col-sm-12 form-group checkbox">
                  <input type="checkbox"  id="no_firma_cliente" name="no_firma_cliente" value="si">
                  <label for="no_firma_cliente"> <h3>Cliente se niega a firmar</h3></label>                                
                  <div id="contenido" class="table table-responsive" style="background-color:#e8f5fe; display;"  >
                    {{-- <form id='formCanvas' method='post' action="{{route('guardarfirmaretiro')}} " enctype='multipart/form-data'> --}}
                    @csrf
                      <table>
                        <tr><td><canvas id="pizarra" name="img_firma"><_tecnico/canvas></td></tr>
                      </table>
                      <input type="text" style="display:none "  id="imagen_firma" value="" name="imagen_firma">
                      <input type="text" style="display:none "  id="check" value="{{Crypt::encryptString($datos_asignacion[0]->idCheckRetiros)}}" name="check">
                      <button type='button' id="enviar_firma" onclick="guardandofirna()" >Guardar</button>
                      <button type='button' id="borrars"  onclick="borrar()" >Borrar</button>
                      <input type='hidden' name='imagen' id='imagen'>
                    {{-- </form> --}}
                  </div>
                  <div class="form-group">
                    <button class="btn btn-info btn-block" type="button">Firma masiva</button>
                    <div class="multiselect">
                      <div class="selectBox" onclick="showCheckBoxes2()">
                        <select class="form-control">
                          <option>Seleccionar checks</option>
                        </select>
                        <div class="overSelect"></div>
                      </div>
                      <div id="checkboxes2">
                        <label for="one">
                          @if(!empty($datos_retiros))
                            @foreach ($datos_retiros as $checks)
	                            <div><input type="checkbox" id="jerarquia" name="jerarquia[]" value="{{$checks->idcheck}}">{{strtoupper($checks->Csdireccion)}} - {{strtoupper($checks->Cscliente)}} - {{$checks->CsSerie ?? 'Sin serie'}}</div>
                            @endforeach
                          @endif
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
                @endif
              </div>
               
               @if ( $datos_asignacion[0]->estado_inicio != 0 || $datos_asignacion[0]->estado_inicio != ""  )

                        <div class="container col-sm-6 form-group checkbox">
                            <button class="btn btn-verimg asignarimagen" type="button">SUBIR IMÁGENES</button>
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_fotos_android">
                                Android
                            </button>	
                        </div>
                    
                @endif        
               <div class="container col-sm-6 form-group checkbox">
                <label for=""><h2>Estado</h2></label>
                <select name="estado" required class="custom-select mayuscula col-mb-3" id="estado">
                  <option class="mayuscula" value="" required disabled selected>SELECCIONE</option>
                  <option id="_id_finalizado" class="mayuscula" value="finalizado" >  Finalizado (envalado) </option>
                  <option id="id_noretirado" class="mayuscula" value="no retirado" >  No retirado (conectado sin retiro) </option>
                  <option id="id_desconectado" class="mayuscula" value="desconectado">  Desconectado (Arrumbado)  </option>
                </select>			
               </div>
                 
                 {{-- fin del display --}}
                 @if ( $datos_asignacion[0]->estado_inicio != 0 || $datos_asignacion[0]->estado_inicio != ""  )
                        <div class="container form-group">

                            <button class="btn btn-guardar float-sm-right guardar" style="margin-right:10px;" type="submit">GUARDAR</button>
                        </div>
                @endif
         </div>
        </form>
       </div>
     </div>

<!-- FIN BARRA DE BUSQUEDA -->

    <!-- 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">
              <h1 style="margin-top: 50px">CARGA DE IMAGEN DE RETIRO</h1>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>
          <div class="modal-body">
          
                               <div class="container-fluid">
                                    <form enctype="multipart/form-data" id="formuploadajax" method="post">
                                        @csrf

                                                <div class="container rounded-lg">
                                                    <!-- CARGA DE IMAGEN DE RETIRO -->
                                                    
                                                        <div class="row reex" style="height: auto">
                                                            <input type="text" style="display:none" name="check_listRetiro" id="" value="{{$datos_asignacion[0]->idCheckRetiros}}">


                                                            <div class="container col-12" style="margin-top: 10px">
                                                                <h2><strong>Adjunte la imagen que se solicita a continuación</strong></h2>
                                                            </div>
                                                        
                                                            <!-- 1 -->
                                                            <div class="container col-sm-12 form-group" style="margin-top: 10px">
                                                            <label for="email" class="espacio_carga_img"><h2>Fotografía de la página de estado</h2></label>
                                                                <input type="file" id="cargafoto1" name="cargafoto1">
                                                            </div>
                                                            
                                                        </div>
                                                        
                                                        <!-- FIN CARGA DE IMAGEN DE RETIRO -->
                                                    </div>
                                                    
                                                    
                                                    <div class="container form-group">
                                                            <br>
                                                            <button class="btn btn-cancelar float-sm-right guardar btn-rechazar" type="button">CANCELAR</button>
                                                            <button class="btn btn-subir-img float-sm-right btn-conf"  style="margin-right:10px;" type="submit">SUBIR IMÁGENES</button>
                                                        </div>
                                    </form>
                                   
                                   
                               </div>
                              
               
        </div>
      </div>
    </div>
 </div>


 <div class="modal fade" id="modal_fotos_android" role="dialog">
	<div class="modal-dialog  modal-lg">
	  <div class="modal-content">
		<div class="modal-header">
			<h1 style="margin-top: 50px">Ingresar el siguiente ID en la Aplicacción</h1>
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		</div>
		<div class="modal-body">
		
					
	  <div class="container-fluid">
		{{-- <form enctype="multipart/form-data" id="formuploadajax" method="post">
			@csrf --}}


	    <div class="container rounded-lg">
			<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->

	
			  {{-- <div class="row reex" style="height: auto"> --}}
				
				<div style="text-align: center; border-style: solid; background: #E8F5FE; border-radius: 5px;border-color: #BAC5D8">
					 <h1>ID = {{$datos_asignacion[0]->idCheckRetiros}}</h1>
				</div>
	
			
		</div>
		  
		  
		  <div class="container form-group">
				 <br>  
			 	 <button class="btn btn-cancelar float-sm-right guardar" type="button" data-dismiss="modal">CANCELAR</button>
				{{-- <button class="btn btn-subir-img float-sm-right upload" type="submit">SUBIR IMÁGENES</button> --}}
        	</div>
		  
		{{-- </form>   --}}
		  
      </div>		
								 
								 
								 
		 </div>
							
			 
	  </div>
	</div>
  </div>

@endsection
 <script>
    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
      //======================================================================

      /**
       * 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);
  
 
  
  
  //$("#formCanvas").on("submit", function(e){

 
 // });
  
  
  
    });
    function guardandofirna(){ 


       // <input type="text" style="display: "  id="imagen_firma" value="" name="imagen_firma">
        //<input type="text" style="display: "  id="check" value="{{Crypt::encryptString($datos_asignacion[0]->idCheckRetiros)}}" name="check">

      
      url_img =document.getElementById("pizarra").toDataURL('image/png');

    $("#imagen_firma").val(url_img);
   
     // var formData = new FormData(document.getElementById("formCanvas"));
     var _token = $('input[name="_token"]').val();

        var imagen_firma = $("#imagen_firma").val();
        var check = $("#check").val();
        var a = document.getElementById("jerarquia");
      //alert(check);
       // alert(id);

   //   formData.append("dato", url_img);
      //formData.append(f.attr("name"), $(this)[0].files[0]);
      $.ajax({
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },

          url:"{{ route('guardarfirmaretiro') }}",
          type: "post",
          //dataType: "html",
          data: {'imagen_firma': imagen_firma,'check': check, 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){
       //    alert("error");
          });
     }

 $(document).ready(function(){

      //////////////////////////////////////////////////////
      $("#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);
                });
        });
                   
    

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

    $( '#equipo_sucursal' ).on( 'click', function() {
    if( $(this).is(':checked') ){
      valor ="";
      valor2 = ".El equipo no se encuentra en la sucursal,";
      valor+=" sin "+valor2+',';
      $("#observaciones").val(valor);


      $('#mueble').removeAttr("required");
      $('#cable_poder').removeAttr("required");
      $('#cable_red').removeAttr("required");
      $('#memoria_sd').removeAttr("required");
      $('#kit_lector').removeAttr("required");
      $('#equipo_ensamblado').removeAttr("required");
      $('#negarse_firma').removeAttr("required");
      $('#bandeja_adicional').removeAttr("required");
      $('#n_serie').removeAttr("required");
      $('#n_modelo').removeAttr("required");
      $('#n_contador').removeAttr("required");
      $('#n_contadorcolor').removeAttr("required");
      $('#d_contacto').removeAttr("required");

      

    } else {

      valor2 = "El equipo no se encuentra en la sucursal";

      var valor =$("#observaciones").val();
      $("#observaciones").val(valor.replace(" sin "+valor2+',',""));

       


      $('#mueble').attr("required",true);
      $('#cable_poder').attr("required",true);
      $('#cable_red').attr("required",true);
      $('#memoria_sd').attr("required",true);
      $('#kit_lector').attr("required",true);
      $('#equipo_ensamblado').attr("required",true);
      $('#negarse_firma').attr("required",true);
      $('#bandeja_adicional').attr("required",true);
      $('#n_serie').attr("required",true);
      $('#n_modelo').attr("required",true);
      $('#n_contador').attr("required",true);
      $('#n_contadorcolor').attr("required",true);
      $('#d_contacto').attr("required",true);

      
    }
  });
    


    //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").val();


    $("#" + id_chec).val("si");
		$("#observaciones").val(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").val();

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

		$("#observaciones").val(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');
    $("#" + id_chec).val("");
		var valor2 = id_chec;

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


		$("#observaciones").val(valor.replace(" sin "+id_chec+',',""));
}
}
function soloNumeros(e){

var key = window.Event ? e.which : e.keyCode
return (key >= 48 && key <= 57)
}
 </script>
<script>
  $(document).ready(function() {
    var option1 = document.getElementById('id_finalizado');
    $(".111").each(function(index){
      $(this).on("click",function(){
        if($("#bandeja_adicional").is(":checked") &&
           $("#mueble").is(":checked") &&
           $("#kit_lector").is(":checked") &&
           $("#memoria_sd").is(":checked") &&
           $("#cable_red").is(":checked") &&
           $("#cable_poder").is(":checked")
           ){
          option1.disabled = false;
        }
        else{
          option1.disabled = true;
        }
      });
    });

    $('#estado option:selected').each(function() {
      if(this.selected){
        $('#mueble').removeAttr("required");
        $('#cable_poder').removeAttr("required");
        $('#cable_red').removeAttr("required");
        $('#memoria_sd').removeAttr("required");
        $('#kit_lector').removeAttr("required");
        $('#equipo_ensamblado').removeAttr("required");
        $('#negarse_firma').removeAttr("required");
        $('#bandeja_adicional').removeAttr("required");
        $('#n_serie').removeAttr("required");
        $('#n_modelo').removeAttr("required");
        $('#n_contador').removeAttr("required");
        $('#n_contadorcolor').removeAttr("required");
        $('#d_contacto').removeAttr("required");
      }
    });

  });
</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>