<template>
    <div>
        <v-dialog v-model="xdialogaction" persistent  max-width="350">
            <v-card>
                <v-card-title color="warning"  class="headline">Konfirmasi</v-card-title>
                <v-card-text v-html="xmsgaction">
                    
                </v-card-text>
                <v-card-actions>
                <v-spacer></v-spacer>
                    <v-btn color="primary darken-1" flat @click="closeDialogAction()">Ya</v-btn>
                    <v-btn color="error darken-1" flat @click="xdialogaction = false">Tutup</v-btn>
                </v-card-actions>
            </v-card>
        </v-dialog>
        <v-layout row wrap>
            <v-flex xs12 pr-1>
                <v-card>
                     <v-layout pt-1 pb-1 row>
                         <v-flex pt-1 pb-1 pl-2 pr-2 xs12>
                            <span class="left" style="font-size:x-large">NOLAB : L-220987621</span>
                            <span class="right">
                                <v-chip label color="pink" text-color="white">
                                    Kirim Pasien : Jl. Raden Ronggolawe No.45
                                </v-chip>
                            </span>
                         </v-flex>
                    </v-layout>
                    <v-divider></v-divider>
                    <v-layout pt-1 pb-1 row>
                            <v-flex pt-1 pb-1 pl-2 xs3>
                                <v-text-field ma-1
                                label="NAMA PASIEN"
                                
                                value="FAJRI HARDHITA M"
                                hide-details
                                ></v-text-field>
                            </v-flex>
                            <v-flex pt-1 pb-1 pl-2 xs2>
                                <v-text-field ma-1
                                label="JENIL KELAMIN"
                                
                                value="LAKI-LAKI"
                                hide-details
                                ></v-text-field>
                            </v-flex>
                            <v-flex pt-1 pb-1 pl-2 xs3>
                                <v-text-field ma-1
                                label="TANGGAL LAHIR"
                                
                                value="22-06-1988"
                                hide-details
                                ></v-text-field>
                            </v-flex>
                            <v-flex pt-1 pb-1 pl-2 pr-1 xs4>
                                <v-text-field ma-1
                                label="UMUR"
                                
                                value="31 TAHUN 10 BULAN 22 HARI"
                                hide-details
                                ></v-text-field>
                            </v-flex>
                    </v-layout>
                </v-card>
            </v-flex>
            
        </v-layout>
    </div>     
</template>

<style scoped>
    table, td, th {  
    border: 1px solid #ddd;
    text-align: left;
    }

    table {
    border-collapse: collapse;
    width: 100%;
    }

    th, td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 5px;
    }

    .mini-input .v-input{
        margin-top: 0px; 
    }

    .mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
        margin-top: 0px; 
        margin-bottom:0px;
        margin-left:3px;
    }
    .mini-input .v-messages{
        min-height:0px;
    }
    input.fhm-input{
        border: 1px solid black; 
        border-radius: 2px;
        -webkit-box-shadow: 
        inset 0 0 2px  rgba(0,0,0,0.1),
                0 0 4px rgba(0,0,0,0.1); 
        -moz-box-shadow: 
        inset 0 0 2px  rgba(0,0,0,0.1),
                0 0 4px rgba(0,0,0,0.1); 
        box-shadow: 
        inset 0 0 2px  rgba(0,0,0,0.1),
                0 0 4px rgba(0,0,0,0.1); 
        padding: 2px 4px;
        background: rgba(255,255,255,0.5);
        margin: 0 0 1px 0;
        width:30px;
        text-align:center;
    }
</style>

<script>
module.exports = {
    data: () => ({
       xdialogaction : false,
       xmsgaction:''
    }),
    computed: {
        
    },
    methods : {
        
    }
}
</script>
