@include('layouts.breadcumb')
@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@parent
@stop
<script> var no_contract = 0;</script>

    <div class="row">

        <div class="panel panel-orange panel-border filterable">
            <div class="panel-heading">

            </div>
            <div class="panel-body">
                <form method="get" action="/compras/informes/items-aprobados/" role="form" id="pedidos-form" class="validate">
                    <div class="form-group col-md-3">
                        <label for="referencia" class="control-label">Referencia</label>

                            <input type="text" autocomplete="off" value="{{ Input::get('referencia') }}"  class="form-control input-lg" id="referencia" name="referencia" placeholder="Ingrese un Numero de Referencia ">

                    </div>
                    <button onclick="showMessage('CARGANDO, ESPERE POR FAVOR ')" type="submit" id="Ver" class="btn btn-inverse btn-rounded btn-icon w-md waves-effect waves-light btn-lg ">VER <i class="fa fa-search" aria-hidden="true"></i></button>
                </form>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
        @if(Input::get('referencia'))
            <div class="card-box table-responsive">
                <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                        <thead>

                        <tr>
                            <th>CONTRATO</th>
                            <th>REFERENCIA</th>
                            <th>FECHA CONTROL</th>
                            <th>FECHA APROBACION</th>
                            <th>DETALLE</th>

                        </tr>
                        <tr class="filter-column-tr">
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>

                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        @endif
    </div>



@section('footer')

@include('layouts.gallery')
<script src="/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/plugins/datatables/dataTables.bootstrap.js"></script>


<script type="text/javascript">
    //var table = setDataTables("#table-1",true);
    setAjaxDatatable("#table-1","/compras/informes/items-aprobados/json/?referencia={{ Input::get('referencia') }}")



</script>

@stop