@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 mt-5">
  <div class="title-vista mt-4">CHECKLIST DE RETIRO DE EQUIPOS</div>
</div>

<div class="container my-4">
  <div class="seccion-filtro">Asignación</div> 
  <hr class="separador">
  <div class="row">
    

    <!-- Fila 1 ------------------------------------------------------>
    <div class="col-sm-3 form-group">
      <label for="">Técnico asignado</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 mayuscula" id="" placeholder="Técnico asignado" name="numero_visitas">
        @error('tecnico')
          <div class="alert alert-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-sm-3 form-group">
      <label for="email">Nº de visita</label>
      <input type="text" value="{{$datos_asignacion[0]->numero_visita ?? ''}}" class="form-control mayuscula" 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="col-sm-3 form-group">
      <label for="">Proyecto asociado</label>
      <input type="text" class="form-control mayuscula" value="{{$proyectos[0]->nombre ?? ''}} " style="pointer-events: none" readonly="readonly">
      </select>
      @error('proyectos')
        <div class="alert alert-danger">{{ $message }}</div>
      @enderror
    </div>
  </div>   
  

  <div class="seccion-filtro">Detalle del Cliente</div> 
  <hr class="separador">

  <div class="row">       
    <!-- Fila 2 ------------------------------------------------------>
    <div class="col-sm-3 form-group">
      <label for="email">Cliente</label>
      <input type="" class="form-control mayuscula" id="" placeholder="Cliente" name="" style="pointer-events: none"  readonly="readonly" value="{{$proyectos[0]->razon_social ?? ''}}" name="">
    </div>

    <div class="col-sm-3 form-group">
      <label for="email">Fecha</label>
      <input type="" class="form-control mayuscula" id="" placeholder="Fecha" name=""  readonly="readonly" value="{{Carbon\Carbon::createFromDate($datos_asignacion[0]->fecha_inicio ?? '')->format('d-m-Y')}}">
    </div>
    
    <div class="col-sm-3 form-group">
      <label for="email">Hora de inicio</label>
      <input type="" class="form-control mayuscula" 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="col-sm-3 form-group">
      <label for="email">Hora de termino</label>
      <input type="" class="form-control mayuscula" 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="col-sm-6 form-group">
      <label for="email">Dirección</label>
      <input type="" class="form-control mayuscula" id="" style="pointer-events: none" readonly="readonly" placeholder="Direción" value="{{$datos_asignacion[0]->csDireccion ?? ''}}" name="">
    </div>

    <div class="col-sm-3 form-group">
      <label for="email">Comuna</label>
      <input type="" class="form-control mayuscula" id="" placeholder="Comuna" name="" style="pointer-events: none" readonly="readonly" value="{{$datos_asignacion[0]->csComuna ?? ''}}">
    </div>

    <div class="col-sm-3 form-group">
      <label for="email">CUI o Código Sucursal</label>
      <input type="" class="form-control mayuscula" id="" placeholder="SC" name=""  style="pointer-events: none" readonly="readonly" value="{{$datos_asignacion[0]->csCui ?? ''}}">
    </div>
  </div>


  <div class="seccion-filtro">Detalle de Equipamiento</div> 
  <hr class="separador">

  <div class="row">
    <!-- Fila 4 ------------------------------------------------------>
    <div class="col-sm-3 form-group">
      <label for="email">Serie</label>
      <input type="" class="form-control mayuscula" id="" placeholder="Serie" name="n_serie"   readonly="readonly" value="{{$datos_asignacion[0]->csSerie ?? ''}}">
    </div>

    <div class="col-sm-3 form-group">
      <label for="email">Modelo</label>
      <input type="" class="form-control mayuscula" id="" placeholder="Modelo" name="n_modelo"  readonly="readonly" value="{{$datos_asignacion[0]->csModelo ?? ''}}">
    </div>

    <div class="col-sm-3 form-group">
      <label for="email">Contador B/N</label>
      <input type="" class="form-control mayuscula" id="" placeholder="Contador B/N"  readonly="readonly" name="n_contador" value="{{$datos_asignacion[0]->cnContador ?? ''}}">
    </div>

    <div class="col-sm-3 form-group">
      <label for="email">Contador color</label>
      <input type="" class="form-control mayuscula" id="" placeholder="CONTADOR COLOR"  readonly="readonly" name="n_contadorcolor" value="{{$datos_asignacion[0]->cnContador_color ?? ''}}">
    </div>

    <!-- Fila 6 ------------------------------------------------------>
    <div class="col-sm-12 form-group checkbox">
      <input type="checkbox" id="equipo_sucursal" name="equipo_sucursal"   value="si" {{ (! empty(old('equipo_sucursal')) ? 'checked' : '') }}>
      <label for="equipo_sucursal">El equipo no se encuentra en la sucursal</label>
    </div>
  </div>   
  

  <div class="seccion-filtro">Accesorios</div> 
  <hr class="separador">

  <div class="row">      
    <!-- 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">Bandeja adicional</label>
      @else
        <input type="checkbox" id="bandeja_adicional" name="bandeja_adicional"  value="si" {{ (! empty(old('bandeja_adicional')) ? 'checked' : '') }}>
        <label for="bandeja_adicional">Bandeja adicional</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">Mueble</label>
        @else
        <input type="checkbox" id="mueble" name="mueble"   value="si" {{ (! empty(old('mueble')) ? 'checked' : '') }}>
        <label for="mueble">Mueble</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">Kit lector</label>
        @else
          <input type="checkbox" id="kit_lector" name="kit_lector"  value="si" {{ (! empty(old('kit_lector')) ? 'checked' : '') }}>
          <label for="kit_lector">Kit lector</label>
        @endif
    </div>

    <div class=" col-sm-3 form-group">
      @if ($datos_asignacion[0]->kitlector == 'si')
        <input type="checkbox" id="memoria_sd" name="memoria_sd" checked="checked"   value="si" {{ (! empty(old('memoria_sd')) ? 'checked' : '') }}>
        <label for="memoria_sd">Memoria SD</label>
      @else
        <input type="checkbox" id="memoria_sd" name="memoria_sd"    value="si" {{ (! empty(old('memoria_sd')) ? 'checked' : '') }}>
        <label for="memoria_sd">Memoria SD</label>
      @endif
    </div>
                   
    <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">Cable red</label>
      @else
        <input type="checkbox" id="cable_red" name="cable_red"   value="si" {{ (! empty(old('cable_red')) ? 'checked' : '') }}>
        <label for="cable_red">Cable red</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">Cable de poder</label>
      @else
        <input type="checkbox" id="cable_poder" name="cable_poder"   value="si" {{ (! empty(old('cable_poder')) ? 'checked' : '') }}>
        <label for="cable_poder">Cable de poder</label>
      @endif
    </div>
  </div> 


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

  <div class="row">    
    <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">Equipo embalado (si la respuesta es no, indicar el motivo en observaciones)</label>
      @else
        <input type="checkbox" id="equipo_ensamblado" name="equipo_ensamblado" value="si" {{ (! empty(old('equipo_ensamblado')) ? 'checked' : '') }}>
        <label for="equipo_ensamblado">Equipo embalado (si la respuesta es no, indicar el motivo en observaciones)</label>
      @endif
    </div>
  </div>


  <div class="seccion-filtro">Observaciones</div> 
  <hr class="separador">

  <div class="row"> 
    <div class="col-sm-12 form-group">
      <label for="cambio"> Observaciones</label>
      <textarea  class="form-control" id="cambio" name="obsercaviones"   readonly="readonly" rows="4" name="observaciones"> {{ $datos_asignacion[0]->csObservacion }} </textarea>
    </div>

    <div class="col-sm-6 form-group">
      <button class="btn btn-secundario px-5 asignarimagen" type="button">Ver imágenes</button>
    </div>
  </div>   
  

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

  <div class="row">
    <div class="col-sm-6 form-group">
      <div class="row">
        <div class="col-sm-6 form-group">
          <label for="email">Datos del Técnico</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="col-sm-6 form-group">
          <label for="email">Firma Técnico</label>
      </div>
      </div>
    </div>
    <div class="col-sm-6 form-group">
      <div class="row">
        <div class="col-sm-6 form-group">
          <label for="email">Datos del Contacto</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="col-sm-6 form-group">
          <label for="email">Firma Contacto</label>
        </div>

        <div class="col-sm-6 form-group checkbox">
          @if ($datos_asignacion[0]->cliente_firma == 0)
            <input type="checkbox" id="negarse_firma" name="negarse_firma" value="si">
            <label for="negarse_firma">Cliente se niega a firmar</label>
          @else
             <input type="checkbox" id="negarse_firma" checked="checked" name="negarse_firma" value="si">
             <label for="negarse_firma">Cliente se niega a firmar</label>
         @endif
         <img class="d-block" src="{{ asset ("fotos/".$datos_asignacion[0]->url_firma ) ?? ''}}" >
       </div>
      </div>
    </div>            
  </div>
  <!-- FIN BARRA DE BUSQUEDA -->
</div>
         
       

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

      <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>
                            
          <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>
                            
          <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-prim px-sm-5" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>
<!--Fin Modal----------------------------------------->
    @endsection
     <script>

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


     $(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;
        if(id_chec == "equipo_ensamblado"){
          id_chec = "Embalar Esquipo";
        }

        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>