<div class="shop__sort bg-light p-2 round">
    <div class="row">
        <div class="col-toggle-filter col-12 col-xs-2 col-sm-2 d-md-none my-1 pr-sm-1">
            <div class="toggle-filter-offcanvas bg-light toggle-filter-mobile">
                <i class="fal fa-filter mr-1"></i> <span
                    class="toggle-filter-name d-block d-xs-none d-sm-block d-md-block">{{ __('Filter') }}</span>
            </div>
        </div>
        <div class="col-showing col-6 col-sm-5 col-md-6 my-1">
            <div class="form-group--inline">
                <div class="form-group__content">
                    <div class="select--arrow">
                        <select name="per_page" id="per-page" class="form-control">
                            <option value="">{{ __('Showing') }}</option>
                            <option value="" @if (request()->input('per_page') == 15) selected @endif>15</option>
                            <option value="30" @if (request()->input('per_page') == 30) selected @endif>30</option>
                            <option value="45" @if (request()->input('per_page') == 45) selected @endif>45</option>
                            <option value="75" @if (request()->input('per_page') == 75) selected @endif>75</option>
                            <option value="120" @if (request()->input('per_page') == 120) selected @endif>120</option>
                        </select>
                        <i class="fas fa-angle-down"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sort-by col-6 col-sm-5 col-md-6 my-1">
            <div class="sort-by-wrap d-flex">
                <div class="form-group--inline">
                    <div class="form-group__content">
                        <div class="select--arrow">
                            <select name="sort_by" id="sort-by" class="form-control">
                                <option value="">{{ __('Sort by') }}</option>
                                <option value="" @if (request()->input('sort_by') == 'default_sorting') selected @endif>{{ __('Default') }}</option>
                                <option value="date_asc" @if (request()->input('sort_by') == 'date_asc') selected @endif>{{ __('Oldest') }}</option>
                                <option value="date_desc" @if (request()->input('sort_by') == 'date_desc') selected @endif>{{ __('Newest') }}</option>
                                <option value="price_asc" @if (request()->input('sort_by') == 'price_asc') selected @endif>{{ __('Price: low to high') }}</option>
                                <option value="price_desc" @if (request()->input('sort_by') == 'price_desc') selected @endif>{{ __('Price: high to low') }}</option>
                                <option value="name_asc" @if (request()->input('sort_by') == 'name_asc') selected @endif>{{ __('Name: A-Z') }}</option>
                                <option value="name_desc" @if (request()->input('sort_by') == 'name_desc') selected @endif>{{ __('Name: Z-A') }}</option>
                            </select>
                            <i class="fas fa-angle-down"></i>
                        </div>
                    </div>
                    @if (!empty($isChangeView))
                        <div class="change-view ml-2" style="align-self: center">
                            <i class="fas fa-map-marker-alt view-type-map active"></i>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
