<template>
  
    <v-dialog
      v-model="dialog"
      full-width
    >
      <v-btn
        slot="activator"
        color="blue"
        dark
        block
      >
        Cari
      </v-btn>

      <v-card>
        <v-card-title
          class="headline grey lighten-2 pt-2 pb-2"
          primary-title
          
        >
          Data Pasien
        </v-card-title>

        <v-card-text class="pt-2 pb-2">
          <patient-search-result></patient-search-result>
        </v-card-text>

        <v-divider></v-divider>

        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn
            color="primary"
            flat
            @click="dialog = false"
          >
            Tutup
          </v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>
  
</template>

<style scoped>
/* .v-dialog__container {
    display: block !important;
} */
</style>

<script>
module.exports = {
    components : {
        'patient-search-result': httpVueLoader('./patientSearchResult.vue')
    },
    
    data() {
        return {
        dialog: false
      }
    }
}
</script>