@include('admin.includes.header')
@include('admin.includes.sidebar')
<div class="main-content" id="panel">
@include('admin.includes.nav')

  <div class="header bg-primary pb-0">
    <div class="container-fluid">
      <div class="header-body">
        <div class="row align-items-center py-2">
          <div class="col-lg-6 col-7">
            <h6 class="h4 text-white d-inline-block mb-0">Blog</h6>
            <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
              <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                <li class="breadcrumb-item"><a href="#"><i class="fas fa-home"></i></a></li>
                <li class="breadcrumb-item"><a href="#">Blog</a></li>
                <li class="breadcrumb-item active" aria-current="page">Blog</li>
              </ol>
            </nav>
          </div>
          <div class="col-lg-6 col-5 text-right">
              <a href="{{ url('admin/Blog/add')}}" class="btn btn-sm btn-info">Add Blog</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="flash-message">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
              @if(Session::has('alert-' . $msg))
                  <p class="alert alert-{{ $msg }}" style="color:#ffff;">{{ Session::get('alert-' . $msg) }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>
                  {{ session()->forget('alert-' . $msg) }}
                @endif
              @endforeach
        </div> <!-- end .flash-message -->
        <div class="card card-body p-1">
          <div class="row">
            <div class="col">
              <div class="form-group">
                <input type="text" id="search_blog" name="search_blog" class="form-control form-control-sm" placeholder="Search">
                </div>
            </div>
            <div class="col-md-2">
              <button type="button" id="btnFiterSubmitSearch" class="btn btn-sm bg-gradient-danger text-white"><i class="fas fa-search"></i></button>
              <button type="button" id="btnRefresh" class="btn btn-sm bg-gradient-indigo text-white" onclick="refresh()"><i class="fas fa-sync-alt"></i></button>
            </div>
          </div>
        </div> <!--CARD-->
    <div class="card ">
      <div class="card-body p-2">
        <div class="table-responsive py-4">
          <table class="table table-flush" id="users">
            <thead class="thead-light">
              <th  scope="col" class="p-1">Sr No</th>
              <th  scope="col" class="p-1">Title</th>
              <th  scope="col" class="p-1">Slug</th>
              <th  scope="col" class="p-1">Content</th>
              <th  scope="col" class="p-1">Image</th>
              <th  scope="col" class="p-1">Type</th>
              <th  scope="col" class="p-1">Publish on</th>
              <th  scope="col" class="p-1">Options</th>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
      </div>
    </div>
    @include('admin.blog.descModal')
  </div> <!-- CONTAINER-FLUID => DONT DELETE-->
</div><!-- MAIN CONTENT => DONT DELETE-->

<script>
$(document).ready(function() {
$.ajaxSetup({
     headers: {
         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
     }
 });
$('#users').DataTable({
      processing: true,
      serverSide: true,
      language: {
        paginate: {
          next: '&#8594;', // or '→'
          previous: '&#8592;' // or '←'
        }
      },
      columnDefs: [{
                targets: '_all',
                createdCell: function (td, cellData, rowData, row, col) {
                    $(td).css('padding', '3px')
                }
            }],
      ajax: {
          url:"{{ url('admin/Blog/get_table') }}",
          type: 'GET',
          data: function (d) {
          d.search_blog = $('#search_blog').val();
       }
      },
      columns: [
                {data: 'DT_RowIndex', orderable: false, searchable: false,},
                {data: 'title', name: 'title',  render: function( data)
                   {
                     return data;
                   }
                 },
                {data: 'slug', name: 'slug',
                  render: function( data)
                   {
                     return data;
                   }
                },
                {data: 'content', name: 'content',
                  render: function( data)
                   {
                     return data;
                   }
                },
                {data: 'image', name: 'image',
                  render: function( data)
                   {
                     return data;
                   }
                },
                {data: 'type', name: 'type'},
                {data: 'post_date', name: 'post_date'},
                {data: 'action', name: 'action',orderable: false, searchable: false,
                render: function( data)
                 {
                   return data;
                 }
              },
           ],
      });
    });
// ******************************* SEARCH BUTTON *******************************
$('#btnFiterSubmitSearch').click(function(){
    $('#users').DataTable().draw(true);
 });
function get_description(id)
{
  var json_data={'id':id};
  $.ajax({
      type: "GET",
      url: "{{ url('admin/Blog/get_description') }}",
      data: json_data,
      success: function (data)
      {
        $('#Description_Modal').modal('show');
        $("#Description_Modal_Body").html(data);
      }
    });
}
</script>
@include('admin.includes.footer')