@extends(config('admin_theme.layout', 'admin.layout.master'))
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include(config('admin_theme.view_prefix', 'admin').'.layout.breadcrumb_view')
@stop
@section('page-content')
<div class="table-rep-plugin">
    @include(config('admin_theme.view_prefix', 'admin').'.layout.error')
    <table id="data_table" class="table  table-striped">
        <thead>
            <tr>       
                <th>#</th>
                <th>@Lang('admin.notification_type')</th>
                <th>@Lang('admin.notification_data')</th>
                <th>@Lang('admin.notification_created_at')</th>
                <th>@Lang('admin.notification_read_at')</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>
@stop
@section('modal')
@include(config('admin_theme.view_prefix', 'admin').'.layout.ajax')
@stop
@section('js')
<script type="text/javascript">
    var list_link = "{{ route('notifications.list') }}";
    var columns = [
        {"data": "id"},
        {"data": "notification_type"},
        {"data": "notification_data"},
        {"data": "notification_created_at"},
        {"data": "notification_read_at"},
    ];
    $(document).ready(function () {
        var oTable = $('#data_table').DataTable({
            "processing": true,
            "serverSide": true,
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "searching": true,
            "ajax": {
                url: "{{ route('notifications.list') }}",
            },
            "order": [[0, 'desc']],
            "columnDefs": [{
                    "targets": "_all",
                    "defaultContent": ""
                }],
            "columns": columns,
        });
        $(".notification-counter").html("");
                        $(".fa-bell").removeClass("fas").addClass("far").removeClass("fa-shake");
                        $(".notification").remove();
    });
</script>

@stop