@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')
@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>

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

    <div class="container">
        <!-- BARRA DE BUSQUEDA -->
        <h1 style="margin-top: 50px">Resumen de retiro</h1>
         <div class="row reex" style="height: auto">

            <!-- ASIGNACIÓN -->
            <div class="container col-12" style="margin-top: 10px">
                <h2><strong>Datos de la sucursal&nbsp;</strong></h2>
            </div>
            <!-- Fila 1 ------------------------------------------------------>
            <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="dcui" readonly value="{{$datoscapa[0]->cuisucursal}}" required placeholder="CUI O CÓDIGO SUCURSAL" name="dcui">
            </div>
            <div class="container col-sm-3 form-group">
                <label for="email"><h2>Cliente</h2></label>
            <input type="" class="form-control" id="cliente" name="cliente" readonly value="{{$datoscapa[0]->cliente}}" required placeholder="CLIENTE" name="">
            </div>
            <div class="container col-sm-3 form-group">
                    <label for=""><h2>Proyecto asociado</h2></label>
                    <input type="" class="form-control" id="proyectos" name="proyectos" readonly value="{{$datos_proyecto[0]->nombre}}" required placeholder="proyectos" name="">
                </select>

            </div>
            <div class="container col-sm-3 form-group">
                <label for="email"><h2>Técnico</h2></label>
                  <input type="" class="form-control" id="" name="" placeholder="TÉCNICO" name="" readonly value="{{ $datos_tecnico[0]->nombre_uno." ". $datos_tecnico[0]->apellido_uno }}">
            </div>

              <!-- Fila 2 ------------------------------------------------------>
              <div class="container col-sm-6 form-group ali">
                <label for="email"><h2>Dirección</h2></label>
                <input type="" class="form-control" id="direccion" name="direccion" readonly value="{{$datoscapa[0]->direccion}}" required placeholder="DIRECCIÓN" name="">
            </div>
              <div class="container col-sm-3 form-group ali">
                <label for="email"><h2>Comuna</h2></label>
                <input type="" class="form-control" id="comuna" name="comuna" value="{{$datoscapa[0]->comuna}}" readonly required placeholder="COMUNA" name="">
            </div>
              <div class="container col-sm-3 form-group ali">
                <label for="email"><h2>Ciudad</h2></label>
                <input type="" class="form-control" id="ciudad" name="ciudad" value="{{$datoscapa[0]->ciudad}}" readonly required placeholder="CIUDAD" name="">
            </div>


            <div class="container"><hr class="linea"></div>

            <!-- TABLA -->
          <div class="container col-12" style="margin-top: 10px">
              <h2><strong>Lista de Nº de serie con check individual</strong></h2>
          </div>
          <div class="container">
              <div class="conteiner row rein" style="border: 5px solid #e8f5fe">
                <table class="table table-sm table-bordered table-responsive-md table-striped table-hover">
                  <!-- ENCABEZADO -->
                  <thead>
                        <tr>
                          <th class="container-2"><h3>Nº de serie</h3></th>
                          <th class="container-4"><h3>Modelo</h3></th>
                          <th class="container-1"><h3>Contador color</h3></th>
                             <th class="container-1"><h3>Contador B/N</h3></th>
                             <th class="container-3"><h3>Embalado</h3></th>
                        </tr>
                  </thead>
                  <!-- FIN ENCABEZADO -->

                  <!-- RESULTADOS -->
                  <tbody>
                      @if(!empty($datos_checklist))
                          @foreach ($datos_checklist  as $los_datos)
                          <tr>
                                  <td>{{$los_datos->csSerie}}</td>
                                  <td>{{$los_datos->csModelo}}</td>
                                  <td>{{$los_datos->cnContador_color}}</td>
                                  <td>{{$los_datos->cnContador}}</td>
                                  <td>
                                      <div style="text-align: center">
                                      <img src="{{ asset('Botones/Botones/check-embalado.png') }}"  alt=""> </div>
                                  </td>
                          </tr>
                          @endforeach
                      @endif
                  </tbody>

                  <!-- FIN RESULTADOS -->
                  </table>
                  <br><br>
              </div>
          </div>
          <!-- FIN TABLA -->
          <div class="container"><hr class="linea"></div>


            <!-- CANTIDADES -->
            <div class="container col-12" style="margin-top: 10px">
                <h2><strong>Cantidades</strong></h2>
            </div>
            <div class="container col-sm-3 form-group ali">
                <label for="email"><h2>Suma de embalados</h2></label>
                <input type="" class="form-control" id="cantidadembalado" readonly value="{{$datoscapa[0]->suma_embalados}}" required placeholder="0" name="cantidadembalado">
            </div>
            <div class="container col-sm-3 form-group ali">
                <label for="email"><h2>Suma sin embalar</h2></label>
                <input type="" class="form-control" id="cantidadsinembalar" readonly value="{{$datoscapa[0]->suma_sinembalar}}" required placeholder="0"  name="cantidadsinembalar">
            </div>
            <div class="container col-sm-3 form-group ali">
                <label for="email"><h2>Motivo sin embalar</h2></label>
                <textarea class="form-control" id="obsercaviones" name="obsercaviones" readonly required rows="1" placeholder="Explique el motivo...">{{$datoscapa[0]->descripcion_motivo}}</textarea>
            </div>
            <div class="container col-sm-3 form-group ali">
                <label for="email"><h2>Cantidad de bultos</h2></label>
                <input type="" class="form-control" id="cantidadbultos" value="{{$datoscapa[0]->cantidad_bultos}}" readonly  required placeholder="0" name="cantidadbultos">
            </div>
            <!-- FIN CANTIDADES -->
            <div class="container col-sm-12 form-group checkbox">
                              <button align="left" class="btn btn-verimg asignarimagen" type="button">VER IMAGEN</button>
            </div>
        </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 Imagen</h2>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                
                      <img src="{{ asset ("fotos/".$datoscapa[0]->imagen) ?? ''}}" alt="cajas" class="img img-responsive img-thumbnail">
                    
                </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----------------------------------------->
@endsection
<script>
             $(document).ready(function(){

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