@extends('layouts.app')

@section('content')
    <div class="container">
        <h2>Blogs</h2>
        <a href="{{ route('admin.blogCreate') }}" class="btn btn-success mb-2">Create Post</a>
        <table class="table" id="blog-table">
            <thead>
            <tr>
                <th>ID</th>
                <th width="2    0%">Title</th>
                <th>Image</th>
                <th>Actions</th>
            </tr>
            </thead>
        </table>
    </div>


@endsection
@push('page_scripts')
    <script>
        $(document).ready(function () {
            $('#blog-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('blog.data-table') }}",
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'title', name: 'title'},
                    {data: 'image', name: 'image'},
                    {data: 'actions', name: 'actions', orderable: false, searchable: false},
                ]
            });
        });
    </script>
@endpush