
<turbo-stream action="replace" target="womenswear-subcategory-filters"><template>
  <turbo-frame id="womenswear-subcategory-filters">
      <div class="card categories-filter">
    <div class="card-header">
      <h2 class="mb-0">
        <button class="btn btn-link collapsed sidebar-filter-button" type="button" data-toggle="collapse"
                data-target="#shoes_collapse" aria-expanded="true"
                aria-controls="shoes_collapse">
          Shoes
          <span id="shoes-count" data-app-search--categories-filter-target="categoryCount"
                data-app-search--filters-count-target="categoryCount"></span>
        </button>
      </h2>
    </div>

  <div id="shoes_collapse" class="collapse show">
    <div class="card-body">
      <div class="menu-wrapper px-2">

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=149">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes"
          type="checkbox"
          id="subcategory_149"
          data-filter="category"
          data-category-id="149"
          data-value="boots"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="shoes">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_149">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Boots</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=147">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes"
          type="checkbox"
          id="subcategory_147"
          data-filter="category"
          data-category-id="147"
          data-value="flats"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="shoes">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_147">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Flats</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=150">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes"
          type="checkbox"
          id="subcategory_150"
          data-filter="category"
          data-category-id="150"
          data-value="heels"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="shoes">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_150">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Heels</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=148">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes"
          type="checkbox"
          id="subcategory_148"
          data-filter="category"
          data-category-id="148"
          data-value="sandals"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="shoes">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_148">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Sandals</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=151">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes"
          type="checkbox"
          id="subcategory_151"
          data-filter="category"
          data-category-id="151"
          data-value="ski boots"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="shoes">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_151">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Ski Boots</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=146">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes"
          type="checkbox"
          id="subcategory_146"
          data-filter="category"
          data-category-id="146"
          data-value="trainers"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="shoes">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_146">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Trainers</div>
  </div>
</a>
      </div>
    </div>
  </div>
</div>

<turbo-frame id="shoes-subcategory-filters"></turbo-frame>
</turbo-frame></template></turbo-stream>
<turbo-stream action="replace" target="womenswear-mobile-subcategory-filters"><template>
  <turbo-frame id="womenswear-mobile-subcategory-filters">
        <div class="card categories-filter">
    <div class="card-header" id="headingOne">
      <h2 class="mb-0">
        <button class="btn btn-link collapsed sidebar-filter-button sidebar_categories_filter_button
                      d-flex justify-content-between" data-toggle="modal"
                data-target="#shoes-filter-modal">
          <div>
            Shoes
            <span id="shoes-count" data-app-search--categories-filter-target="categoryCount"
                  data-app-search--filters-count-target="categoryCount"></span>
          </div>
          <img src="https://res.cloudinary.com/dcaptnlz3/image/asset/chevron-right-4d9dc1896a4765e272ce510a3e1d363f.svg" />
        </button>
      </h2>
    </div>
  </div>

<div class="modal filter-mobile-modal -first-layer fade bottom" id="shoes-filter-modal" tabindex="-1"
     role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable m-0 " role="document">
    <div class="modal-content rounded-0 border-0">
      <div class="modal-header border-0">
        <a href="#" class="return-icon" data-toggle="modal" data-target="#shoes-filter-modal">
          <img src="https://res.cloudinary.com/dcaptnlz3/image/asset/chevron-left-218bf512919cbc55739cb2f87ee19df1.svg" />
        </a>
        <div class='text-center text-uppercase title'>
          Shoes
        </div>
      </div>

      <div class="modal-body" data-target="plp--filters.mobileSidebarWrapper">
        <div class="filter-modal-options-wrapper">

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=149">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes_mobile"
          type="checkbox"
          id="subcategory_149"
          data-filter="category"
          data-category-id="149"
          data-value="boots"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="shoes"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_149">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Boots</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=147">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes_mobile"
          type="checkbox"
          id="subcategory_147"
          data-filter="category"
          data-category-id="147"
          data-value="flats"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="shoes"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_147">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Flats</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=150">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes_mobile"
          type="checkbox"
          id="subcategory_150"
          data-filter="category"
          data-category-id="150"
          data-value="heels"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="shoes"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_150">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Heels</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=148">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes_mobile"
          type="checkbox"
          id="subcategory_148"
          data-filter="category"
          data-category-id="148"
          data-value="sandals"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="shoes"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_148">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Sandals</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=151">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes_mobile"
          type="checkbox"
          id="subcategory_151"
          data-filter="category"
          data-category-id="151"
          data-value="ski boots"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="shoes"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_151">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Ski Boots</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=146">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_shoes_mobile"
          type="checkbox"
          id="subcategory_146"
          data-filter="category"
          data-category-id="146"
          data-value="trainers"
          data-parent-value="shoes"
          data-span-count-id="shoes-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="shoes"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_146">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Trainers</div>
  </div>
</a>
        </div>
      </div>

        <div class="modal-footer filter-modal-footer js-filter-categories-modal-footer border-0 d-none default" data-app-search--categories-filter-target="applyChangesWrapper">
            <button name="button" type="submit" class="w-100 m-0 component button primary " data-toggle="modal" data-target="#shoes-filter-modal" data-filter-name="categories" data-action="click-&gt;app-search--categories-filter#applyChanges" target="_top">
    <div class="title  " style="">
      
            Apply Changes

    </div>
</button>        </div>
    </div>
  </div>
</div>


<turbo-frame id="shoes-mobile-subcategory-filters"></turbo-frame>
</turbo-frame></template></turbo-stream>