vol1ura/Sat_9am_5km

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = ["absolute", "male", "female"]

  initialize() {
    this.maleTarget.innerHTML = this.absoluteTarget.innerHTML
    this.#filterTableByMale(this.maleTarget, 'true')
    this.femaleTarget.innerHTML = this.absoluteTarget.innerHTML
    this.#filterTableByMale(this.femaleTarget, 'false')
  }

  #filterTableByMale(table, is_male) {
    let new_position = 0
    table.querySelectorAll('tbody tr').forEach(row => {
      if (row.dataset.male !== is_male) {
        row.parentNode.removeChild(row)
      } else {
        row.querySelector('.position').innerText = ++new_position
      }
    })
  }
}