@extends("Front::Layout.master")

@section("title","فروشگاه")

@section("content")
    <!-- breadcrumb -->
    <div class="breadcrumbSection marginX my-md-3 my-3">
        <div class="breadcrumb_contanier">
            <ul class="d-flex">
                <li class="ml-2"><a href="/" class="font_size_2">تاسیسات اول</a></li>
                <li class="ml-2"><a  class="font_size_2">فروشگاه</a></li>
            </ul>
        </div>
    </div>
    <!-- end breadcrumb -->

        <div class="container">


            <div class="row row-product">

                <div class="col-lg-3">
                    <span style="color:#42b4e7;font-weight:bold;    margin-bottom: 15px;display: block;">دسته بندی ها:</span>
                    @foreach($categories as $all_category_item)
                        <div class="category-page-list-item">
                            <a href="{{ $all_category_item->url }}"><h6>{{ $all_category_item->name }}</h6></a>
                        </div>
                    @endforeach
                </div>
                <div class="col-lg-9  ddd">
                    <div class="title  mb-4 mx-0">
                        <div class="style_header"></div>
                        <span>
               محصولات
            </span>
                    </div>
                    <div class="row">
                        @if(!$products->isEmpty())
                            @foreach($products as $product)
                                <div class="col-lg-4 col-sm-6" style="margin-bottom:20px">
                                    @includeIf("Front::product_item",["product"=>$product])
                                </div>
                            @endforeach
                        @else
                            <p class="text-center mt-5 w-100 mb-5">محصولی برای نمایش وجود ندارد</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>

@endsection
