@extends('menu/menu')
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
@section('content')
@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>

@endif
<div class="container-fluid">
    <form action="{{ route('create.addresumenretiro')}} " enctype="multipart/form-data"  method="POST">@csrf
    <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 ali"> --}}
  

                <div class="col-md-12 ">
                    <label for="email"><h2>CUI o Código Sucursal</h2></label><br>
                    <div class="input-group mb-3 ">    
                        
                        <input type="" class="form-control" id="dcui" required placeholder="CUI O CÓDIGO SUCURSAL" name="dcui">
                        <div class="input-group-append">
                            <span class="input-group-text btn-success btn" id="buscando">Buscar</span>
                          </div>
                    </div>
        
                </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" required placeholder="CLIENTE" name="">
            </div>
            <div class="container col-sm-3 form-group">
                    <label for=""><h2>Proyecto asociado</h2></label>
                    <select id="proyectos" name="proyectos"  required class="custom-select col-mb-3">
                        <option value="" selected>SELECCIONE</option>
                                @if(!empty($proyectos))
                            @foreach ($proyectos  as $los_datos3)
                                <option value="{{$los_datos3->id_proyecto}}">{{$los_datos3->nombre." (".$los_datos3->razon_social.")" }}  </option>
                            @endforeach

                        @endif

                </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=""  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" 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" 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" required placeholder="CIUDAD" name="">
            </div>

              <!-- Fila 2 ------------------------------------------------------>
              
              <div class="container col-sm-9 form-group ali"></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>conatador 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="number" class="form-control" id="cantidadembalado" 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="number" class="form-control" id="cantidadsinembalar" 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" rows="1" placeholder="Explique el motivo..."></textarea>
            </div>
            <div class="container col-sm-3 form-group ali">
                <label for="email"><h2>Cantidad de bultos</h2></label>
                <input type="number" class="form-control" id="cantidadbultos" required placeholder="0" name="cantidadbultos">
            </div>
            <!-- FIN CANTIDADES -->

            <!-- CARGA DE IMAGEN-->
            <div class="container"><hr class="linea"></div>
            <div class="container col-12" style="margin-top: 10px">
                <h2><strong>Carga de imagen</strong></h2>
            </div>
            <div class="container col-sm-12 form-group" style="margin-top: 10px">
                <label for="email"><h2>Suba una foto de los bultos</h2></label><br>
                <input type="file" id="cargafoto1" name="cargafoto1"><br><br>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_fotos_android">
                    Android
                </button>	
                
            </div>
        </div>
    </div>

    <div class="container form-group">
             <br>
            <button class="btn btn-guardar float-sm-right" type="submit"> GUARDAR</button>
    </div>
    </form>
</div>


<div class="modal fade" id="modal_fotos_android" role="dialog">
	<div class="modal-dialog  modal-lg">
	  <div class="modal-content">
		<div class="modal-header">
			<h1 style="margin-top: 50px">Ingresar el siguiente ID en la Aplicacción</h1>
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		</div>
		<div class="modal-body">
		
					
	  <div class="container-fluid">
		{{-- <form enctype="multipart/form-data" id="formuploadajax" method="post">
			@csrf --}}


	    <div class="container rounded-lg">
			<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->

	
			  {{-- <div class="row reex" style="height: auto"> --}}
				
				<div style="text-align: center; border-style: solid; background: #E8F5FE; border-radius: 5px;border-color: #BAC5D8">
					 <h1 id="cui_sucursal"></h1>
				</div>
	
			
		</div>
		  
		  
		  <div class="container form-group">
				 <br>  
			 	 <button class="btn btn-cancelar float-sm-right guardar" type="button" data-dismiss="modal">CANCELAR</button>
				{{-- <button class="btn btn-subir-img float-sm-right upload" type="submit">SUBIR IMÁGENES</button> --}}
        	</div>
		  
		{{-- </form>   --}}
		  
      </div>		
								 
								 
								 
		 </div>
							
			 
	  </div>
	</div>
  </div>
@endsection
<!--Este script se encarga de verificar si un rut ya esta asociado a una organización-->
<script type="text/javascript">




    $(document).ready(function() {


        $( "#buscando" ).click(function() {
            var dcui = $("#dcui").val();
            var _token = $('input[name="_token"]').val();

         //   var dcui = $(this).val();

         if(dcui != ""){
                $.ajax({
                    method: "POST",
                    url: "{{ route('go.auto_complete_cui2') }}",
                    data: {'scui': dcui,  _token:_token},
                    success: function(data) {

                       
                       
                      //  alert(data);
                        console.log(data);
                        //if(count(data) != 0){
                            $("#cui_sucursal").text(dcui);
                            $.each(data, function(i, item) {
                                $("#cliente").val(item.sCliente);
                                $("#proyectos").val(item.id_proyecto);
                                $("#direccion").val(item.sDireccion);
                                $("#comuna").val(item.sComuna);
                                $("#ciudad").val(item.sCiudad);
                            });
                        //}


                    }
                });
         }



        });


        // $('#dcui').on('blur',function(){
        //     var _token = $('input[name="_token"]').val();

        //     var dcui = $(this).val();

        //     $.ajax({
        //         method: "POST",
        //         url: "{{ route('go.auto_complete_cui2') }}",
        //         data: {'scui': dcui,  _token:_token},
        //         success: function(data) {

        //             console.log(data);
        //             $.each(data, function(i, item) {
        //                 $("#cliente").val(item.sCliente);
        //                 $("#proyectos").val(item.id_proyecto);
        //                 $("#direccion").val(item.sDireccion);
        //                 $("#comuna").val(item.sComuna);
        //                 $("#ciudad").val(item.sCiudad);
        //             });
        //         }
        //     });
        // });
    });
    </script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./Untitled Document_files/jquery-3.4.1.min.js.descarga"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./Untitled Document_files/popper.min.js.descarga"></script>
<script src="./Untitled Document_files/bootstrap-4.4.1.js.descarga"></script>