@extends('layouts.planti')

@section('contenido')

    @if(Session::has('success'))
        <div class="alert alert-info">
            {{Session::get('success')}}
        </div>
    @endif
  <style>
  
  
  body {
     /*background:white;    */
 }
  .nav-md, .container {
   /* width:2000px !important;*/
  }
  </style>
    <center>

    <h1 class="h3 mb-0 text-gray-800">Lista de Ordenes de Compras</h1>
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
       @if(Auth::user()->operacion=="E") 
        <a href="{{ route('rpo.create') }}" class="d-none d-sm-inline-block btn btn-sm btn btn-primary shadow-sm" >Agregar Orden de Compra</a>
        @endif
        <a href="/exportpofl" class="d-none d-sm-inline-block btn btn-sm btn-success shadow-sm"><i class="fa fa-download fa-sm text-white-50"></i> Generar Reporte</a>
    </div>

    <br>
    <div class="col-md-6 col-sm-6 col-xs-6">
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12">

        <div class="row">
          <div class="col-md-12 col-sm-12">
            <table class="table table-bordered table-sm" style="border: 1px solid rgb(194, 194, 196); border-radius:4px;" >
                {{-- <thead>
                <tr>
                    <th><center>Estado</center></th>
                    <th><center>Color</center></th>                    
                </tr>     
                </thead> --}}
                <tbody>
                @if($status->count())
                  <tr>  
                    @foreach($status as $fil) 
                      <td align="center" style="height:25px; !important;">{{$fil->titulo}}</td>
                      <td align="center" style="width:50px; !important; background-color:#{{$fil->color_fondo}};" ></td>  
                    @endforeach 
                  </tr>
                @else
                    <tr>
                        <td colspan="8">No hay registro !!</td>
                    </tr>
                @endif
                </tbody>
            </table>
          </div>

            <div class="row" >{{-- style="width:1600px !important;" --}}
              <div class="col-md-12 col-sm-12 col-xs-12">
                 <div class="x_panel">
                  <div class="x_title">
                    <h2>Orden de Compra<small>....</small></h2>
                    <ul class="nav navbar-right panel_toolbox">

                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                      </li>
                      <!-- <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li> -->
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>

                  <div class="x_content"> 
                    <!-- <p class="text-muted font-13 m-b-30">
                      The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. The core library provides the based framework upon which plug-ins can built.
                    </p> -->

                    <form class="row" action="{{action('POController@search')}}" method="get">  {{--action="{{url('home/searchredirect')}}"> --}}
                      @csrf                        
                      <div class="form-group col-md-3 col-sm-12" style="text-align: left !important;">
                          <label for="cboCompania">Importador</label>
                          <select name="cboCompania" id="cboCompania" class="form-control" >
                            <option value="0">Seleccione una Opcion</option>
                            @foreach($compania as $fil)
                                <option value="{{$fil->id}}">{{$fil->razon_social}}</option>
                            @endforeach
                          </select>
                      </div>
                      @if($filtros!=null)
                        <div class="col-md-3 col-sm-12 form-group" style="text-align: left !important;">
                          <label for="cboFecha">Fecha</label>
                          <select name="cboFecha" id="cboFecha" class="form-control" >
                            <option value="0">Seleccione una Opcion</option>
                              @foreach($filtros as $fil) 
                                    <option value="{{$fil->id_etapa}}">{{$fil->descripcion}}</option>
                              @endforeach
                          </select>
                        </div>
                        <div class="col-md-3 col-sm-12 form-group" style="text-align: left !important;">
                          <label for="dtpFechaIni">Desde</label>
                          <input type='date' name="dtpFechaIni" id="dtpFechaIni" class="form-control" />
                        </div>
                        <div class="col-md-3 col-sm-12 form-group" style="text-align: left !important;">
                          <label for="dtpFechaFin">Hasta</label>
                          <input type='date' name="dtpFechaFin" id="dtpFechaFin" class="form-control" {{-- value="old('fecha',date('Y-m-d'))" />  --}} />
                        </div>
                      @endif 
                      <div class="col-md-3 col-sm-12 form-group" style="text-align: left !important;">
                        <label for="cboStatus">Estados</label>
                        <select name="cboStatus" id="cboStatus" class="form-control" >
                          <option value="0">Seleccione una Opcion</option>
                          @foreach($status as $fil)
                              <option value="{{$fil->titulo}}">{{$fil->titulo}}</option>
                          @endforeach
                      </select> 
                      </div>
                      <div class="col-md-3 col-sm-12 form-group" style="text-align: left !important;">
                        <label for="cboTrans">Medio Transporte</label>
                        <select name="cboTrans" id="cboTrans" class="form-control"  >
                          <option value="0">Seleccione una Opcion</option>
                          @foreach($mediotrans as $fil)
                              <option value="{{$fil->codigo_medio_trans}}" >{{$fil->nombre_medio_trans}}</option>
                          @endforeach
                      </select>
                      </div>
                      <div class="col-md-3 col-sm-12 form-group" style="text-align: left !important;">
                        <label for="cboDinamico">Campos Dinamicos</label>
                        <select name="cboDinamico" id="cboDinamico" class="form-control" onchange="Tooltip()">
                          <option value="0">Seleccione una Opcion</option>                            
                           @foreach($filtrosDin as $fil)                                  
                             <option value="{{$fil->id_campo}}">{{$fil->descripcion}}</option>                            
                           @endforeach                            
                       </select>
                      </div>
                      @if(session('GrupoEmpresarial')==7)
                        <div class="col-md-3 col-sm-12 form-group " style="text-align: left !important;">
                          <label for="cboAgencia">Agencia de Aduana</label>
                          <select name="cboAgencia" id="cboAgencia" class="form-control">
                            <option value="0">Seleccione una Opcion</option>                            
                            @foreach($agencia as $fil)                                  
                              <option value="{{$fil->id}}">{{$fil->razon_social}}</option>                            
                            @endforeach                            
                        </select>
                        </div>   
                      @endif
                      <div class="col-md-3 col-sm-12 form-group" style="text-align: left !important; ">
                        <label for="txtBus">Buscar</label>
                        <input   type="text" class="form-control" name='txtBus' id='txtBus' title="Buscar por PEDIDO, ORDEN DE COMPRA, PROVEEDOR, NÚMERO DO, FACTURA, DOC. TRANSPORTE" placeholder="Buscar ..." />
                      </div>
                      <div class="form-group col-md-3 col-sm-12" style="top:26px">
                        <button type="submit" class="btn btn-primary btn-block" >Buscar</button>
                      </div>
                      <div class="form-group col-md-3 col-sm-12" style="top:26px">
                        <button type="button" onclick="actualizarFechas()" class="btn btn-info btn-block" >Actualizar Fechas</button>
                      </div>
                  </form>
                  <hr>
                  <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        @livewire('po.actualizar-orden-compra', ['origen' => 0])
                    </div>
                    <table  class="table table-sm table-hover" style="min-height: 600px;">
                      <thead>
                          @if(count($columname))                            
                             <th align="center"><center><strong>EDITAR</strong></center></th>                              
                            <th align="center"><center><strong>SEG</strong></center></th>
                            <th align="center"><center><strong>FACTURAS</strong></center></th>
                            <th align="center"><center><strong>STATUS DOCUMENTOS</strong></center></th>
                            {{-- <th align="center"><center><strong>DOCUMENTOS</strong></center></th> --}}
                              @php 
                                $i = 0;
                              @endphp
                              @foreach($columname as $fil) 
                                  @if($fil != 'NUM DO')
                                    @if($fil!="id" && $fil!="COLOR" && $fil!="COLORCON" && $fil!="numped"  && $fil!="STATUSCON" )                                          
                                      <th align="center"><center><strong>{{ $fil }}</strong></center></th>                                          
                                    @endif
                                  @endif
                              @endforeach   
                              @if(Auth::user()->operacion=="E")                          
                               <th align="center"><center><strong>ANULAR</strong></center></th>
                              @endif
                          @endif
                      </thead>
                      <tbody>
                      @if(count($po))
                          @foreach($po as $fil)
                        
                            {{-- "VALOR: " . $fil->id --}}
                            @if(isset($fil->COLORCON) ) 
                            <tr style="cursor:pointer; background-color:#{{ $fil->COLORCON }};"  ondblclick="Abrir({{$fil->numped}})">
                            @else
                              <tr ondblclick="Abrir({{$fil->numped}})">
                            @endif                                 
                                <td align="center"><a class="btn btn-success btn-xs" href="{{action('POController@edit', $fil->id)}}" ><span class="fa fa-edit"></span></a></td>
                                <td align="center"><a class="btn btn-success btn-xs" href="/rbactivivad?txtBuscar={{$fil->numped}}" ><span class="fa fa-calendar"></span></a></td>
                                {{-- <td align="center"><a class="btn btn-info btn-xs" data-toggle="modal" data-backdrop="static" data-keyboard="false"  data-target=".bs-factura" href="{{ route('facturas_po', ['id_po'=>$fil->id,'id_po_factura'=>0]) }}" ><i class="fas fa-file-invoice-dollar"></i></a></td> --}}
                                <td align="center">@livewire('po.facturacion', ['id_po' => $fil->id], key($fil->id))</td>   
                                <td align="center">@livewire('semaforo.semaforo', ['numero_do' => $fil->NUM_DO,'origen' => 0], key($fil->NUM_DO))</td>
                                {{-- <td align="center"><button type="button" id="{{ $fil->NUMERO_DO }}" class="btn btn-warning btn-xs semaforo" onclick='fnDocumentos("{{ $fil->NUMERO_DO }}")' data-toggle="modal" data-target="#modalDocumentos" ><i class="fa-solid fa-file-circle-check"></i></button></td> --}}
                                {{-- <button type="button" class="btn btn-info btn-xs" data-toggle="modal" data-backdrop="static" data-keyboard="false"  data-target=".bs-{{ $id_po }}"><i class="fas fa-file-invoice-dollar"></i></button> --}}

                                  @foreach($fil as $nombre  => $key )                                                                            
                                    @php
                                     if($nombre=="COLOR"){
                                       $color = $key; 
                                     }                                        
                                    @endphp
                                    @if($nombre != 'NUM_DO')
                                      @if($nombre!="id" && $nombre!="COLOR" && $nombre!="COLORCON" && $nombre!="numped" && $nombre!="STATUSCON")   
                                        <td align="center" @if($nombre=="STATUS") style="color:black; background-color:#{{$color}};" @endif>{{ $key }}</td> 
                                      @endif
                                    @endif  
                                  @endforeach

                                  @if(Auth::user()->operacion=="E")
                                    <td align="center">  {{--/POController@viewInactivar--}}
                                        <form action="/rpoviewinac" method="post" >
                                            @csrf
                                            <input name="id" id="id" type="hidden" value="{{$fil->id}}"> 
                                            <button class="btn btn-danger btn-xs" type="submit"><span class="fa fa-trash"></span></button>
                                        </form>
                                    </td>
                                  @endif 
                              </tr>
                          @endforeach
                      @else
                          <tr>
                              <td colspan="8">No hay registro !!</td>
                          </tr>
                      @endif
                              
                        
                      </tbody>
                    </table>
                  </div>
                   
                    

                  </div> 
                </div>
                <div class="row">
                    <div class="mx-auto">
                      {{  $po->links('vendor.pagination.bootstrap-4')  }} 
                    </div>
                </div>
              </div>      
            </div>
        </div>
        <br><br><br><br>
    </div>
    <br><br><br><br>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="documentosModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
      <div class="modal-content">
          <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Resumen de Documentos Cargados en el Sistema</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
          </button>
          </div>
          <div id="contenido-documentos" class="modal-body">
          
          </div>
          <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>                            
          </div>
      </div>
      </div>
  </div> 

     <!-- Modal actualizacion fechas -->
     <div class="modal fade" id="actualizacionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content p-2">
                <center>
                    <h5 class="modal-title" id="exampleModalLabel">Actualizando fechas de pedidos</h5> <br>
                    Este proceso puede tardar unos minutos, por favor espere .... <hr>
                    <p id="mensajeActualizacion"></p> <br>
                    <p id="estadoActualizacion" style = "font-size:20pt"><b>En proceso...</b></p>
                    <table>
                      <tr>
                        <td><button type="button" onclick="iniciaActualizacion()" class="btn btn-success" data-dismiss="modal">Iniciar</button></td>                        
                        <td><button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button></td>      
                      </tr>
                    </table>
                </center>
              </div>
          </div>
        </div>
    </div>

    <style>
      .dataTables_filter   { display: none; }
      .datatables_length   { display: block; }
      #datatable_length    { display: none; }
      .dataTables_paginate { display: none; } 
      .dataTables_info     { display: none; }
    </style>

    </center>

    <script>

        function iniciaActualizacion() {
          rutas_actualiza = ("{{$rutas}}").split(",");
          cantidad = rutas_actualiza.length;
          $("#mensajeActualizacion").html("Total pedidos " + cantidad)
          $('#actualizacionModal').modal('show') 
          $("#estadoActualizacion").html("0 de " + cantidad); 
          errores = false;

          if (confirm("CONFIRMACION REQUERIDA\n\nEsta operacion tarda unos minutos, desea continuar ?")) {
            $("#estadoActualizacion").html("En proceso.."); 
            for (ind = 0; ind < cantidad; ind++) {
              $.ajax({
                  url        : rutas_actualiza[ind],
                  method     : 'GET',
                  async      : false, 
                  beforeSend : function () { 
                    $("#estadoActualizacion").html((ind + 1) + " de " + cantidad); 
                  },
                  success    : function(data){  
                    $("#estadoActualizacion").html((ind + 1) + " de " + cantidad);
                  },
                  error      : function() { error = true; }
              });

              if (!errores) {
                mens = "<b>Terminado</b>";
              } else {
                mens = "<b>Error en el proceso</b>";
              }
              $("#estadoActualizacion").html(mens); 
            }
          }
          
        }
        
        function actualizarFechas () {
          rutas_actualiza = ("{{$rutas}}").split(",");
          cantidad = rutas_actualiza.length;
          $("#mensajeActualizacion").html("Total pedidos " + cantidad)
          $('#actualizacionModal').modal('show') 
          $("#estadoActualizacion").html("0 de " + cantidad); 
          
        }

        function Abrir(oc) {
            //alert(oc);
            @php
                session(['BuscarAct' => '']);
            @endphp
            var titulo = "Seguimiento de la Orden de Compra";
            window.open("/rbactivivad?txtBuscar="+oc, titulo, "width=1024, height=768");
        } 

        function Tooltip(){
          //alert("VAL:" + $('#cboDinamico').val() + " - "+$('#cboDinamico option:selected').text());

          if($('#cboDinamico').val()!=0){
            $('#txtBus').prop('title', 'Busqueda por ' + $('#cboDinamico option:selected').text());
            $('#txtBus').prop('placeholder', 'Busqueda por ' + $('#cboDinamico option:selected').text());
          }else{
            $('#txtBus').prop('title', "Buscar por PEDIDO, ORDEN DE COMPRA, PROVEEDOR, NÚMERO DO, FACTURA, DOC. TRANSPORTE");
            $('#txtBus').prop('placeholder', "Buscar por PEDIDO, ORDEN DE COMPRA, PROVEEDOR, NÚMERO DO, FACTURA, DOC. TRANSPORTE");
          }

        } 
        
        $('.openModal').on('click', function(e){
                    const ndo =  this.id;
                    console.log(ndo);
                    const url_doc = "https://central.asercolgroup.com/ctibun/fases/documentosxdo?numdo="+ndo+"&formato=tabla";
                        console.log(url_doc);
                        $.ajax({
                                type:"GET",
                                url: url_doc,
                                dataType: "json",
                                beforeSend: function(){
                                    // document.getElementById('cargando').style.display = "contents";
                                },
                                success : function(informacion){
                                    console.log(informacion);                      
                                    const documentos = document.getElementById("contenido-documentos");
                                    documentos.innerHTML = informacion.general;
                                    console.log(documentos);
                                    $('#documentosModal').modal('show')
                                },
                                error: function(error){
                                        console.log("Se han presentado errores al consultar el estado de los documentos del DO " + ndo);
                                }
                            });
                                
                });        
       
    </script>
    
@endsection