@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>

 

@section('content') 

@if ( session('mensaje') )
    <!--<div class="alert alert-success">{{ session('mensaje') }}</div>
    <a class="dropdown-item" href="{{route('go_see_clien')}}" style="text-align: right"> <button class="btn btn-success">Clientes</button></a> -->
@endif

<div class="container mt-5">
  <div class="title-vista mt-4">Solicitudes</div>
</div>
@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
    <!-- <a class="dropdown-item" href="{{route('go_see_clien')}}" style="text-align: right"></a>  -->
@endif
<div class="container mt-5">
  <div class="container table-responsive mb-5 p-sm-0">
    <table class="table table-striped table-hover" id="mitable">

      <thead class="color-head">
        <tr>
  

           <th colspan="1" class="th-head border-th">Fecha de Recepción</th>
           <th colspan="1" class="th-head border-th">Fecha Instalación</th>
          <th colspan="1" class="th-head border-th">Estado Despacho </th> 
           <th colspan="1" class="th-head border-th">Estado Instalación</th>
           <th colspan="1" class="th-head border-th">Cliente</th>
           <th colspan="1" class="th-head border-th">Región</th>
           <th colspan="1" class="th-head border-th">Comuna</th>
          <th colspan="1" class="th-head border-th">Dirección | CUI</th> 
           <th colspan="1" class="th-head border-th">SSC</th>
           <th colspan="1" class="th-head border-th">Serie</th>
           <th colspan="1" class="th-head border-th">Acciones</th>

         </tr>
      </thead> 
   
      <tbody>
        @foreach ($Api_solicitudes as $los_datos)
        <tr>
          <td class="td-val">{{Carbon\Carbon::createFromDate($los_datos->fecha_recepcion)->format('d-m-Y')}}</td>
          <td class="td-val">{{Carbon\Carbon::createFromDate($los_datos->fecha_asignada)->format('d-m-Y')}}</td>
          <td class="td-val">{{$los_datos->estado_externo}}</td>
            @if($los_datos->estado_interno == "tarea_asignada")
              <td class="td-val">ASIGNADO</td> 
            @else
              <td class="td-val">{{$los_datos->estado_interno}}</td> 
            @endif
       
          <td class="td-val">{{$los_datos->sCliente ?? 'no informado'}}</td>
          <td class="td-val">{{$los_datos->sRegion ?? 'no informado'}}</td>
          <td class="td-val">{{$los_datos->sComuna}}</td>
          <td class="td-val">{{$los_datos->sDireccion ?? 'no informado'}}</td>
        
          <td class="td-val">{{$los_datos->sSC}}</td>
          <td class="td-val">{{$los_datos->sSerie}}</td>
          <td class="td-val">
            <div class="dropdown dropleft" style="text-align: center;">

              <button type="button" class="btn-dropdown" data-toggle="dropdown">
                <span class="material-icons">more_vert</span>
              </button>
              <div class="dropdown-menu mostrar shadow">
                <div class="d-flex justify-content-around">
                  <a role="button" class="btn-icon btn-icon-dd ver_historial_instalacion" title="Ver Detalle" data-id="{{Crypt::encryptString($los_datos->id ?? '')}}">                               
                    <span class="material-icons">visibility</span>                           
                  </a>                             
                  <a role="button" class="btn-icon btn-icon-dd ver_historial" title="Historial" data-id="{{Crypt::encryptString($los_datos->id ?? '')}}" data-estado="{{$los_datos->sEstado_despacho?? ''}}">                               
                    <span class="material-icons">history</span>                            
                   </a>
                </div>
               </div>
            </div>
        </td>
        
        </tr>
      </tbody>@endforeach 
    </table>   
  </div>
</div> 

{{-- MODALs --}}
{{-- /////////////////////////MODALLLL//////////// --}}
<div class="modal fade" id="modal_historial_solicitud" role="dialog">
  <div class="modal-dialog  modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <div class="seccion-header">Historial de checklist</div> 
        <button type="button" class="close" data-dismiss="modal">&times;</button>   
      </div>
      <hr class="separador ml-4 mr-4">

      <div class="modal-body">  
          <div class="container text-center">
            {{-- <form action="{{route('actualizar.trabajador',Crypt::encryptString($trabajadores[0]->id_persona))}}" method="POST"> --}}

            <form action="{{route('go.asignar_check_servicios')}}" method="get">
    
             {{-- / @csrf --}}
             <input type="hidden" style="display: none" name="url_filtro" value="{{url()->full()}}">
              <button type="submit" class="btn btn-prim px-sm-4"  id="btnview">
                <input type="text" value="" id="m_id_solicitud" name="idSolicitud" style="display:none">Asignar
              </button>
            </form>
          </div>
        <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->

        <!-- TABLA DE RESULTADOS DE BUSQUEDA -->
        <div class="container mt-5 mb-5">
          <table class="table table-sm table-bordered table-responsive-md table-striped table-hover mt-4" style="margin: 0" id="dataGrid">
            <!-- ENCABEZADO -->
            <thead class="color-head">
              <tr>
                <th class="th-head border-th separador-v" colspan="1">CODIGO</th>
                <th class="th-head border-th separador-v" colspan="1">FECHA ASIGNADA</th>
                <th class="th-head border-th separador-v" colspan="1">TECNICO</th>
                <th class="th-head border-th separador-v" colspan="1">ESTADO</th>
                <th class="th-head border-th"><span class="material-icons">
                  settings
                  </span></th>
              </tr>
            </thead>
            <!-- FIN ENCABEZADO -->
            <!-- RESULTADOS -->
            <tbody id="cuerpo_tabla">
            </tbody>
            <!-- FIN RESULTADOS -->
            </table>
        </div>        
                
        
      
      </div>
    </div>
  </div>
</div>

<script>

  $(document).ready(function(){
    $('.ver_historial').click(function() {    
      // alert("hola");
      $("#modal_historial_solicitud").modal('show');
      var id_solicitud = $(this).attr("data-id");
      $("#m_id_solicitud").val(id_solicitud)
      var _token = $('input[name="_token"]').val();
      $.ajax({
        method:"POST",
        url:"{{ route('solicitudes.asociados') }}",
        data: { 'id_solicitud': id_solicitud,  _token:_token},
        success: function(data) {
          console.log(data);
          $(cuerpo_tabla).empty();
          $(cuerpo_tabla).append(data);
          //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' || toma2 == "Cancelado"){
                $('#btnview').show();
            }else  if(toma2 == pend || toma2 == "Pendiente"){
                $('#btnview').show();
            }else  if(toma2 == fina || toma2 == "Finalizado" ){
                $('#btnview').hide();
            }else  if(toma2 == asigna ||  toma2 == "Asignado"){
                $('#btnview').hide();
            }else  if(toma2 == revis || toma2 == "Revisado"){
                $('#btnview').hide();
            }else  if(toma2 == recha || toma2 == "Rechazado" ){
                $('#btnview').hide();           
            }else  if(toma2 == "revisar" || toma2 == "Revisar" ){
                $('#btnview').hide();           
            }else  if(toma2 == "tarea_asignada" || toma2 == "Tarea_asignada" || toma2 == "Tarea Asignada" ){
                $('#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');
        }
      });
    })
  })

   </script>
    
   


    
@endsection