@extends('layouts.web.app')
@section('page_title')
    @lang('site.products')
@endsection
@section('content')
    <!-- Breadcrumbs Section Start -->
    <div class="rs-breadcrumbs bg-8" style="
            background-image: url({{asset('img/products_banner.png')}});
            background-size: cover;
            background-repeat: no-repeat;
            ">
        <div class="container">
            <div class="content-part text-center">
                <h1 class="breadcrumbs-title white-color mb-0">@lang('site.products')</h1>
            </div>
        </div>
    </div>
    <!-- Breadcrumbs Section End -->

    <!-- Shop Section Start -->
    <div class="rs-shop pt-100 pb-100 md-pt-80 md-pb-80">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">

                    <div class="row">
                        @foreach($categories as $category)
                        <div class="col-lg-4 col-sm-6 mb-73 md-mb-43">
                            <div class="product-list">
                                <div class="image-product">
                                    <a href="{{route('product', ['id' => $category->id,'slug'=>make_slug($category->name)])}}"><img style="height: 280px" src="{{asset('uploads/category_images/'.$category->image)}}" alt=""></a>


                                </div>
                                <div class="content-desc text-center" >
                                    <h2 class="loop-product-title pt-19"><a href="{{route('product', ['id' => $category->id,'slug'=>make_slug($category->name)])}}">{{$category->name}}</a></h2>
<!--                                    <span class="price">{{$category->description}}</span>
                                    <button type="button" class="btn btn-primary">Primary</button>-->
                                </div>

                            </div>
                        </div>
                        @endforeach

                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- Shop Section End -->
@endsection