@extends('menu/menu')
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js%22%3E</script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
{{-- <link  href="{{ asset('css/a&a_style.css') }}" href="a&a_style.css" rel="stylesheet" type="text/css"> --}}

@section('content')

@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
@endif


<!-- TABLA DE RESULTADOS DE BUSQUEDA -->
    <div class="container reex" style="margin-top: 100px">
  	<div class="conteiner row rein table-responsive-lg" style="border: 5px solid #e8f5fe">
    <table class="table table-bordered table-responsive-lg table-striped table-hover" style="margin: 0" id="gridData">
    <!-- ENCABEZADO -->
            <thead>
              <tr>
                <th ><h3>Tecnico</h3></th>

                <th ><h3>sCliente</h3></th>
                <th ><h3>Comuna</h3></th>
                <th ><h3>sDireccion</h3></th>
                <th ><h3>N° de serie</h3></th>
                <th ><h3>Subicacion | Spiso</h3></th>

                <th ><h3>sCui</h3></th>
                <th style="text-align: center"> <h3>pdf</h3></th>

                </tr>
              </thead>
            <!-- FIN ENCABEZADO -->

    <!-- RESULTADOS -->
            <tbody>

              @if(!empty($datos))
              @foreach ($datos   as $los_datos)
              <tr>
                    <td>{{$los_datos->nombre_uno ?? '' }} {{ $los_datos->apellido_uno ?? ''}} {{$los_datos->apellido_dos ?? '' }}</td>
                    <td>{{$los_datos->sCliente}}</td>
                    <td>{{$los_datos->sComuna}}</td>
                    <td>{{$los_datos->sDireccion}}</td>
                    <td>faltante</td>
                    <td>
                    {{$los_datos->Subicacion}}       |        {{$los_datos->Spiso}}</td>
                    <td>{{$los_datos->sCui}}</td>
                    <td style="text-align: center"> <a  href="{{route('go.donwload0',$los_datos->url_pdf)}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a></td>
               </tr>




              @endforeach


              @endif

              </tbody>

    </table>
    @if(!empty($retiros))
    {{-- {{$solicitudes->Links()}} --}}
    {{ $retiros->appends(request()->query())->links() }}
    @endif

  </div>
    </div>
  <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>






@endsection



<script>
  $(document).ready(function(){
$('.verdetalle').click(function() {

                   var id_retiros = $(this).attr("data-id");
                      $("#m_id_retiros").val(id_retiros);


                      var _token = $('input[name="_token"]').val();
                   $("#modal_detalle_retiro").modal('show');
                   $.ajax({


                      method:"POST",

                      url:"{{ route('go.datosretiro') }}",

                      data: { 'id_retiros': id_retiros,  _token:_token},

                      success: function(data) {

                      $.each(data, function(i, item) {

                          $("#folioretiro").val(item.nFolio);
                          $("#guiaretiro").val(item.nGuia);
                          $("#clienteretiro").val(item.sCliente);
                          $("#rutretiro").val(item.sRut);
                          $("#regionretiro").val(item.sRegion);
                          $("#ciudadretiro").val(item.sCiudad);
                          $("#direccionretiro").val(item.sDireccion);
                          $("#comunaretiro").val(item.sComuna);
                          $("#codigoretiro").val(item.sCui);
                          $("#comunaretiro").val(item.sComuna);
                          $("#serieretiro").val(item.sSerie);
                          $("#modeloretiro").val(item.sModelo);
                          $("#contadorretiro").val(item.nContador);
                          $("#colorcontadorretiro").val(item.nContador_color);
                          $("#obs").val(item.sObservacion);
                          $("#estadoretiro").val(item.sEstado);
                      });

                      },

                      error: function(xhr, status) {
                      alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                      }
                 })
              })
          })

</script>

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

      $('.ver_historial_retiros').click(function() {
            var id_retiros = $(this).attr("data-id");
           $("#m_id_retiros").val(id_retiros)


            var _token = $('input[name="_token"]').val();


          $.ajax({

          // headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },

              method:"POST",

              url:"{{route('checklist.retiros')}}",

              data: { 'id_retiros': id_retiros,  _token:_token},

        success: function(data) {
          console.log(data);

          $(cuerpo_tabla).empty();
          $(cuerpo_tabla).append(data);
          $("#modal_historial_retiros").modal('show');

  //validacion del boton
  var  toma2 = "";
                //estado con boton
                var cancel = "cancelado";

                //estados sin boton
                var pend = "pendiente";
                var revis = "revisado";
                var asigna = "asignado";
                var fina = "finalizado";
                var recha = "rechazado";


                //funcion para botener el estado de la primera fila
                $.each($("#dataGrid:eq(0)"), function() {
                    toma2 = $(this).find('td').eq(3).html();
                    console.log(toma2);


                    //estados sin boton
                    if(toma2 == 'cancelado'){
                        $('#btnview').show();
                    }else  if(toma2 == pend){
                        $('#btnview').hide();
                    }else  if(toma2 == fina){
                        $('#btnview').hide();
                    }
                    else  if(toma2 == asigna){
                        $('#btnview').hide();
                    }else  if(toma2 == revis){
                        $('#btnview').hide();
                    }else  if(toma2 == recha){
                        $('#btnview').hide();

                    }else if (data == '<tr><td>Sin Datos</td></tr>'){
                        $('#btnview').show();
                    }


                  });



        },

        error: function(xhr, status) {
            alert('Disculpe, ha ocurrido un problema, intente mas tarde');
        }

        });

          })
    })

      $('.ver_historial_instalacion').click(function() {
             // var descripcion_pago = $(this).attr("data-descripcion_pago");
             // $("#mi_descripcion").text(descripcion_pago)
             $("#modal_historial_detalle").modal('show');

        });
    </script>