@extends('layouts.planti')
@section('contenido')
@if(Session::has('success'))
    <div class="alert alert-info">
        {{Session::get('success')}}
    </div>
@endif
<style>
  .margen { margin-top: 10px; }
  th {
    background-color: grey; color : white;
  }
  #infoDetallePedidoEnCurso, #infoDetallePedidoHistorico {
    margin: 10px; border-style: solid; border-width: 1px; border-color: black; padding: 10px;
  }
</style>
<div class="row">
    <div class="col-md-12 col-sm-12 ">
        <div class="panel">
          <div class="row">
            <div class="col-sm-3">
              <h1 class="h3 mb-0 text-gray-800">Pedidos Enviados</h1>
            </div>
            <div class="col-sm-2 margen">
                <a href="/exportpedidofl" class="d-none d-sm-inline-block btn  btn-success shadow-sm">
                    <i class="fa fa-download fa-sm text-white-50"></i>&nbsp;&nbsp; Generar Reporte
                </a>
            </div>
            <div class="col-sm-3 margen">
              <div class="btn-group" role="group" aria-label="grupos">
                  <button id='verEncurso'    type='button' class='btn btn-success'>Pedidos en Curso</button>
                  <button id='verHistoricos' type='button' class='btn btn-warning'>Historicos</button>
              </div>
            </div>
            <div class="col-sm-4 margen">
                <span style='background-color: #C2FFC6; color : #C2FFC6' class='fa fa-circle'></span> &nbsp;&nbsp;Pedidos con productos Enviados y sin COMEX<br><br>
            </div>

          </div>
        </div>
    </div>
    
        <div class="x_panel">
            <div class="x_content">
                <div class="row">
                    <div class="col-sm-12">
                        <div id='panelEncurso' style='display: '>
                            <!-- PEDIDOS EN CURSO : Estan enviados pero sin COMEX -->
                            <h4><b style='color: black'><span class="fa fa-chevron-down"></span>&nbsp;&nbsp; Pedidos en Curso</b></h4><hr>
                            <div class="row">
                              <div class="col-md-12">
                                  <form action="{{url('rexpedidoenv')}}" method="get" id="form-filtro">
                                      <input type="text" hidden name="tipoPedido" value="encurso">
                                      <div class="row">
                                          <div class="col-md-8"><input class="form-control" type="text" id="search" name="search" placeholder="Busqueda de Pedidos" ></div>
                                          <div class="btn-group" role="group">
                                              <button type="button" class="btn btn-primary" onclick="" id="btn-buscar">Buscar</button>
                                              <a class="btn btn-success" href= {{ url('rexpedidoenv') }} >Ver Todos los Pedidos</a>
                                          </div>
                                          
                                      </div>
                                      
                                      {{-- @csrf --}}
                                  </form>
                                  <div id='infoDetallePedidoEnCurso' style="display: none"></div>

                              </div>
                            </div>
                            <div class="card-box table-responsive" >
                              <br>
                                <table id="tablaEncurso" class="table table-bordred table-striped table-hover"> 
                                    <thead>
                                      <tr>
                                        <th><center>No. SOLICITUD</center></th>
                                        <th><center>FECHA Y HORA</center></th>
                                        <th><center>OBSERVACIONES</center></th>
                                        <th><center>VER</center></th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      @if(count($pedidos) > 0)
                                        @foreach($pedidos as $fil)
                                          @if($fil->est == 'en curso')
                                            <tr>
                                                <td align="center">{{$fil->num_solicitud}}</td> 
                                                <td align="center">{{$fil->fecha_solicitud}}</td>
                                                <td align="center">{{$fil->observacion}}</td>
                                                <td align="center">                                              
                                                  <button class="btn btn-info btn-xs" type="button" onclick="verDetallePedido({{$fil->id_solicitud}} , 1)"><span class="fa fa-eye"></span></button>                    
                                                </td>
                                            </tr> 
                                          @endif
                                        @endforeach
                                      @else
                                        <tr>
                                            <td colspan="10">No hay registro !!</td>
                                        </tr>
                                      @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        
                        
                        <div id='panelHistoricos' style='display: none'>
                        <h4><b style='color: black'><span class="fa fa-chevron-down"></span>&nbsp;&nbsp; Pedidos Historicos</b></h4><hr>
                          <div class="row">
                            <div class="col-md-12">
                                <form action="{{url('rexpedidosrh/search')}}" method="get" id="form-filtro2">
                                    <input type="text" hidden name="tipoPedido" value="historico">
                                    <div class="row">
                                        <div class="col-md-8"><input class="form-control" type="text" id="search" name="search" placeholder="Busqueda de Pedidos" ></div>
                                        <div class="btn-group" role="group">
                                            <button type="button" class="btn btn-primary" onclick="" id="btn-buscar2">Buscar</button>
                                            <a class="btn btn-success" href= {{ url('rexpedido') }} >Ver Todos los Pedidos</a>
                                        </div>
                                        
                                    </div>
                                    
                                    {{-- @csrf --}}
                                </form>
                                <div id='infoDetallePedidoHistorico' style="display: none"></div>
                                
                            </div>
                          </div>
                            <!-- HISTORICOS : Estan enviados y tienen COMEX -->
                            <div class="card-box table-responsive">
                              <br>
                                <table id="tablaHistoricos"class="table table-bordred table-striped table-hover"> 
                                    <thead>
                                      <tr>
                                        <th><center>No. SOLICITUD</center></th>
                                        <th><center>FECHA Y HORA</center></th>
                                        <th><center>OBSERVACIONES</center></th>
                                        <th><center>VER</center></th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      @if(count($pedidos) > 0)
                                        @foreach($pedidos as $fil)
                                          @if($fil->est == 'historico')
                                            <tr>
                                                <td align="center">{{$fil->num_solicitud}}</td> 
                                                <td align="center">{{$fil->fecha_solicitud}}</td>
                                                <td align="center">{{$fil->observacion}}</td>
                                                <td align="center">                                              
                                                  <button class="btn btn-info btn-xs" type="button" onclick="verDetallePedido({{$fil->id_solicitud}} , 0)"><span class="fa fa-eye"></span></button>                    
                                                </td>
                                            </tr> 
                                          @endif
                                        @endforeach
                                      @else
                                        <tr>
                                            <td colspan="10">No hay registro !!</td>
                                        </tr>
                                      @endif
                                    </tbody>
                                </table>
                            </div>                            
                         </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>            

<!-- Mostrar Pedidos -->

<script>
  $("#verHistoricos").click(function(){ $("#panelHistoricos").show(); $("#panelEncurso").hide(); });
  $("#verEncurso").click(function()   { $("#panelHistoricos").hide(); $("#panelEncurso").show(); });

  $("#btn-buscar" ).click(function()  {  $('#form-filtro').submit();  });
  $("#btn-buscar2" ).click(function() {  $('#form-filtro2').submit(); });

  function verDetallePedido(idSolicitud, tipo = 0) {
    $.ajax({
      type:"get",
      url :"/rexpedidoMostrar",
      data:{ id_solicitud : idSolicitud, 
             tipo_pedido : tipo },
      success : function(data) {
        if(tipo == 1)  {
          $("#infoDetallePedidoEnCurso").html(data); 
          $("#infoDetallePedidoEnCurso").show(300);
        } else {
          $("#infoDetallePedidoHistorico").html(data); 
          $("#infoDetallePedidoHistorico").show(300);
        }
      },
      error : function() { alert("ERROR\n\nOcurrio un error en la transaccion"); }
    })
  }

  function cerrarDetalle() {
    $("#infoDetallePedidoEnCurso").hide(200);
    $("#infoDetallePedidoHistorico").hide(200);
  }

  function devolverPedido(idPedDet, idPed) {
    if(confirm("CONFIRMACION REQUERIDA\n\nSeguro que desea devolver este producto del pedido?")) {
        $.ajax({
        type :"get",
        url  :"/rexpedidoDevolver",
        data:{ id_pedido_detalle : idPedDet },
        success : function(data) {
          alert(data);
          location.reload();
        },
        error : function() { alert("ERROR\n\nOcurrio un error en la transaccion"); }
      })
    }
  }
</script>
@endsection