<template>
    <v-layout row wrap>
        <v-flex xs12 class="left" fill-height pa-1>
            <!-- komponen kiri -->
            <patient-left-side></patient-left-side>

        </v-flex>


    </v-layout>
</template>

<script>
module.exports = {
    components: {
        'patient-left-side': httpVueLoader('./patientLeftSide.vue'),
        'patient-right-side': httpVueLoader('./patientRightSide.vue'),
        'one-fo-registration-price-list': httpVueLoader('./oneFoRegistrationPriceList.vue?ts='
            + new Date().toISOString()),
        'one-fo-registration-requirement': httpVueLoader('./oneFoRegistrationRequirement.vue')
    },
    computed: {
        schedules() {
            var xvar = this.$store.state.px.appx_schedule
            if (xvar)
                xvar = xvar.split(",")
            else
                xvar = []
            return xvar
        },
        citos() {
            return this.$store.state.px.citos
        },

        selected_cito: {
            get() { return this.$store.state.px.selected_cito },
            set(v) { this.$store.commit('px/update_selected_cito', v) }
        },

        is_cito() {
            return this.$store.state.px.is_cito
        }
    },
    methods: {
        getTimeX(xtime) {
            if (xtime)
                return moment(xtime).format('DD-MM-YYYY HH:mm')
            else
                return
        }
    },
    data() {
        return {
            cito_show: true,
            dialog_cito: false
        }
    },
    mounted() {
        this.$store.dispatch('px/search_cito')
    },

    watch: {
        is_cito(val, old) {
            // if (val == "Y" && old == "N")
            //     this.cito_show = false
        }
    }
}
</script>
