@extends('front.layout.master')

@section('content')


{{--    @include('front.layout.slider')--}}

    <!--  start catogeries-->
    <div class="main-catogeries-area mt-40 mb-30">
        <div class="container">

            <div class="shop-topbar-wrapper">
                <div class="shop-topbar-left">

                    <span class="title-checkbox"><input type="checkbox" checked> خدمة جمع لي</span>
                    <a href="#" class="brands-select">براندات <img src="{{asset('front/assets/images/icon/Component%2010%20%E2%80%93%201.png')}}"></a>
                </div>
                <div class="product-sorting-wrapper">
                    <a href="#" class="hight_price" data-url="{{route('single-product')}}">اعلي سعر <img src="{{asset('front/assets/images/icon/sort-descending-interface-symbol.png')}}" class="icon-filter0"></a>
                    <a href="#" class="low_price" data-url="{{route('single-product')}}">اقل سعر <img src="{{asset('front/assets/images/icon/sort-descending-interface-symbol.png')}}" class="icon-filter1"></a>
                </div>
            </div>
            <div class="row0">
                @foreach($subCategory as $index => $sub)

                <a href="#" class="{{$index == 0 ? "view-all" : "view-catogery"}} subCat"  data-id="{{$sub['id']}}" data-type="{{$sub['type']}}" data-parent_id="{{$sub['parent_id']}}" data-url="{{route('single-product')}}">{{$sub['name']}}</a>
                @endforeach
            </div>

        </div>

    </div>
    <!--   end catogeries-->

    <!--start products-->
    <div class="products-section mt-20 mb-30 offers">

        <div class="container">

            <div class="row"  id="data">

                    @include('front.data')

            </div>
            <span style="display: none" id="type">0</span>
            <span style="display: none" id="category_id">{{isset($id) ? $id : ''}}</span>
            <span style="display: none" id="order">ASC</span>
        </div>
    </div>

    <!--end products-->

@endsection