@extends('layouts.app')
@section('content')
<div class="main-header">
    <div class="admin-header">
        <div class="uk-grid">
            <div class="uk-width-1-2@m uk-text-center uk-text-left@l">
                <h1 class="uk-margin-small-top main-heading">{{$title}}</h1>
            </div>
        </div>
    </div>
</div>
<div class="uk-overflow-auto">
    @include('partials.messages')
    <table class="uk-table uk-table-divider" id="terms-condtions">
        <thead>
            <tr>  
                <th>Actions</th>
                <th>Type</th>
                <th>Title</th>
            </tr>
        </thead>
    </table>
</div>    
@endsection
@section('footer-script')
<script>
    $('#terms-condtions').DataTable({
        processing: true,
        pageLength: 100,
        responsive: true,
        serverSide: true,
        ordering: true,
        bPaginate: true,
        bLengthChange: false,
        bFilter: true,
        bInfo: false,
        bAutoWidth: false,
        language: {
            search: '',
            searchPlaceholder: 'Search'
        },
        // aaSorting: [[1, 'desc']],
        ajax: window.location.href, 
        columns: [
            { data: 'actions',orderable: true, name: 'actions',searchable: false, width: "10%"},
            { data: 'type',orderable: true, name: 'type',searchable: true,width: "20%" },
            { data: 'title',orderable: true, name: 'title',searchable: true,width: "70%" },
        ],
        order: [[ 1, "desc" ]]
    });
</script>
@endsection