@extends('site.layout.master')

@section('content')
    <!-- start inner header -->
    <div class="inner-header">
        <h5>الأقسام</h5>
        <ul>
            <li><a href="{{route('home')}}">الرئيسية </a></li>
            <li>/</li>
            <li><a>الأقسام </a></li>
                    </ul>
    </div>
    <!-- end inner header -->
    <!-- start  product-->
    <!-- start filter  -->
    <div class="container">

        <div class="title-main">
            <h5>الأقسام</h5>
            {{--        <p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص--}}
            {{--            <br>--}}
            {{--            من مولد النص العربى</p>--}}
        </div>

        <div class="mu-portfolio-area">
            <!-- Title -->
            <!-- Start Portfolio Filter -->
            <div class="mu-portfolio-filter-area">
                <ul class="mu-simplefilter">
                    <li class="active" data-filter="all">الكل</li>

                    @foreach($categories as $category)
                        <li data-filter="{{$category->id}}">{{$category->title}}</li>
                    @endforeach
                </ul>
            </div>

            <!-- Start Portfolio Content -->
            <div class="mu-portfolio-content">
                <div class="filtr-container">
                    <div class="row">
                        @foreach($categories as $category)

                            @foreach( $category->products()->get() as $row)
                                <div class="col-12 col-md-6 col-lg-4 filtr-item " data-category="{{$category->id}}">

                                    @include('site.products.product_box')

                                </div>
                            @endforeach

                        @endforeach
                            {{--                        <div>{{$categories->links()}}</div>--}}

                    </div>

                </div>
            </div>

        </div>
    </div>
    <!-- end filter -->
    <!-- end Product  -->


@endsection