@extends('layout.adminapp')
@section('page-css')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
    <link href="{{ asset('css0/buttons.bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css0/buttons.dataTables.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{!! asset('css/hover-min.css') !!}">

    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
@endsection
@section('page-content')

    <section class="content">

        <div class="content-inner content-docs">
            <div class="card">
                <div class="card-header">
                    <h5>Audit Trails</h5>

                </div>
                <div class="card-body">
                    {{$dataTable->table(['class' => 'table table-bordered table-striped table-centered table-hover w-100 dt-responsive wrap mb-0' ,'id'=>'dashboardtable-table'])}}
                </div>
            </div>
        </div>
        @endsection

        @section('page-js')

            <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
            <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
            <script src="{!! asset('vendor/datatables/buttons.server-side.js') !!}"></script>
            <script src="{!! asset('js/dataTables.buttons.min.js') !!}"></script>
            <script src="{!! asset('js/buttons.server-side.js') !!}"></script>
    {{$dataTable->scripts()}}
@endsection
