@push('style')
<style>.ui-sortable {
  --icon-size: .8em;
  --gutter: .5em;
  padding: 0 0 0 var(--icon-size);
}

.ui-sortable li {
  padding-left: var(--gutter);
}

.ui-sortable  li::before {
    padding-right: 0.3em;
    padding-top:10px;
  font-family: "FontAwesome";
  content: "\f0c9";
  vertical-align: middle;
}
</style>
@endpush
<div class="col-md-2 px-2 m-0 pt-0 mt-0" id="leftPanel">
            <div class="col  bg-white   px-3 py-2" id="leftMenu">
                <h4 class="px-1 mt-0 mb-2">{{ __('applabels.Products') }}</h4>
                <div class="mb-3 mt-n4" id="leftMenu">
                <nav class="navbar flex-column ">
                    <div class="navbar-nav py-2 ">
                         <button name="brands" id="brands"  class=" btn btn-outline-secondary my-1">{{ __('applabels.Brands') }}</button>
                         <button name="colors" id="colors"  class=" btn btn-outline-secondary my-1">{{ __('applabels.Colors') }}</button>
                         <button name="genders" id="genders" class=" btn btn-outline-secondary my-1">{{ __('applabels.Genders') }}</button>
                         <button name="categories" id="categories"  class="btn btn-outline-secondary my-1">{{ __('applabels.Categories') }}</button>
                         <button name="subcategoriesBtn" id="subcategoriesBtn"  class="btn btn-outline-secondary my-1">{{ __('applabels.SubCategories') }}</button>
                         <button name="sizetypes" id="sizetypes"  class="btn btn-outline-secondary my-1">{{ __('applabels.SizeTypes') }}</button>
                         <button name="sizes" id="sizes"  class="btn btn-outline-secondary my-1">{{ __('applabels.Sizes') }}</button>
                         <button name="seasons" id="seasons"  class="btn btn-outline-secondary my-1">{{ __('applabels.Seasons') }}</button>
                    </div>
                </nav>
                   
                </div>
            </div>
        </div>

        @push('srcipts')

<script type="text/JavaScript" >

</script>
@endpush
        @include('product.components.categories')
        @include('product.components.brands')
        @include('product.components.colors')

        @include('product.components.genders')
        @include('product.components.subcategories')    
        @include('product.components.sizeTypes')
        @include('product.components.sizes')
        @include('product.components.seasons')