@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 mt-5">
    <div class="title-vista mt-4">Ver resumen de retiro</div>
</div>


<div class="container mt-4">
    <div class="seccion-filtro">Datos de la sucursal</div> 
    <hr class="separador">

    <div class="row">
        <!-- Fila 1 ------------------------------------------------------>
        <div class="col-sm-3 form-group">
            <label for="email">CUI o Código Sucursal</label>
            <input type="" class="form-control mayuscula" id="dcui" readonly value="{{$datoscapa[0]->cuisucursal}}" required placeholder="CUI O CÓDIGO SUCURSAL" name="dcui">
        </div>
        <div class="col-sm-3 form-group">
            <label for="email">Cliente</label>
            <input type="" class="form-control mayuscula" id="cliente" name="cliente" readonly value="{{$datoscapa[0]->cliente}}" required placeholder="CLIENTE" name="">
        </div>
        <div class="col-sm-3 form-group">
            <label for="">Proyecto asociado</label>
            <input type="" class="form-control mayuscula" id="proyectos" name="proyectos" readonly value="{{$datos_proyecto[0]->nombre}}" required placeholder="proyectos" name="">
        </div>
        <div class="col-sm-3 form-group">
            <label for="email">Técnico</label>
            <input type="" class="form-control mayuscula" id="" name="" placeholder="TÉCNICO" name="" readonly value="{{ $datoscapa[0]->nombre_uno." ". $datoscapa[0]->apellido_uno }}">
        </div>

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


    <div class="seccion-filtro">Lista de Nº de serie con check individual</div> 
    <hr class="separador">

    <div class="row">
        <!-- TABLA -->
        <div class="container table-responsive p-sm-0 mb-5">
            <table class="table table-sm table-bordered table-responsive-md table-striped table-hover">

                <!-- ENCABEZADO -->
                <thead class="color-head">
                    <tr>
                        <th class="th-head border-th separador-v" colspan="1">Nº de serie</th>
                        <th class="th-head border-th separador-v" colspan="1">Modelo</th>
                        <th class="th-head border-th separador-v" colspan="1">Contador color</th>
                        <th class="th-head border-th separador-v" colspan="1">Contador B/N</th>
                        <th class="th-head border-th separador-v" colspan="1">Embalado</th>
                    </tr>
                </thead>

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


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

    <div class="row">
        <div class="col-sm-3 form-group ali">
            <label for="email">Suma de embalados</label>
            <input type="" class="form-control mayuscula" id="cantidadembalado" readonly value="{{$datoscapa[0]->suma_embalados}}" required placeholder="0" name="cantidadembalado">
        </div>
        <div class="col-sm-3 form-group ali">
            <label for="email">Suma sin embalar</label>
            <input type="" class="form-control mayuscula" id="cantidadsinembalar" readonly value="{{$datoscapa[0]->suma_sinembalar}}" required placeholder="0"  name="cantidadsinembalar">
        </div>
        <div class="col-sm-3 form-group ali">
            <label for="email">Motivo sin embalar</label>
            <textarea class="form-control mayuscula" id="obsercaviones" name="obsercaviones" readonly required rows="1" placeholder="Explique el motivo...">{{$datoscapa[0]->descripcion_motivo}}</textarea>
        </div>
        <div class="col-sm-3 form-group ali">
            <label for="email">Cantidad de bultos</label>
            <input type="" class="form-control mayuscula" 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 class="btn btn-ter asignarimagen" type="button">
                <span class="material-icons-round icon-midle">image</span>
                Ver imágen
            </button>
        </div>
        
        <div class="col-sm-12 text-center">
            <a class="btn btn-prim px-sm-5" target="_blank"  href="{{route('generar.pdfresumenRetiroCordi',Crypt::encryptString($idcapa))}}">Ver PDF</a><!--{{$idcapa}}-->
        </div>
        </div>
    
</div>

<!--Modal------------------------------------------->
<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content"> 
            <div class="modal-header">
                <div class="seccion-title">Ver Imagen</div>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <hr class="separador">

            <div class="modal-body">
               <div class="container">
                    <img src="{{ asset ("fotos/".$datoscapa[0]->imagen) ?? ''}}" alt="cajas" class="img img-responsive img-thumbnail"> 
               </div>
            </div>
            <div class="container text-center mt-4 mb-2">
                <button type="button" class="btn btn-prim px-sm-5" data-dismiss="modal">Cerrar</button>
            </div>          
        </div>
    </div>
</div>
<!--Fin Modal----------------------------------------->

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