@extends('front.layout.master')
@section('content')


    <div class="breadcrumb-area gray-bg">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="{{route('main')}}">الرئيسية</a></li>
                    <li class="active"> البرندات </li>
                </ul>
            </div>
        </div>
    </div>

    <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>

    </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">brand-{{request()->id}}</span>
            <span style="display: none" id="order">ASC</span>
        </div>
    </div>

    <!--end products-->


@endsection