<template>
    

        <v-card class="pa-1">
            <v-layout row wrap>
                <v-flex xs12>
                    <v-card flat>
                        
                        <v-layout>
                            <v-flex xs6 class="pa-2">
                                <v-text-field
                                    label="Company"
                                    placeholder=""
                                    :value="c_company"
                                    readonly
                                ></v-text-field>
                            </v-flex>

                            <v-flex xs6 class="pa-2">
                                <v-text-field
                                    label="MOU"
                                    placeholder=""
                                    :value="c_mou"
                                    readonly
                                ></v-text-field>
                            </v-flex>
                        </v-layout>
                    </v-card>
                </v-flex>

                <v-flex xs12>
                    <v-layout row wrap>
                        <v-flex xs6 pa-2>
                            <one-field-verification
                                :is_error="true"
                                label="Company sudah sesuai"
                                @x_change="companyChange"
                                value=false
                                :note="n_company_false"
                            ></one-field-verification>
                            <!-- <v-layout>
                                <v-flex xs5>
                                    <v-checkbox
                                        v-model="$data._company"
                                        :label="`Company Sudah Sesuai`"
                                    ></v-checkbox>
                                </v-flex>
                                <v-flex xs7 pt-2>
                                    <v-text-field
                                        label=""
                                        placeholder=""
                                        outline
                                        :disabled="__company"
                                    ></v-text-field>
                                </v-flex>
                            </v-layout> -->
                            
                            
                        </v-flex>

                        <v-flex xs6 pa-2>
                            <one-field-verification
                                label="MOU sudah sesuai"
                                value=false
                                
                            ></one-field-verification>
                            
                        </v-flex>
                    </v-layout>
                </v-flex>

                <v-flex xs12 class="pt-2">
                    <one-fo-verification-mou-px-curr-order></one-fo-verification-mou-px-curr-order>
                </v-flex>

                <v-flex xs12 class="pt-4">
                    <v-layout align-end justify-end>
                        <v-flex xs6>
                            <h3>Tambahan Pemeriksaan</h3>
                        </v-flex>
                        <v-flex xs6 class="text-xs-right">
                            <!-- <v-layout fill-height align-end justify-end> -->
                            <v-btn
                                color="green"
                                dark
                                class="mt-0 mb-0"
                            >
                                Tambah Pemeriksaan
                            </v-btn>
                            <!-- </v-layout> -->
                        </v-flex>
                    </v-layout>
                </v-flex>

                <v-flex xs12 class="pt-2">
                    <one-fo-verification-mou-px-add-order></one-fo-verification-mou-px-add-order>
                </v-flex>

                <v-flex xs12 class="pt-2">
                    <v-textarea
                        label="Catatan Verifikasi Pemeriksaan"
                        rows="3"
                        value=""
                        outline
                    ></v-textarea>
                </v-flex>
            </v-layout>
            
            
        </v-card>
    
</template>

<style scoped>
/* .v-text-field__details {
    display: none;
} */

/* .v-text-field--box input, .v-text-field--full-width input, .v-text-field--outline input {
    margin-top: 0px;
} */

.v-text-field--box>.v-input__control>.v-input__slot, .v-text-field--full-width>.v-input__control>.v-input__slot, .v-text-field--outline>.v-input__control>.v-input__slot {
    min-height: 40px;
}

/* .v-input__slot {
    margin-bottom: 0px !important;
} */

/* .v-messages {
    display: none;
} */
</style>

<script>
module.exports = {
	components : {
        'one-fo-verification-mou-px-curr-order' : httpVueLoader('./oneFoVerificationMouPxCurrOrder.vue'),
        'one-fo-verification-mou-px-add-order' : httpVueLoader('./oneFoVerificationMouPxAddOrder.vue'),
        'one-field-verification' : httpVueLoader('./oneFieldVerification.vue')
        // 'patient-right-side' : httpVueLoader('./patientRightSide.vue')
    },
    
    data () {
      return {
        checkbox: true,

        c_company: 'PT. Enseval Indonesia',
        c_mou: 'Enseval 01',

        _company: true,
        _mou: true,

        xx: true,

        n_company_false: "bro nih yeee"
      }
    },
   methods: {
      companyChange : function(val) {
         if (val == true)
            this.n_company_false = "";
            console.log(val)

     }
  },
    computed : {
        __company () {
            return this.$data._company;
        },

        __mou () {
            return this.$data._mou;
        }
    }
}
</script>
