"use strict";
const common_vendor = require("../../common/vendor.js");
const common_assets = require("../../common/assets.js");
const _sfc_main = {
  __name: "list",
  setup(__props) {
    const searchKey = common_vendor.ref("");
    const currentCategory = common_vendor.ref("all");
    const categories = [
      { value: "all", label: "全部" },
      { value: "covid", label: "新冠疫苗" },
      { value: "flu", label: "流感疫苗" },
      { value: "hpv", label: "HPV疫苗" },
      { value: "child", label: "儿童疫苗" }
    ];
    const vaccines = common_vendor.ref([
      {
        id: 1,
        nameKey: "vaccine.list.covid.name",
        descKey: "vaccine.list.covid.desc",
        image: "/static/vaccine/covid.jpg",
        price: 0,
        recommended: true,
        category: "covid"
      },
      {
        id: 2,
        nameKey: "vaccine.list.flu.name",
        descKey: "vaccine.list.flu.desc",
        image: "/static/vaccine/flu.jpg",
        price: 180,
        seasonal: true,
        category: "flu"
      },
      {
        id: 3,
        nameKey: "vaccine.list.hpv.name",
        descKey: "vaccine.list.hpv.desc",
        image: "/static/vaccine/hpv.jpg",
        price: 2800,
        recommended: true,
        category: "hpv"
      }
    ]);
    const currentPage = common_vendor.ref(1);
    const hasMore = common_vendor.ref(true);
    const refreshing = common_vendor.ref(false);
    const filteredVaccines = common_vendor.computed(() => {
      let result = vaccines.value;
      if (searchKey.value) {
        const key = searchKey.value.toLowerCase();
        result = result.filter(
          (vaccine) => vaccine.nameKey.toLowerCase().includes(key) || vaccine.descKey.toLowerCase().includes(key)
        );
      }
      if (currentCategory.value !== "all") {
        result = result.filter((vaccine) => vaccine.category === currentCategory.value);
      }
      return result;
    });
    const selectCategory = (category) => {
      currentCategory.value = category;
    };
    const viewDetail = (vaccine) => {
      common_vendor.index.navigateTo({
        url: `/pages/vaccine/detail?id=${vaccine.id}`
      });
    };
    const bookVaccine = (vaccine) => {
      common_vendor.index.navigateTo({
        url: `/pages/vaccine/book?id=${vaccine.id}`
      });
    };
    const onRefresh = () => {
      refreshing.value = true;
      currentPage.value = 1;
      loadVaccines();
      setTimeout(() => {
        refreshing.value = false;
      }, 1e3);
    };
    const onLoadMore = () => {
      if (!hasMore.value)
        return;
      currentPage.value++;
      loadVaccines();
    };
    const loadVaccines = () => {
      setTimeout(() => {
        if (currentPage.value >= 3) {
          hasMore.value = false;
        }
      }, 1e3);
    };
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: _ctx.$t("vaccine.search.placeholder"),
        b: searchKey.value,
        c: common_vendor.o(($event) => searchKey.value = $event.detail.value),
        d: common_vendor.f(categories, (category, index, i0) => {
          return {
            a: common_vendor.t(_ctx.$t(`vaccine.category.${category.value}`)),
            b: index,
            c: currentCategory.value === category.value ? 1 : "",
            d: common_vendor.o(($event) => selectCategory(category.value), index)
          };
        }),
        e: common_vendor.f(filteredVaccines.value, (vaccine, index, i0) => {
          return common_vendor.e({
            a: vaccine.image,
            b: common_vendor.t(_ctx.$t(vaccine.nameKey)),
            c: vaccine.price === 0
          }, vaccine.price === 0 ? {
            d: common_vendor.t(_ctx.$t("vaccine.tag.free"))
          } : {}, {
            e: vaccine.recommended
          }, vaccine.recommended ? {
            f: common_vendor.t(_ctx.$t("vaccine.tag.recommended"))
          } : {}, {
            g: vaccine.seasonal
          }, vaccine.seasonal ? {
            h: common_vendor.t(_ctx.$t("vaccine.tag.seasonal"))
          } : {}, {
            i: common_vendor.t(_ctx.$t(vaccine.descKey)),
            j: vaccine.price > 0
          }, vaccine.price > 0 ? {
            k: common_vendor.t(vaccine.price)
          } : {
            l: common_vendor.t(_ctx.$t("vaccine.free"))
          }, {
            m: common_vendor.o(($event) => bookVaccine(vaccine), index),
            n: index,
            o: common_vendor.o(($event) => viewDetail(vaccine), index)
          });
        }),
        f: common_vendor.t(_ctx.$t("vaccine.book")),
        g: hasMore.value
      }, hasMore.value ? {
        h: common_vendor.t(_ctx.$t("common.loading"))
      } : {}, {
        i: filteredVaccines.value.length === 0
      }, filteredVaccines.value.length === 0 ? {
        j: common_assets._imports_0$6
      } : {}, {
        k: refreshing.value,
        l: common_vendor.o(onRefresh),
        m: common_vendor.o(onLoadMore),
        n: common_vendor.gei(_ctx, "")
      });
    };
  }
};
wx.createPage(_sfc_main);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/vaccine/list.js.map