$(function(){
  // 자동 번호
  $(".tb_guide tbody tr").each(function(idx){
    $(this).find("td:first").text(idx + 1);
  });

  // 완료 행 강조
  $(".done").closest("tr").addClass("done-row");

  // 필터 버튼 클릭
  $(".filter_btn").on("click", function(){
    const filter = $(this).data("filter");

    $(".filter_btn").removeClass("active");
    $(this).addClass("active");

    if(filter === "all"){
      $(".tb_guide tbody tr").show();
    } else {
      $(".tb_guide tbody tr").hide();
      $(".tb_guide tbody tr").has("." + filter).show();
    }
  });

  // 완료된 페이지 강조 효과
  $(".done").closest("tr").css("background","#f8fff9");
});