import Modal from '../../mixins/modal'
import LocalDatetime from '../../components/local_datetime'

export default {
    name: 'requests-list',

    mixins: [Modal],

    components: {
      Modal,
      LocalDatetime
    },

    props: {
      initialData: {
        type: Array,
        default: [],
      },
      isExtended: {
        type: Boolean,
        default: false,
      },
    },

    data: function () {
      const requests = this.initialData
      return {
        requests,
        searchValue: '',
        statusValue: '',
      }
    },

    mounted: function () {
    },

    computed: {
      filteredRequests: function () {
        return this.applySearch(this.searchValue)
      }
    },

    methods: {
      applySearch: function(query) {
        return this.requests.filter(
          (request) => query !== '' ?
            request.name.toLowerCase().includes(query.toLowerCase()) :
            true
        )
      }
    },
  }