@extends('admin.layouts.cmlayout')

@section('body')
<!-- Begin Page Content -->
<div class="container-fluid">
  <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Post List</h1>
  </div>
  <div class="row">
        <div class="col-xl-12 col-md-12">
          <div class="card shadow mb-4">
            <div class="card-header py-3">
             <div class="buttons-right">
              <a class="m-0 font-weight-bold btn-department-add pull-right hover-white" href="{{route('blog.post.add')}}">Add Post</a>
            </div>
            </div>
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-bordered yajra-datatable9" id="users-table">
                  <thead>
                         <tr>
                            <th>Id</th>
                            <th>Post Name</th>
                            <th>Post Url's</th>
                            <th>Category</th>
                            <th>Status</th>
                            <th>Action</th>  
                        </tr>
                  </thead>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

<script>
  jQuery(function () {
    var table = jQuery('.yajra-datatable9').DataTable({
        processing: true,
        serverSide: true,
        Filter: true,
        order: [],

        ajax: {
         url: "{{ route('blog.list') }}",
         data: function (d) {
                d.search = jQuery('input[type="search"]').val()
            }
        },
        columns: [
                    { data: 'id', name: 'id' },
                    { data: 'name', name: 'name'},
                    { data: 'slug', name: 'slug' },
                    { data: 'category', name: 'category' },
                    { data: 'status', name: 'status',orderable: false, searchable: false,},
                    {
                      data: 'action', 
                      name: 'action', 
                      orderable: false, 
                      searchable: false,
                  },
                 ]
        });
     });
  </script>

<script type="text/javascript">
function deletePost(obj, pid) {
    var result = confirm("Are you sure you want to delete this Post ?");
    if (result) {
        jQuery.ajax({
            method: 'POST',
            url: '/admin/blog/post/del',
            dataType: 'json',
            data: {
                'id': pid,
                '_token': jQuery('meta[name="csrf-token"]').attr('content'),
            },
            success: function(data) {
                location.reload(true);
            },
            error: function(data) {
                alert(data.msg);
            },
        });
    } else {
        return false;
    }
}
</script>
<!-- /.container-fluid -->
@endsection