
<script >
export default {
  name: "tutorials-list",
  data() {
    return {
      tutorials: [],
      title: "",
      headers: [
        { text: "barcode", align: "start", sortable: false, value: "barcode" },
        { text: "registration_date", value: "registration_date", sortable: false },
        { text: "service_date", value: "service_date", sortable: false },
        { text: "check_in", value: "check_in", sortable: false },
      ],
    };
  },
  methods: {
    retrievePasien(){
      axios.get("http://10.10.123.135:8083/api/v1/visit")
        .then((response) => {
          this.listPasien = response.data
          console.log(response.data.data)
        })
        .catch((e) => {
          console.log(e);
        });
    },

    refreshList() {
      this.retrievePasien()
    },

    editTutorial(id) {
      this.$router.push({ name: "tutorial-details", params: { id: id } });
    },

    deleteTutorial(id) {
      alert("delete")
    },

    getDisplayTutorial(tutorial) {

    },
  },
  mounted() {
    this.retrievePasien();
  },
};
</script>
<template>
  <div>
  <v-row>
        <v-col cols="12" md="12">
            <UiParentCard title="List Pasien">
            <v-data-table 
            :headers="headers"
            :items="listPasien"></v-data-table>
            

            </UiParentCard>
        </v-col>
    </v-row>

   </div>
</template>