@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">

        <form action="{{route('create.checklistRetiros' , Crypt::encryptString($retiros[0]->id)) }} " 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>
                <select name="tecnico" class="custom-select col-mb-3">
                    <option value="" selected>SELECCIONE</option>
                    @if(!empty($trabajadores))
                        @foreach ($trabajadores   as $los_datos)
                          <option value="{{$los_datos->id}}" >{{$los_datos->nombre_uno. " ".$los_datos->apellido_uno. " ".$los_datos->apellido_dos }}  </option>
                        @endforeach
                    @endif
                </select>
                @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="number" class="form-control" id=""  value="{{$total_dias}}" 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>
                        <select name="proyectos" class="custom-select col-mb-3">
                        <option value="" selected>SELECCIONE</option>
                        @if(!empty($proyectos))
                            @foreach ($proyectos   as $los_datos)
                                <option value="{{$los_datos->id_proyecto}}">{{$los_datos->nombre." (".$los_datos->razon_social.")" }}  </option>
                            @endforeach
                        
                        @endif
                        
                    </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="{{$retiros[0]->sCliente}}" name="">
                </div>
           <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Fecha</h2></label>
                   <input type="" class="form-control" id="" placeholder="FECHA" name=""  style="pointer-events: none"  readonly="readonly" placeholder="DIRECCIÓN" value="{{$retiros[0]->dFecharegistrado}}" name="">
                </div>

                <div style="display:none">
                        <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="">
                            </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="">
                            </div>
            </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="{{$retiros[0]->sDireccion}}" 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="" style="pointer-events: none" readonly="readonly" value="{{$retiros[0]->sComuna}}">
                </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="{{$retiros[0]->sCui}}">
                </div>
               <!-- Fila 4 ------------------------------------------------------>


               <div style="display:none">

            

               <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="">
               </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="">
               </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Contador B/N</h2></label>
                 <input type="" class="form-control" id="" placeholder="CONTADOR B/N" name="">
               </div>
               <div class="container col-sm-3 form-group">
                   <label for="email"><h2>Contador color</h2></label>
                 <input type="" class="form-control" id="" placeholder="CONTADOR COLOR" name="">
               </div>
               <!-- Fila 6 ------------------------------------------------------>
               <div class="container col-sm-6 form-group checkbox">
                   <input type="checkbox" id="cambio" name="cambio" value="cambio-de-serie">
                   <label for="cambio"><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 type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                       <label for="band-ad" style="margin-top: auto"><h3>Bandeja adicional</h3</label>
                   </div>
                   <div class=" col-sm-3 form-group">
                       <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                       <label for="band-ad"><h3>Mueble</h3></label>
                   </div>
                   <div class=" col-sm-3 form-group">
                       <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                       <label for="band-ad"><h3>Kit lector</h3></label>
                   </div>
                   <div class=" col-sm-3 form-group">
                       <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                       <label for="band-ad"><h3>Memoria SD</h3></label>
                   </div>
                   <!-- FILA 8.2 -->
                   <div class="col-sm-3 form-group checkbox">
                       <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                       <label for="band-ad"><h3>Cable red</h3></label>
                   </div>
                                   
                   <div class="col-sm-3 form-group checkbox">
                       <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                       <label for="band-ad"><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="cambio" name="cambio" value="cambio-de-serie">
                   <label for="cambio"> <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 class="form-control" id="obs" name="obsercaviones" 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="" class="form-control" id="" placeholder="DATOS DEL TÉCNICO" name="">
               </div>
               <div class="container col-sm-6 form-group">
                   <label for="email"><h2>Datos del Contacto</h2></label>
                   <input type="" class="form-control" id="" placeholder="DATOS DEL CONTACTO" name="">
               </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">
                   <input type="checkbox" id="cambio" name="cambio" value="cambio-de-serie">
                   <label for="cambio"><h3>Cliente se niega a firmar</h3></label>
               </div>
                 {{-- fin del display --}}
            </div>                 
           <div class="container form-group">
               
               <button class="btn btn-rechazar float-sm-right" style="margin-right:10px; display:none" type="button">RECHAZAR</button>
               <button class="btn btn-conf float-sm-right"  style="margin-right:10px;display:none" type="button">CONFIRMAR Y ENVIAR</button>
               <button class="btn btn-guardar float-sm-right guardar" style="margin-right:10px;" type="submit">GUARDAR</button>
           </div>
                       
         </div>
        </form>
           <!-- FIN BARRA DE BUSQUEDA -->
       </div>
         
       
         
       
     </div>


    <!-- MODAL IMAGENES -->
    <div class="modal fade" id="modal_historial_retiros" role="dialog">
      <div class="modal-dialog  modal-lg">
        <div class="modal-content">
          <div class="modal-header">
              <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">
                                 <div class="container rounded-lg">
                                     <!-- CARGA DE IMAGEN DE RETIRO -->
                                       
                                         <div class="row reex" style="height: auto">
                                             
                                             <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="cargar-foto1">
                                             </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="button">SUBIR IMÁGENES</button>
                                         </div>
                                   
                                   
                                   
                               </div>
                              
               
        </div>
      </div>
    </div>


@endsection
 <script>
 $(document).ready(function(){

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