@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="">
            </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="{{ $datoscapa[0]->nombre_uno." ". $datoscapa[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>
                                <th><h3>Historial</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/Aprobar.png') }}"  alt=""> </div>
                                </td>
                                <td>
                                <a target="_blank" href="{{route('go.ver_check_retirocordinadora',Crypt::encryptString($los_datos->idasignacion))}}">
                                        <span class="material-icons">history</span>
                                    </a>
                                </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>
            <a class="btn btn-rechazar" target="_blank" style="margin-left: 2%; margin-bottom: 2%" href="{{route('generar.pdfresumenRetiroCordi',Crypt::encryptString($idcapa))}}"> PDF</a><!--{{$idcapa}}-->
        </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>