@extends('layouts.planti')
@section('contenido')
@if(Session::has('success'))
    <div class="alert alert-info">
        {{Session::get('success')}}
    </div>
@endif

<div class="row">
    <div class="col-md-12 col-sm-12 ">
        
        <div class="panel">
            <h1 class="h3 mb-0 text-gray-800">Pedidos Solicitados</h1>
            <div class="d-sm-flex align-items-center justify-content-between mb-4">
                <a href="/exportpoflex" 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>&nbsp;&nbsp;Generar Reporte
                  </a>
            </div>
        </div>
        <div class="x_panel">
            <div class="x_content">
                <div class="row">
                    <div class="col-sm-12">
                        <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-success'>Historicos</button>
                        </div>
                        <br><br>

                        <div id='panelEncurso' style='display: '>
                            <!-- PEDIDOS EN CURSO -->
                            <div class="row">
                              <div class="col-md-12">
                                  <form action="{{url('rexcargue')}}" 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('rexcargue') }} >Ver Todos los Pedidos</a>
                                          </div>
                                          
                                      </div>
                                      
                                      {{-- @csrf --}}
                                  </form>
                                  
                              </div>
                            </div>
                            <div class="card-box table-responsive" >
                                <table id="tablaEncurso" class="table table-bordred table-striped table-hover"> 
                                    <thead>
                                      <tr>
                                        <th><center>Consecutivo</center></th>
                                        <th><center>Cliente</center></th>
                                        <th><center>Pedido SAP</center></th>
                                        <th><center>Número Pedido</center></th>
                                        <th><center>Fecha Pedido</center></th>
                                        <th><center>Clase de Pedido</center></th>
                                        <th><center>Editar</center></th>
                                        <th><center>Devolver</center></th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      @if(count($pedidos) > 0)
                                        @foreach($pedidos as $fil)
                                          @if($fil->historico == null)
                                            <tr>
                                              <td>{{$fil->consecutivo}}</td> 
                                                <td align="center">{{$fil->cliente}}</td> 
                                                <td align="center">{{$fil->pedido_sap}}</td>
                                                <td align="center">{{$fil->numero_pedido}}</td>
                                                <td align="center">{{$fil->fecha_pedido}}</td>
                                                <td align="center">{{$fil->clase_de_pedido}}</td>
                                                <td align="center"><a class="btn btn-success btn-xs" href="{{action('ExPedidoController@edit', $fil->id)}}" >
                                                    <span class="fa fa-edit"></span></a>
                                                </td>
                                                
                                                <td align="center">                                              
                                                  <button class="btn btn-primary btn-xs" type="submit" disabled><span class="fa fa-ban"></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'>
                          <div class="row">
                            <div class="col-md-12">
                                <form action="{{url('rexcarguesrh/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('rexcargue') }} >Ver Todos los Pedidos</a>
                                        </div>
                                        
                                    </div>
                                    
                                    {{-- @csrf --}}
                                </form>
                                
                            </div>
                          </div>
                            <!-- HISTORICOS -->
                            <div class="card-box table-responsive">
                                <table id="tablaHistoricos"class="table table-bordred table-striped table-hover"> 
                                    <thead>
                                      <tr>
                                        <th><center>Consecutivo</center></th>
                                        <th><center>Cliente</center></th>
                                        <th><center>Pedido SAP</center></th>
                                        <th><center>Número Pedido</center></th>
                                        <th><center>Fecha Pedido</center></th>
                                        <th><center>Clase de Pedido</center></th>
                                        <th><center>Editar</center></th>
                                        <th><center>Devolver</center></th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      @if(count($pedidos) > 0)
                                          @foreach($pedidos as $fil)
                                            @if($fil->historico != null)
                                              <tr>
                                                <td>{{$fil->consecutivo}}</td> 
                                                  <td align="center">{{$fil->cliente}}</td> 
                                                  <td align="center">{{$fil->pedido_sap}}</td>
                                                  <td align="center">{{$fil->numero_pedido}}</td>
                                                  <td align="center">{{$fil->fecha_pedido}}</td>
                                                  <td align="center">{{$fil->clase_de_pedido}}</td>
                                                  <td align="center"><a class="btn btn-success btn-xs" href="{{action('ExCargueController@edit', $fil->id)}}" >
                                                      <span class="fa fa-edit"></span></a>
                                                  </td>
                                                  
                                                  <td align="center">                                              
                                                    <button class="btn btn-primary btn-xs" type="submit" disabled><span class="fa fa-ban"></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>            


<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(); });
</script>
@endsection