<template>
  <div class="mb-30">
    <div class="flex-sp-bw mb-20">
      <div class="resultext">
        <img :src="resulticon" alt="">
        <p>총 <b>{{ count }}개</b>의 {{ helpText }}</p>
      </div>
      <button type="button" class="gopage" @click="fnMoveTo(routeName, null)">모두보기</button>
    </div>
    <div v-if="searchResult.length > 0">
      <CardStyleComponent :name="name" :list="searchResult" />
    </div>
    <div v-else class="no-results">
      <p>등록된 게시물이 없습니다.</p>
    </div>
  </div>
</template>
<script>
export default {
  name: "CardViewList",

  props: {
    name: {
      type: String,
      default: 'P',
    },
    count: {
      type: Number,
      default: 0,
    },
    list: {
      type: Array,
      default: () => [],
    },
  },

  data() {
    return {
    };
  },

  computed: {
    helpText() {
      switch (this.name) {
        case 'P':
          return '사진 기록물이 검색되었습니다.';
        case 'V':
          return '영상 기록물이 검색되었습니다.';
        case 'M':
          return '미디어 영상이 검색되었습니다.';
        case 'N':
          return '보도자료가 검색되었습니다.';
      }
    },
    routeName() {
      switch (this.name) {
        case 'P':
          return 'PicHistorySearch';
        case 'V':
          return '영상 기록물';
        case 'M':
          return '미디어 영상';
        case 'N':
          return '보도자료';
      }
    },
  },

  methods: {
    // 페이지 이동
    fnMoveTo(page, id) {
      if (id !== null || id !== '') {
        this.$router.push({ name: page, query: { id: id } });
      } else {
        this.$router.push({ name: page });
      }
    }
  },
};
</script>