@extends('layouts.main')
@section('title')
Blogs
@endsection
@section('content')
 

<section class="content-header">
  <div class="">
    <div class="row mb-2">
      <div class="col-sm-6 pl-2">
        <h2>BlogList</h2>
      </div>
    </div>
  </div>
</section>
<section class="">
  <div class="container">
    <div class="content-wapper">
      <div class="row">
        <div class="col-lg-8 col-md-12 col-sm-12 col-12">
				<div class="row">
					<div id="pagination-ajax-container">
					</div>
				</div>
			</div>
        <div class="col-xxl-4 col-lg-4 col-md-12">
          <div class="blog-sidebar">
            <div class="card ">
              <div class="card-body">
                <div class="search">
                  <input name="search"  onchange="pagination.search(this.value)"type="text" class="form-control" value="{{ Request::get('search') }}" placeholder="To search type">
                </div>
              </div>
            </div>
            <div class="card ">
              <div class="card-body">
                <h5>Categories</h5>
                  @foreach($category as $categorylist)
                   <ul style="padding-left:0px">
                  <a href="javascript:;" onclick="pagination.filter('category','{{$categorylist->id}}')" class="noroute"> {{$categorylist->category}}</a>
                   </ul>
                  @endforeach
              </div>
            </div>
            <div class="card top-article">
              <div class="card-body">
                <h5>Top Article</h5>
                @foreach($topArticle as $top)
                <br>
                <div class="row">
                  <div class="col-md-3">
                    <a href="blogs/{{$top->slug }}">
                      <img src="