<template>
    <v-layout column pb-2>
        <v-card class="search-test">
            
            <v-divider></v-divider>
            <!-- <one-mou-px-mou-info v-if="isTab('mou')">
            </one-mou-px-mou-info> -->
            <one-fo-clinic-poly-px-px v-show="isTab('px')">
            </one-fo-clinic-poly-px-px>
            <!-- <one-mou-px-panel v-if="isTab('panel')">
            </one-mou-px-panel>
            <one-mou-px-profile v-if="isTab('profile')">
            </one-mou-px-profile > -->

   </v-layout>
</template>
<script>
let in_selectPx = false
module.exports = {
   components: {
      'one-fo-clinic-poly-px-px': httpVueLoader('./oneFoClinicPolyPxPx.vue'),
      'one-fo-clinic-poly-px-profile': httpVueLoader('./oneFoClinicPolyPxProfile.vue'),
      'one-fo-clinic-poly-px-panel': httpVueLoader('./oneFoClinicPolyPxPanel.vue')
   },

   methods: {
      isTab(tab) {
         return this.$store.state.px.selected_px_tab == tab
      },

      selectTab(tab) {
         
         let prev_tab = this.$store.state.px.selected_px_tab
         if (tab != this.$store.state.px.selected_px_tab ) {
            //reset panels tests profiles
            // this.$store.commit('px/update_tests',[])
            // this.$store.commit('px/update_panels',[])
         }
         this.$store.commit('px/update_selected_px_tab', tab)
      }
   },
   computed: {
      
   },
   data: function(){
      return {
         
      }
   },

   mounted () {
       this.$store.dispatch('px/search')
   }
}
</script>
