@extends('layouts.app')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
    <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Blog</h3>
              </div>
			  <div class="row">
					<div class="col-12">
					<div class="card-body">

					<div class="table-responsive">
					<table class="table  blog">
						<thead class="table-light">
							<tr>
								<th>S.No.</th>
								<th>Image</th>
								<th>Title</th>
								<th>Description</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody>
						   
							
						</tbody>
					</table>
					</div>

					</div>
					
					</div>
				</div>
			  
            </div>
          </div>
           
        </div>
        <!-- /.row -->
      </div>
    </section>

    <!-- Main content -->
<script type="text/javascript">
  $(document).ready(function(){
	 var jq= $.noConflict();
	  jq(function () {
	var table = jq('.blog').DataTable({
		processing: true,
		serverSide: true,
		 ajax : "{{url('blog-view')}}",
			  columns: [
				{data: 'DT_RowIndex', name: 'DT_RowIndex'},
				{data: 'image', name: 'image'},
				{data: 'title', name: 'title'},
				{data: 'description', name: 'description'},
				 {
					data: 'action',
					name: 'action',
					orderable: true,	
					searchable: true
					},
		] 
			 
			
	});
});
});
</script>

 @endsection