/**
 * 一覧ページ検索サイドバー
 * 条件検索・掲載中(?view=all): #searchForm（条件検索と同一 DOM）
 * 駅・エリア: data-station-filter-form（絞り込み専用フォーム）
 */
(function (root, factory) {
  if (typeof module === 'object' && module.exports) {
    module.exports = factory();
  } else {
    root.StationSearchSidebar = factory();
  }
})(typeof globalThis !== 'undefined' ? globalThis : this, function () {
  'use strict';

  function escHtml(s) {
    return String(s == null ? '' : s)
      .replace(/&/g, '&')
      .replace(/</g, '&lt;')
      .replace(/>/g, '&gt;')
      .replace(/"/g, '&quot;');
  }

  function publicPathPrefix() {
    if (typeof globalThis !== 'undefined' && globalThis.RakusumoPublicPath && typeof globalThis.RakusumoPublicPath.getPrefix === 'function') {
      return globalThis.RakusumoPublicPath.getPrefix();
    }
    if (typeof globalThis !== 'undefined' && typeof globalThis.__RAKUSUMO_PUBLIC_PATH_PREFIX__ === 'string') {
      return globalThis.__RAKUSUMO_PUBLIC_PATH_PREFIX__;
    }
    return '';
  }

  function publicSiteHref(segment) {
    var pre = publicPathPrefix();
    var seg = String(segment == null ? '' : segment).replace(/^\/+|\/+$/g, '');
    if (!seg) return pre === '' ? '/' : pre + '/';
    return (pre === '' ? '' : pre) + '/' + seg + '/';
  }

  var RENT_MIN_OPTIONS = [
    { value: '40000', label: '4万円以上' },
    { value: '50000', label: '5万円以上' },
    { value: '60000', label: '6万円以上' },
    { value: '70000', label: '7万円以上' },
    { value: '80000', label: '8万円以上' },
    { value: '90000', label: '9万円以上' },
  ];

  var RENT_MAX_OPTIONS = [
    { value: '60000', label: '6万円以下' },
    { value: '70000', label: '7万円以下' },
    { value: '80000', label: '8万円以下' },
    { value: '90000', label: '9万円以下' },
    { value: '100000', label: '10万円以下' },
    { value: '120000', label: '12万円以下' },
    { value: '150000', label: '15万円以下' },
    { value: '200000', label: '20万円以下' },
  ];

  var LAYOUT_OPTIONS = ['1R', '1K', '1DK', '1LDK', '2K', '2DK', '2LDK', '3K', '3DK', '3LDK+'];

  var WALK_OPTIONS = [
    { value: '5', label: '5分以内' },
    { value: '7', label: '7分以内' },
    { value: '10', label: '10分以内' },
    { value: '15', label: '15分以内' },
  ];

  var BUILT_OPTIONS = [
    { value: 'new', label: '新築・築浅' },
    { value: '5', label: '築5年以内' },
    { value: '10', label: '築10年以内' },
    { value: '20', label: '築20年以内' },
    { value: '30', label: '築30年以内' },
  ];

  var WARD_OPTIONS = ['横浜市青葉区', '横浜市緑区', '町田市'];

  /** フォーム表示用（条件検索と同一） */
  var KODAWARI_TILES = [
    { name: 'k_pet', label: 'ペット相談・ペット可', feature: 'pet' },
    { name: 'k_bt', label: 'バス・トイレ別', feature: 'btSep' },
    { name: 'k_parking', label: '駐車場あり', feature: 'parking' },
    { name: 'k_autolock', label: 'オートロック', feature: 'autolock' },
    { name: 'k_netfree', label: 'ネット無料', feature: 'netfree' },
    { name: 'k_laundry', label: '室内洗濯機置場', feature: 'laundry' },
    { name: 'k_reheat', label: '追い焚き', feature: 'reheat' },
    { name: 'k_sink', label: '独立洗面台', feature: 'sink' },
    { name: 'k_ac', label: 'エアコン', feature: 'ac' },
    { name: 'k_floor2', label: '2階以上', feature: 'floor2' },
    { name: 'k_corner', label: '角部屋', feature: 'corner' },
    { name: 'k_nosk', label: '敷金なし', feature: 'nosk' },
    { name: 'k_nokey', label: '礼金なし', feature: 'nokey' },
    { name: 'k_noskm', label: '敷金・礼金なし', feature: 'noskm' },
  ];

  function selectOptionsHtml(options, emptyLabel) {
    return (
      '<option value="">' +
      escHtml(emptyLabel || '指定なし') +
      '</option>' +
      options
        .map(function (o) {
          return '<option value="' + escHtml(o.value) + '">' + escHtml(o.label) + '</option>';
        })
        .join('')
    );
  }

  function sidebarCountLoadingHtml() {
    if (typeof PropertyListCount !== 'undefined' && PropertyListCount.loadingInnerHtml) {
      return PropertyListCount.loadingInnerHtml();
    }
    return (
      '<span class="tp-list-count tp-list-count--loading" role="status"><span class="tp-list-count__text">物件を読み込み中…</span></span>'
    );
  }

  function kodawariTilesHtml() {
    return KODAWARI_TILES.map(function (t) {
      return (
        '<label class="tp-check-tile"><input type="checkbox" name="' +
        escHtml(t.name) +
        '" value="on">' +
        escHtml(t.label) +
        '</label>'
      );
    }).join('');
  }

  function wardTilesHtml() {
    return WARD_OPTIONS.map(function (w) {
      return (
        '<label class="tp-check-tile"><input type="checkbox" name="ward" value="' +
        escHtml(w) +
        '">' +
        escHtml(w) +
        '</label>'
      );
    }).join('');
  }

  function layoutTilesHtml() {
    return LAYOUT_OPTIONS.map(function (lv) {
      return (
        '<label class="tp-check-tile"><input type="checkbox" name="layout" value="' +
        escHtml(lv) +
        '">' +
        escHtml(lv) +
        '</label>'
      );
    }).join('');
  }

  function hiddenInputsHtml(hidden) {
    hidden = hidden || {};
    return Object.keys(hidden)
      .map(function (k) {
        return (
          '<input type="hidden" name="' +
          escHtml(k) +
          '" value="' +
          escHtml(hidden[k]) +
          '">'
        );
      })
      .join('');
  }

  /** 条件検索 rssg_render_search_filters_form_html と同一構造 */
  function renderSearchFiltersFormHtml(opts) {
    opts = opts || {};
    var action = escHtml(opts.formAction || publicSiteHref('search'));
    var hidden = hiddenInputsHtml(opts.hidden || {});
    return (
      '<form id="searchForm" class="tp-search-form-v2 tp-search-form--cards" action="' +
      action +
      '" method="get" aria-label="賃貸条件検索">' +
      hidden +
      '<div class="tp-search-filter-card">' +
      '<h3 class="tp-search-filter-card__title">キーワード</h3>' +
      '<label class="tp-search-field-label" for="areaKw">物件名・住所・キーワード</label>' +
      '<input type="search" id="areaKw" name="areaKw" class="tp-search-input" placeholder="例：コンフォートハウス、田奈町、青葉台" autocomplete="off">' +
      '</div>' +
      (opts.regionFixedHtml || '') +
      '<div class="tp-search-filter-card">' +
      '<h3 class="tp-search-filter-card__title">エリア</h3>' +
      '<details class="tp-search-acc">' +
      '<summary class="tp-search-acc__summary">市区</summary>' +
      '<div class="tp-search-acc__body">' +
      '<p class="tp-search-help">市区は複数選択できます。</p>' +
      '<div class="tp-search-tiles tp-search-tiles--area">' +
      wardTilesHtml() +
      '</div></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">駅・路線</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">路線</summary>' +
      '<div class="tp-search-acc__body"><p class="tp-search-help tp-search-help--compact">路線を選ぶと駅を絞れます。</p>' +
      '<div id="routeTilesHost" class="tp-search-tiles tp-search-tiles--routes" aria-live="polite"></div>' +
      '</div></details>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">駅</summary>' +
      '<div class="tp-search-acc__body">' +
      '<div id="stationExtraChecks" class="tp-station-extra-checks" aria-hidden="true"></div>' +
      '<div id="stationTilesHost" class="tp-search-tiles tp-search-tiles--stations" aria-live="polite"></div>' +
      '<label class="tp-search-showall-stations tp-check-tile tp-check-tile--inline">' +
      '<input type="checkbox" id="stationShowAll" checked> 掲載中のすべての駅を表示</label>' +
      '</div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">賃料</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">月額賃料</summary>' +
      '<div class="tp-search-acc__body tp-search-row2">' +
      '<div><label class="tp-search-field-label" for="rentMin">下限</label>' +
      '<select id="rentMin" name="rentMin" class="tp-search-select">' +
      selectOptionsHtml(RENT_MIN_OPTIONS) +
      '</select></div>' +
      '<div><label class="tp-search-field-label" for="rentMax">上限</label>' +
      '<select id="rentMax" name="rentMax" class="tp-search-select">' +
      selectOptionsHtml(RENT_MAX_OPTIONS) +
      '</select></div></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">間取り</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">間取りタイプ</summary>' +
      '<div class="tp-search-acc__body tp-search-tiles tp-search-tiles--compact">' +
      layoutTilesHtml() +
      '</div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">駅徒歩</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">徒歩分数</summary>' +
      '<div class="tp-search-acc__body">' +
      '<label class="tp-search-field-label" for="walkMax">駅徒歩</label>' +
      '<select id="walkMax" name="walkMax" class="tp-search-select">' +
      selectOptionsHtml(WALK_OPTIONS) +
      '</select></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">築年数</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">築年</summary>' +
      '<div class="tp-search-acc__body">' +
      '<label class="tp-search-field-label" for="built">築年数</label>' +
      '<select id="built" name="built" class="tp-search-select">' +
      selectOptionsHtml(BUILT_OPTIONS) +
      '</select></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">設備・条件</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">こだわり条件</summary>' +
      '<div class="tp-search-acc__body">' +
      '<div class="tp-search-tiles tp-search-tiles--wrap tp-search-tiles--kodawari">' +
      kodawariTilesHtml() +
      '</div></div></details></div>' +
      '</form>'
    );
  }

  var STATION_KODAWARI_TILES = [
    { name: 'k_pet', label: 'ペット相談・ペット可', feature: 'pet' },
    { name: 'k_bt', label: 'バス・トイレ別', feature: 'btSep' },
    { name: 'k_parking', label: '駐車場あり', feature: 'parking' },
    { name: 'k_autolock', label: 'オートロック', feature: 'autolock' },
    { name: 'k_netfree', label: 'ネット無料', feature: 'netfree' },
    { name: 'k_laundry', label: '室内洗濯機置場', feature: 'laundry' },
    { name: 'k_sink', label: '独立洗面台', feature: 'sink' },
    { name: 'k_ac', label: 'エアコン', feature: 'ac' },
    { name: 'k_floor2', label: '2階以上', feature: 'floor2' },
    { name: 'k_noskm', label: '敷金・礼金なし', feature: 'noskm' },
  ];

  var AREA_MIN_OPTIONS = [
    { value: '20', label: '20㎡以上' },
    { value: '25', label: '25㎡以上' },
    { value: '30', label: '30㎡以上' },
    { value: '40', label: '40㎡以上' },
    { value: '50', label: '50㎡以上' },
  ];

  var AREA_MAX_OPTIONS = [
    { value: '30', label: '30㎡以下' },
    { value: '40', label: '40㎡以下' },
    { value: '50', label: '50㎡以下' },
    { value: '60', label: '60㎡以下' },
    { value: '80', label: '80㎡以下' },
  ];

  function stationKodawariTilesHtml() {
    return STATION_KODAWARI_TILES.map(function (t) {
      return (
        '<label class="tp-check-tile"><input type="checkbox" name="' +
        escHtml(t.name) +
        '" value="on">' +
        escHtml(t.label) +
        '</label>'
      );
    }).join('');
  }

  /** 駅・エリア用絞り込みフォーム（条件検索フォーム丸ごとではない） */
  function renderStationFilterFormHtml(opts) {
    opts = opts || {};
    var regionFixedHtml = '';
    if (opts.regionKind === 'area' && opts.regionLabel) {
      regionFixedHtml =
        '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">エリア</h3>' +
        '<p class="tp-search-region-fixed">' +
        escHtml(opts.regionLabel) +
        '</p></div>';
    }
    return (
      '<form data-station-filter-form class="tp-search-form-v2 tp-search-form--cards" aria-label="絞り込み検索">' +
      regionFixedHtml +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">賃料</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">月額賃料</summary>' +
      '<div class="tp-search-acc__body tp-search-row2">' +
      '<div><label class="tp-search-field-label" for="stationFilterRentMin">下限</label>' +
      '<select id="stationFilterRentMin" name="rentMin" class="tp-search-select">' +
      selectOptionsHtml(RENT_MIN_OPTIONS) +
      '</select></div>' +
      '<div><label class="tp-search-field-label" for="stationFilterRentMax">上限</label>' +
      '<select id="stationFilterRentMax" name="rentMax" class="tp-search-select">' +
      selectOptionsHtml(RENT_MAX_OPTIONS) +
      '</select></div></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">間取り</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">間取りタイプ</summary>' +
      '<div class="tp-search-acc__body tp-search-tiles tp-search-tiles--compact">' +
      layoutTilesHtml() +
      '</div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">駅徒歩</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">徒歩分数</summary>' +
      '<div class="tp-search-acc__body">' +
      '<label class="tp-search-field-label" for="stationFilterWalkMax">駅徒歩</label>' +
      '<select id="stationFilterWalkMax" name="walkMax" class="tp-search-select">' +
      selectOptionsHtml(WALK_OPTIONS) +
      '</select></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">築年数</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">築年</summary>' +
      '<div class="tp-search-acc__body">' +
      '<label class="tp-search-field-label" for="stationFilterBuiltAge">築年数</label>' +
      '<select id="stationFilterBuiltAge" name="built" class="tp-search-select">' +
      selectOptionsHtml(BUILT_OPTIONS) +
      '</select></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">専有面積</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">面積（㎡）</summary>' +
      '<div class="tp-search-acc__body tp-search-row2">' +
      '<div><label class="tp-search-field-label" for="stationFilterAreaMin">下限</label>' +
      '<select id="stationFilterAreaMin" name="areaMin" class="tp-search-select">' +
      selectOptionsHtml(AREA_MIN_OPTIONS) +
      '</select></div>' +
      '<div><label class="tp-search-field-label" for="stationFilterAreaMax">上限</label>' +
      '<select id="stationFilterAreaMax" name="areaMax" class="tp-search-select">' +
      selectOptionsHtml(AREA_MAX_OPTIONS) +
      '</select></div></div></details></div>' +
      '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">設備・条件</h3>' +
      '<details class="tp-search-acc"><summary class="tp-search-acc__summary">こだわり条件</summary>' +
      '<div class="tp-search-acc__body">' +
      '<div class="tp-search-tiles tp-search-tiles--wrap tp-search-tiles--kodawari">' +
      stationKodawariTilesHtml() +
      '</div></div></details></div>' +
      '<div class="tp-search-form__actions">' +
      '<button type="submit" class="tp-search-form__submit" data-station-filter-submit>この条件で検索する</button>' +
      '<button type="button" class="tp-search-form__reset" data-station-filter-reset>条件をリセット</button>' +
      '</div></form>'
    );
  }

  function renderStationFilterSidebarHtml(countNum, opts) {
    opts = opts || {};
    var title = escHtml(opts.title || '絞り込み検索');
    var lead = escHtml(
      opts.lead ||
        (opts.regionKind === 'area' && opts.regionLabel
          ? '条件を選ぶと、' + opts.regionLabel + 'の物件だけを絞り込めます。'
          : opts.regionKind === 'station' && opts.regionLabel
            ? '条件を選ぶと、' + opts.regionLabel + '周辺の物件だけを絞り込めます。'
            : '賃料・間取り・設備条件で物件を絞り込めます。'),
    );
    var countHtml =
      typeof countNum === 'number' && countNum >= 0
        ? '<span class="tp-list-count tp-list-count--ready"><span class="tp-list-count__lead">該当</span> <strong class="tp-list-count__num">' +
          escHtml(String(countNum)) +
          '</strong><span class="tp-list-count__suffix">件</span></span>'
        : sidebarCountLoadingHtml();
    return (
      '<div class="tp-search-sidebar">' +
      '<div class="tp-search-sidebar__head">' +
      '<h2 class="tp-search-sidebar__title">' +
      title +
      '</h2>' +
      '<p class="tp-search-sidebar__lead">' +
      lead +
      '</p>' +
      '<p class="tp-search-sidebar-count" aria-live="polite">' +
      countHtml +
      '</p></div>' +
      '<button type="button" class="tp-search-filters-toggle tp-search-filters-toggle--sidebar" data-station-filters-toggle aria-expanded="false" aria-controls="stationFiltersShell">条件を変更する</button>' +
      '<div class="tp-search-filters-backdrop" data-station-filters-backdrop hidden aria-hidden="true"></div>' +
      '<div id="stationFiltersShell" class="tp-search-filters-shell" data-station-filters-shell>' +
      '<div class="tp-search-filters-wrap">' +
      renderStationFilterFormHtml(opts) +
      '</div></div></div>'
    );
  }

  function renderFilterSidebarHtml(countNum, opts) {
    opts = opts || {};
    var title = escHtml(opts.title || '検索条件');
    var lead = escHtml(
      opts.lead ||
        (opts.regionKind === 'area' && opts.regionLabel
          ? '条件を選ぶと、' + opts.regionLabel + 'の物件だけを絞り込めます。'
          : opts.regionKind === 'station' && opts.regionLabel
            ? '条件を選ぶと、' + opts.regionLabel + '周辺の物件だけを絞り込めます。'
            : '条件を変更すると結果に反映されます。'),
    );
    var regionFixedHtml = '';
    if (opts.regionKind === 'area' && opts.regionLabel) {
      regionFixedHtml =
        '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">エリア</h3>' +
        '<p class="tp-search-region-fixed">' +
        escHtml(opts.regionLabel) +
        '</p></div>';
    } else if (opts.regionKind === 'station' && opts.regionLabel) {
      regionFixedHtml =
        '<div class="tp-search-filter-card"><h3 class="tp-search-filter-card__title">駅</h3>' +
        '<p class="tp-search-region-fixed">' +
        escHtml(opts.regionLabel) +
        '</p></div>';
    }
    var formHtml = renderSearchFiltersFormHtml({
      formAction: opts.formAction || publicSiteHref('search'),
      hidden: opts.hidden || {},
      regionFixedHtml: regionFixedHtml,
    });
    return (
      '<div class="tp-search-sidebar">' +
      '<div class="tp-search-sidebar__head">' +
      '<h2 class="tp-search-sidebar__title">' +
      title +
      '</h2>' +
      '<p class="tp-search-sidebar__lead">' +
      lead +
      '</p>' +
      '<p class="tp-search-sidebar-count" aria-live="polite">' +
      sidebarCountLoadingHtml() +
      '</p></div>' +
      '<button type="button" id="searchFiltersToggle" class="tp-search-filters-toggle" aria-expanded="false" aria-controls="searchFiltersShell">条件を変更する</button>' +
      '<div id="searchFiltersBackdrop" class="tp-search-filters-backdrop" hidden aria-hidden="true"></div>' +
      '<div id="searchFiltersShell" class="tp-search-filters-shell">' +
      '<div class="tp-search-filters-wrap">' +
      formHtml +
      '</div></div></div>'
    );
  }

  function kodawariCheckboxNames() {
    return KODAWARI_TILES.map(function (t) {
      return t.name;
    });
  }

  function kodawariFeaturesFromForm(form) {
    if (!form) return [];
    var out = [];
    KODAWARI_TILES.forEach(function (t) {
      if (!t.feature) return;
      var el = form.querySelector('[name="' + t.name + '"]');
      if (el && el.checked) out.push(t.feature);
    });
    return out;
  }

  function setFieldValue(form, sel, v) {
    if (v == null || v === '') return;
    var el = form.querySelector(sel);
    if (el && 'value' in el) el.value = v;
  }

  function applyFormFromUrl(form, params, opts) {
    if (!form || !params) return;
    opts = opts || {};
    form.querySelectorAll('input[type="checkbox"]').forEach(function (inp) {
      inp.checked = false;
    });
    form.querySelectorAll('select').forEach(function (sel) {
      sel.value = '';
    });
    var areaKw = form.querySelector('#areaKw');
    if (areaKw) areaKw.value = params.get('areaKw') || params.get('q') || '';
    setFieldValue(form, '#rentMin', params.get('rentMin') || '');
    setFieldValue(form, '#rentMax', params.get('rentMax') || '');
    setFieldValue(form, '#walkMax', params.get('walkMax') || '');
    setFieldValue(form, '#built', params.get('built') || params.get('builtAgeMax') || '');
    var wardRaw = params.get('ward');
    if (wardRaw) {
      wardRaw.split(',').forEach(function (raw) {
        var n = decodeURIComponent(String(raw || '').trim());
        if (!n) return;
        var inp = Array.prototype.slice
          .call(form.querySelectorAll('input[name="ward"]'))
          .find(function (i) {
            return i.value === n;
          });
        if (inp) inp.checked = true;
      });
    }
    var layoutValues = params.getAll('layout');
    if (!layoutValues.length && params.get('layout')) layoutValues = [params.get('layout')];
    Array.prototype.forEach.call(form.querySelectorAll('input[name="layout"]'), function (inp) {
      inp.checked = layoutValues.indexOf(inp.value) >= 0;
    });
    kodawariCheckboxNames().forEach(function (k) {
      var cb = form.querySelector('[name="' + k + '"]');
      if (cb) cb.checked = params.get(k) === 'on' || params.get(k) === '1';
    });
    var stValues = params.getAll('st');
    if (!stValues.length && params.get('st')) stValues = [params.get('st')];
    Array.prototype.forEach.call(form.querySelectorAll('input[name="st"]'), function (inp) {
      inp.checked =
        stValues.indexOf(inp.value) >= 0 ||
        stValues.indexOf(inp.value.replace(/駅$/, '')) >= 0 ||
        stValues.indexOf(inp.value + '駅') >= 0;
    });
    if (opts.lockStation && opts.lockStationLabel) {
      var lockName = String(opts.lockStationLabel).replace(/駅$/, '') + '駅';
      Array.prototype.forEach.call(form.querySelectorAll('input[name="st"]'), function (inp) {
        inp.checked = inp.value === lockName || inp.value === opts.lockStationLabel;
      });
    }
    if (opts.lockWard && opts.lockWardLabel) {
      Array.prototype.forEach.call(form.querySelectorAll('input[name="ward"]'), function (inp) {
        inp.checked = inp.value === opts.lockWardLabel;
      });
    }
    syncAccordionOpenState(form);
  }

  function syncUrlFromForm(form, baseUrl, opts) {
    if (!form) return;
    opts = opts || {};
    try {
      var u = new URL(baseUrl || location.href);
      var preserve = opts.preserveParams || [];
      preserve.forEach(function (k) {
        if (!u.searchParams.has(k) && opts.staticParams && opts.staticParams[k]) {
          u.searchParams.set(k, opts.staticParams[k]);
        }
      });
      if (opts.staticParams) {
        Object.keys(opts.staticParams).forEach(function (k) {
          u.searchParams.set(k, opts.staticParams[k]);
        });
      }
      [
        'areaKw',
        'rentMin',
        'rentMax',
        'walkMax',
        'built',
        'sort',
        'q',
      ].forEach(function (k) {
        u.searchParams.delete(k);
      });
      u.searchParams.delete('layout');
      kodawariCheckboxNames().forEach(function (k) {
        u.searchParams.delete(k);
      });
      u.searchParams.delete('st');
      u.searchParams.delete('ward');
      var areaKwEl = form.querySelector('#areaKw');
      var areaKw = areaKwEl ? String(areaKwEl.value || '').trim() : '';
      if (areaKw) u.searchParams.set('areaKw', areaKw);
      ['rentMin', 'rentMax', 'walkMax', 'built'].forEach(function (name) {
        var el = form.querySelector('[name="' + name + '"]');
        if (el && el.value) u.searchParams.set(name, el.value);
      });
      Array.prototype.forEach.call(form.querySelectorAll('input[name="layout"]:checked'), function (inp) {
        u.searchParams.append('layout', inp.value);
      });
      Array.prototype.forEach.call(form.querySelectorAll('input[name="st"]:checked'), function (inp) {
        u.searchParams.append('st', inp.value);
      });
      Array.prototype.forEach.call(form.querySelectorAll('input[name="ward"]:checked'), function (inp) {
        u.searchParams.append('ward', inp.value);
      });
      kodawariCheckboxNames().forEach(function (k) {
        var cb = form.querySelector('[name="' + k + '"]');
        if (cb && cb.checked) u.searchParams.set(k, 'on');
      });
      var qs = u.searchParams.toString();
      history.replaceState(null, '', u.pathname + (qs ? '?' + qs : '') + (u.hash || ''));
    } catch (_e) {
      /* noop */
    }
  }

  function formHasActiveFilters(form) {
    if (!form) return false;
    var areaKw = form.querySelector('#areaKw');
    if (areaKw && String(areaKw.value || '').trim()) return true;
    if (form.querySelector('input[name="ward"]:checked')) return true;
    if (form.querySelector('input[name="st"]:checked')) return true;
    if (form.querySelector('input[name="layout"]:checked')) return true;
    var selects = ['rentMin', 'rentMax', 'walkMax', 'built', 'areaMin', 'areaMax'];
    for (var i = 0; i < selects.length; i++) {
      var el = form.querySelector('[name="' + selects[i] + '"]');
      if (el && el.value) return true;
    }
    for (var ki = 0; ki < KODAWARI_TILES.length; ki++) {
      var cb = form.querySelector('[name="' + KODAWARI_TILES[ki].name + '"]');
      if (cb && cb.checked) return true;
    }
    for (var si = 0; si < STATION_KODAWARI_TILES.length; si++) {
      var scb = form.querySelector('[name="' + STATION_KODAWARI_TILES[si].name + '"]');
      if (scb && scb.checked) return true;
    }
    return false;
  }

  function accordionBodyHasActiveFields(body) {
    if (!body) return false;
    var selects = body.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      if (String(selects[i].value || '').trim() !== '') return true;
    }
    var checks = body.querySelectorAll('input[type="checkbox"]:checked');
    for (var j = 0; j < checks.length; j++) {
      if (checks[j].id === 'stationShowAll') continue;
      return true;
    }
    var textInputs = body.querySelectorAll('input[type="search"], input[type="text"]');
    for (var k = 0; k < textInputs.length; k++) {
      if (String(textInputs[k].value || '').trim() !== '') return true;
    }
    return false;
  }

  function syncAccordionOpenState(form) {
    if (!form) return;
    form.querySelectorAll('.tp-search-acc').forEach(function (det) {
      var body = det.querySelector('.tp-search-acc__body');
      if (accordionBodyHasActiveFields(body)) {
        det.setAttribute('open', '');
      } else {
        det.removeAttribute('open');
      }
    });
  }

  return {
    renderFilterSidebarHtml: renderFilterSidebarHtml,
    renderStationFilterSidebarHtml: renderStationFilterSidebarHtml,
    renderStationFilterFormHtml: renderStationFilterFormHtml,
    renderSearchFiltersFormHtml: renderSearchFiltersFormHtml,
    kodawariFeaturesFromForm: kodawariFeaturesFromForm,
    kodawariCheckboxNames: kodawariCheckboxNames,
    applyFormFromUrl: applyFormFromUrl,
    syncUrlFromForm: syncUrlFromForm,
    formHasActiveFilters: formHasActiveFilters,
    syncAccordionOpenState: syncAccordionOpenState,
    KODAWARI_TILES: KODAWARI_TILES,
  };
});