@extends('layouts.grid')

@section('content')


               <div id="mainContent">





                    <table id="example" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>data_car</th>
                                    <th>partner</th>
                                    <th>nom_file</th>
                                    <th>sales_tran_cd</th>
                                    <th>pos_register_cd</th>
                                    <th>loyalty_acct_cd</th>
                                    <th>sales_tran_dt</th>
                                    <th>statuscode</th>
                                    <th>insert_dt</th>
                                    <th>ente_cd</th>
                                </tr>
                            </thead>

                            <tfoot>
                                <tr>
                                        <th>data_car</th>
                                        <th>partner</th>
                                        <th>nom_file</th>
                                        <th>sales_tran_cd</th>
                                        <th>pos_register_cd</th>
                                        <th>loyalty_acct_cd</th>
                                        <th>sales_tran_dt</th>
                                        <th>statuscode</th>
                                        <th>insert_dt</th>
                                        <th>ente_cd</th>
                                </tr>
                            </tfoot>
                        </table>





                  <div class="row gap-20 masonry pos-r">
                     <div class="masonry-sizer col-md-6"></div>
                     <div class="masonry-item w-100">
                            









                        

                     </div>

                  </div>
               </div>

<script>
    jQuery(document).ready(function($) {
        // Setup - add a text input to each footer cell
        $('#example tfoot th').each( function () {
                var title = $(this).text();
                $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
            } );


        var table = $('#example').DataTable( {
                "processing": true,
                "serverSide": true,
                "ajax": "http://10.113.32.10/promanelli/monitorgrep/public/jsonibclogs",
                "columns": [
                                { "data": "data_car" },
                                { "data": "partner" },
                                { "data": "nom_file" },
                                { "data": "sales_tran_cd" },
                                { "data": "pos_register_cd" },
                                { "data": "loyalty_acct_cd" },
                                { "data": "sales_tran_dt" },
                                { "data": "statuscode" },
                                { "data": "insert_dt" },
                                { "data": "ente_cd" }
                        ]
    } );



 // Apply the search
 table.columns().every( function () {
        var that = this;
 
        $( 'input', this.footer() ).on( 'keyup change', function () {
            if ( that.search() !== this.value ) {
                that
                    .search( this.value )
                    .draw();
            }
        } );
    } );

} );

    </script>
@endsection