@php $orders = [
            'name-asc'        => 'from-a-z',
            'name-desc'       => 'from-z-a',
            'created_at-desc' => 'newest-first',
            'price-asc'       => 'cheapest-first',
            'price-desc'      => 'expensive-first',
        ];
@endphp
<div class="item-section-inner item-section-title">
    <h2 class="item-section-title-text">{{$category->name}}</h2>

    <div class="item-section-filter item-section-filter-desktop">
        <div class="item-section-filter-img">
            <img src="{{bagisto_asset('icons/Filter.svg')}}" alt="Filter">
        </div>
        <select name="filter-option" onchange="window.location.href = this.value" id="filter-options">
            @foreach ($orders as $key => $order)
                <option value="{{ $toolbarHelper->getOrderUrl($key) }}" {{ $toolbarHelper->isOrderCurrent($key) ? 'selected' : '' }}>
                    <span>{{ __('shop::app.products.' . $order) }}</span>
                </option>
            @endforeach
        </select>
    </div>
    <div class="item-section-view">
        <a href="{{$toolbarHelper->getModeUrl('list')}}" class="item-section-view-img-1 @if ($toolbarHelper->isModeActive('list')) view-active @endif">
            <svg class="rows @if ($toolbarHelper->isModeActive('list')) icon-active @endif">
                <use xlink:href="#rows"></use>
            </svg>
        </a>
        <a  href="{{$toolbarHelper->getModeUrl('grid')}} "class="item-section-view-img-2 @if ($toolbarHelper->isModeActive('grid')) view-active @endif" >
            <svg class="cubes @if ($toolbarHelper->isModeActive('grid')) icon-active @endif">
                <use xlink:href="#cubes"></use>
            </svg>
        </a>
    </div>
</div>
@if($category->description)
    <div class="category-description">{!! $category->description !!}</div>
@endif
<div class="horizontal"></div>
<div class="item-section-inner-mobile">
    <div class="item-section-filter">
        <div class="item-section-filter-img">
            <img src="{{bagisto_asset('icons/Filter.svg')}}" alt="Filter">
        </div>
        <select name="filter-option" onchange="window.location.href = this.value" id="filter-options">
            @foreach ($orders as $key => $order)
                <option value="{{ $toolbarHelper->getOrderUrl($key) }}" {{ $toolbarHelper->isOrderCurrent($key) ? 'selected' : '' }}>
                    <span>{{ __('shop::app.products.' . $order) }}</span>
                </option>
            @endforeach
        </select>
    </div>
    <div class="filter-pop-up">
        <div class="item-section-filter-img">
            <img src="{{bagisto_asset('icons/filter2.svg')}}" alt="Filter">
        </div>
        <span>{{__('shop::app.products.filters')}}</span>
    </div>
</div>
