@extends('layouts.planti')

@section('contenido')


@if(Session::has('success'))
<div class="alert alert-info">
    {{Session::get('success')}}
</div>
@endif
<center>
<style>
    body,html{
        margin: 0px !important;
        padding: 0px !important;

    }

</style>
<div class="row">
      <h1>PEDIDOS</h1>
      <div class="d-sm-flex align-items-center justify-content-between mb-4">
        @if(Auth::user()->operacion_ex=="E") 
         <a href="{{ route('rexpedido.create') }}" class="d-none d-sm-inline-block btn btn-sm btn btn-primary shadow-sm" >Agregar Orden de Pedido</a>
         @endif
             <a href="/exportpedido" 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>
             <div class="panel panel-default">
            <div class="panel-body">
                <div class="col-md-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Pedidos <small>.....</small></h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                </li>

                            </ul>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div class="row">
                                <div class="col-md-12">
                                    <form action="{{url('rexpedido/search')}}" method="get" id="form-filtro">
                                        <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('rexpedido') }} >Ver Todos los Pedidos</a>
                                            </div>
                                            
                                        </div>
                                        
                                        {{-- @csrf --}}
                                    </form>
                                    
                                </div>
                            </div>

                    <div class="table-container">
                        <table class="table table-bordred table-striped table-hover" >
                        <thead>
                            
                            <th><center>Consecutivo</center></th>
                            <th><center>Cliente</center></th>
                            <th><center>Pedido SAP</center></th>
                            <th><center>Numero Pedido</center></th>
                            <th><center>Fecha Pedido</center></th>
                            {{-- <th><center>Clase de Pedido</center></th> --}}
                            {{-- <th><center>Inactivo</center></th> --}}
                            <th><center>Editar</center></th>
                            <th><center>Anular</center></th>
                        </thead>
                        <tbody>
                             {{-- @if($pedido->count())   --}}
                        @if(count($pedido) > 0) 
                            @foreach($pedido as $fil)  
                            <tr>                            
                                <td align="center">{{$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> --}}
                                  {{-- @if($fil->inactivo==1)
                                    <td align="center"><span class="fa fa-remove" ></span></td>
                                @else
                                    <td align="center"></td>
                                @endif --}}
                                
                                <td align="center"><a class="btn btn-success btn-xs" href="/rexpedido/{{ $fil->id}}-1/edit" ><span class="fa fa-edit"></span></a></td>
                                <td align="center">
                                    <form action="/rexpeviewinac" method="post" onclick="return confirm('¿Seguro que deseas anular este pedido?')">
                                        @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>
                            </tr>
                            @endforeach 
                        @else
                            <tr>
                                <td colspan="8">No hay registros para mostrar !!</td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                  </div>
                </div>
                   {{  $pedido->links()  }}   
            </div>
    </div>
  </div>            
  </div>

<style>
.dataTables_filter {
display: block;
}

.datatables_length {
display: block;
}

#datatable_length {
display: block;
}

.dataTables_paginate{
display: block;
} /*paging_simple_numbers*/

.dataTables_info{
display: block;
}
</style>
</center>

<script>
    $( "#btn-buscar" ).click(function() {
         $('#form-filtro').submit();       
    });
</script>
@endsection