<template>
  <div>
    <v-container class="bg-white rounded-lg" fluid>
      <v-row>
        <v-col cols="3">
          <v-autocomplete :label="$t('message.search.resulttype')" variant="outlined" hide-details
            menu-icon="mdi-chevron-down" :items="resulttype"></v-autocomplete>
        </v-col>
        <v-col cols="3">
          <v-autocomplete :label="$t('message.search.examination')" variant="outlined" hide-details
            menu-icon="mdi-chevron-down"
            :items="['Ultrasonografi', 'Biopsi', 'Spirometri', 'CT Scan (Computed Tomography)', 'Rontgen (X-ray)', 'Endoskopi']"></v-autocomplete>
        </v-col>
        <v-col cols="2.5">
          <v-text-field :label="$t('message.search.noreg')" variant="outlined" hide-details
            append-inner-icon="mdi-magnify"></v-text-field>
        </v-col>
        <v-col cols="2.5">
          <v-autocomplete :label="$t('message.search.status')" variant="outlined" hide-details
            menu-icon="mdi-chevron-down" :items="['belum verifikasi', 'sudah verifikasi',]"></v-autocomplete>
        </v-col>
        <v-col cols="1">
          <v-btn variant="flat" small style="height: 100%;" class="bg-primary rounded-lg">
            <iconify-icon style="font-size: 2rem;" icon="fluent:search-20-regular"></iconify-icon>
          </v-btn>
        </v-col>
      </v-row>
    </v-container>
  </div>
</template>

<style scoped></style>

<script type="module">
export default {
  name: "SearchVerificationLeft",
  data() {
    return {
      visible: false,
    };
  },
  computed: {
    resulttype() {
      return this.$store.state.verification.result_type;
    }
  },
  methods: {
    
  },
  wacth: {

  }
}
</script>