@extends('frontend.layout')
@section('page_title', 'All Products Category')

@section('content')

<section class="section">
    <div class="container">
        <div class="row">
            <ul class="news-list">
                @foreach ($cat_info as $item)
                <li class="col-xs-12 col-sm-6 col-md-4">
                    <a href="{{url('products/category')}}/{{$item->id}}/{{strtolower(str_replace(' ', '-', $item->cat_name))}}">
                        <div class="news-container">
                            <div class="news-thumbnail-container">
                                <img src="{{asset('common_image/products/category')}}/{{$item->cat_image}}"
                                    alt="{{$item->cat_name}}" class="news-thumbnail">
                            </div>
                            <div class="news-title-container">
                                <h3 class="news-title"></h3><br>
                                <h4>{{$item->cat_name}}</h4>
                            </div>
                        </div>
                    </a>
                </li>
                @endforeach
            </ul>
        </div>
        {{$cat_info->links()}}
    </div>
</section>

@endsection