@extends('layouts.admin')
@section('page-title')
Blogs
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="text-right">
            <a href="{{ url('admin/blogs/create') }}" class="btn btn-primary">Add New</a>
        </div>
        <br />
        <div class="card">
            <div class="card-body">                
                <div class="">
                    <table class="table" id = "gridView">
                        <thead class="thead-light" >
                            <th ></th>                            
                            <th>Title</th>
                            <th>Published</th>                                                     
                            <th width= "15%">Action</th> 
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('custom-js-scripts')
<script type="text/javascript">

    $(document).ready(function () {
        
        table =  $('#gridView').DataTable({
            processing: true,
            serverSide: true,
            order:[],
            ajax: "{{ url('/admin/blogs') }}",
            columns: [
                {data: 'photo', name: 'photo', orderable: false, searchable: false},
                {data: 'title', name: 'title'},
                {data: 'published', name: 'published', orderable: false, searchable: false},                          
                {data: 'action', name: 'action', orderable: false, searchable: false},
                ],
        });       
       
    });

    function Delete(id){
    if (confirm("Are you sure to delete?")) {
        event.preventDefault(); 
        document.getElementById('delete-form-' + id).submit();
    }
    return false;
   }

</script>
@endpush