@extends('layout.default')
@section('content')

@section('page_toolbar')

&nbsp;<a class="btn btn-info px-2 font-weight-bold btn-sm"  href="{{ url('admin/blog/create') }}">
<i class="fas fa-plus-circle" aria-hidden="true"></i>  Add Blog
</a>


&nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                     <th>Title</th>
                     <th>Description</th>
                     <th>Updated at</th>

                    <th width="10%">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
@endsection


@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />

@endsection


@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

    <script>
    $(function () {