<template>
<div>
        <v-card v-if="xselected_patient">
            <v-layout  row>
                <v-flex xs12 pa-2>
                    <v-layout align-center>
                        <v-flex xs2>
                            <v-img
                                src="https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif"
                                aspect-ratio="1"
                                class="grey lighten-2 elevation-2"
                            >
                        </v-flex>

                        <v-flex xs10 pl-2 pt-1>
                            <v-layout row wrap>
                                <v-flex xs4>
                                    <v-layout column>
                                        <v-flex>
                                            <h3 style="font-size:x-large" class="font-weight-bold">{{ xselected_patient.T_OrderHeaderLabNumber }}</h3>
                                        </v-flex>
                                        <v-flex pt-3>
                                            <v-text-field
                                                v-model=" xselected_patient.M_PatientNoReg"
                                                label="No RM"
                                                readonly
                                                hide-details
                                            >
                                            </v-text-field>
                                        </v-flex>
                                        <v-flex>
                                            <v-text-field
                                                v-model=" xselected_patient.M_PatientName"
                                                label="Nama"
                                                readonly
                                                hide-details
                                            >
                                            </v-text-field>
                                        </v-flex>
                                    </v-layout>
                                </v-flex>

                                <v-flex xs8 pl-2>
                                    <v-layout column>
                                        <v-flex >
                                            <v-layout row>
                                                <v-flex xs6>
                                                    <v-text-field
                                                        v-model="xselected_patient.patient_dob"
                                                        label="Tanggal lahir"
                                                        readonly
                                                        hide-details
                                                    >
                                                    </v-text-field>
                                                </v-flex>
                                                <v-flex xs6 pl-1>
                                                    <v-text-field
                                                        v-model=" xselected_patient.T_OrderHeaderM_PatientAge"
                                                        label="Umur"
                                                        readonly
                                                        hide-details
                                                    >
                                                    </v-text-field>
                                                </v-flex>
                                            </v-layout>
                                            
                                        </v-flex>

                                        <v-flex pt-1>
                                            <v-text-field
                                                v-model="xselected_patient.M_PatientHP"
                                                label="HP"
                                                readonly
                                                hide-details
                                            >
                                            </v-text-field>
                                        </v-flex>
                                    </v-layout>
                                </v-flex>
                            </v-layout>
                        </v-flex>

                    </v-layout>
                </v-flex>
            </v-flex>          
        </v-card>
    </v-layout>
    </div>
</template>

<style scoped>

</style>

<script>
module.exports = {
    data: () => ({
          
    }),
    computed: {
        xselected_patient(){
            return this.$store.state.sample.selected_transaction
        }
    },
    methods : {
       
    }
}
</script>
