<template>
  
    <v-dialog
      v-model="dialog_lab"
      max-width="1200"
      full-width
    >
      <!-- <v-btn
        color="green"
        
        :dark="processed"
        block
        @click="search"
        :disabled="!processed"
      >
        LABORATORIUMX
      </v-btn> -->

      <v-card>
        <v-card-title
          class="headline grey lighten-2 pt-2 pb-2"
          primary-title
        >
          
        </v-card-title>
        <v-card-text class="pt-2 pb-2">
          <v-layout>
            <v-flex xs6 pr-2>
              <one-fo-clinic-poly-px></one-fo-clinic-poly-px>
            </v-flex>

            <v-flex xs6>
              <one-fo-clinic-poly-px-list></one-fo-clinic-poly-px-list>
            </v-flex>
          </v-layout>  
          
        </v-card-text>
        <v-divider></v-divider>

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

<style>
/* input { display:none } */
.no-label.v-text-field--outline>.v-input__control>.v-input__slot {
    min-height: auto;
}

.no-label input {
    margin-top: 0px !important;
}

</style>

<script>
module.exports = {
    data () {
        return {
            dialog : false
        }
    },

    components : {
        'one-fo-clinic-poly-px' : httpVueLoader('./oneFoClinicPolyPx.vue'),
        'one-fo-clinic-poly-px-list' : httpVueLoader('./oneFoClinicPolyPxList.vue')
    },
    methods : {
       
    },
    computed : {
      
      dialog_lab : {
        get () { return this.$store.state.order.lab_dialog_is_active },
        set (v) { this.$store.commit('order/update_lab_dialog_is_active', v) }
      },

      isLoading () {
          return false
      },

      processed () {
          return this.$store.state.order.processed;
      }

    },

    watch : {
        
    }
}
</script>
