<template>
    <div>
        <v-dialog v-model="dialogprintlang" persistent max-width="80%">
            <v-card class="align-center justify-center">
                <v-card-title style="padding:0px;" primary-title dark color="blue-grey"  class="blue-grey white--text">
                    <v-subheader v-if="dialoglangs.length > 0" style="color:#fff!important">Laporan Hasil {{dialoglangs[0].name}}</v-subheader>
                </v-card-title>
                <v-card-text>
                    <v-layout row>
                        <v-flex xs3>
        
                            <v-layout row>
                                <v-flex xs12>
                                    <p class="mb-1">DENGAN HEADER</p>
                                    <v-switch class="mt-1 mb-0" @change="doPrintAfterLang()" v-model="print_format" value="format-1">
                                        <template v-slot:label>
                                            <div class="body-1">Format 1</div>
                                        </template>
                                    </v-switch>
                                    <v-switch class="mt-1 mb-0" @change="doPrintAfterLang()" v-model="print_format" value="format-2">
                                        <template v-slot:label>
                                            <div class="body-1">Format 2</div>
                                        </template>
                                    </v-switch>
                                    <v-divider class="mb-2"></v-divider>
                                    <p class="mb-1">TANPA HEADER</p>
                                    <v-switch class="mt-1 mb-0" @change="doPrintAfterLang()" v-model="print_format" value="format-3">
                                        <template v-slot:label>
                                            <div class="body-1">Format 1</div>
                                        </template>
                                    </v-switch>
                                    <v-switch class="mt-1 mb-0" @change="doPrintAfterLang()" v-model="print_format" value="format-4">
                                        <template v-slot:label>
                                            <div class="body-1">Format 2</div>
                                        </template>
                                    </v-switch>
                                </v-flex>
                            </v-layout>
                        </v-flex>
                        <v-flex xs9>
                            <object  style="overflow: hidden;" height="540px"  width="100%"  :data="urlprint"></object>
                        </v-flex>
                    </v-layout>
                </v-card-text>
                <v-card-actions>
                <v-spacer></v-spacer>
                    <v-btn color="teal lighten-2" v-if="btnsaveemail" flat @click="doSaveEmailFormat()">E-DELIVERY FORMAT</v-btn>
                    <v-btn color="grey ligthen-1" flat @click="closePrint">TUTUP</v-btn>
                    
                </v-card-actions>
            </v-card>
        </v-dialog>
        <v-dialog
            v-model="dialognote"
            width="40%"
            >
            <v-card>
                <v-card-title
                    class="headline white--text error"
                    primary-title
                >
               
                </v-card-title>

                <v-card-text>
                    
            <v-layout v-if="patient.fo_note && patient.fo_note !== ''" mb-2 row>
                <v-flex mb-2 xs3>
                    <span style="color: #0f80db" class="mono name">FO</span>
                </v-flex>
                <v-flex xs9>
                    <v-layout row>
                        <v-flex mb-1 xs12>
                            <code style="box-shadow: none !important;color: #0f80db !important;background-color: #a8cfee6b !important;">{{patient.fo_note_user}}</code>
                            <div class="v-markdown">
                                <p style="margin-top:2px;margin-bottom:0">
                                    {{patient.fo_note}}
                                </p>
                            </div>
                        </v-flex>
                    </v-layout>
                </v-flex>
            </v-layout>
            <v-layout v-if="patient.fo_ver_note && patient.fo_ver_note !== ''" mb-2 row>
                <v-flex mb-2 xs3>
                    <span style="color: #0f80db" class="mono name">FO Verifikasi</span>
                </v-flex>
                <v-flex xs9>
                    <v-layout row>
                        <v-flex mb-1 xs12>
                            <code style="box-shadow: none !important;color: #0f80db !important;background-color: #a8cfee6b !important;">{{patient.fo_ver_note_user}}</code>
                            <div class="v-markdown">
                                <p style="margin-top:2px;margin-bottom:0">{{patient.fo_ver_note}}</p>
                            </div>
                        </v-flex>
                    </v-layout>
                </v-flex>
            </v-layout>
            <v-layout v-if="patient.sampling_note && patient.sampling_note !== ''" mb-2 row>
                <v-flex mb-2 xs3>
                    <span style="color: #0f80db" class="mono name">Sampling</span>
                </v-flex>
                <v-flex xs9>
                    <v-layout row>
                        <v-flex mb-1 xs12>
                            <code style="box-shadow: none !important;color: #0f80db !important;background-color: #a8cfee6b !important;">{{patient.sampling_note_user}}</code>
                            <div class="v-markdown">
                                <p style="margin-top:2px;margin-bottom:0">{{patient.sampling_note}}</p>
                            </div>
                        </v-flex>
                    </v-layout>
                </v-flex>
            </v-layout>
                </v-card-text>

                <v-divider></v-divider>

                <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn
                    color="grey"
                    dark
                    flat
                    text
                    @click="dialognote = false"
                >
                    Tutup
                </v-btn>
                </v-card-actions>
            </v-card>
        </v-dialog>
        <v-dialog v-model="dialogtemplates" persistent  max-width="450">
            <v-card class="align-center justify-center">
                <v-card-title style="padding:0px;" primary-title dark color="primary"  class="primary white--text">
                    <v-subheader style="color:#fff!important">PILIH TEMPLATE</v-subheader>
                </v-card-title>
                <v-card-text>
                   <v-select class="ma-1 mini-select"  :items="xtemplates" 
                        item-text="label"
                        return-object
                        v-model="xselectedtemplate"
                        label="Template" outline hide-details>
                    </v-select>
                </v-card-text>
                <v-card-actions>
                <v-spacer></v-spacer>
                    <v-btn color="grey ligthen-1" flat @click="dialogtemplates = false">Batal</v-btn>
                    <v-btn color="blue-grey" flat @click="doPasteTemplate()">Terapkan</v-btn>
                </v-card-actions>
            </v-card>
        </v-dialog>
        <v-dialog v-model="dialoghistories" persistent  max-width="80%">
            <v-card class="align-center justify-center">
                <v-card-title style="padding:0px;" primary-title dark color="info"  class="info white--text">
                    <v-subheader style="color:#fff!important">
                        RIWAYAT PEMERIKSAAN
                    </v-subheader>
                </v-card-title>
                <v-card-text class="pa-1" style=" background: rgb(245, 232, 223) !important;">
                    <v-layout pl-2 pr-2 pt-2 pb-2 row>
                        <v-flex pa-1 xs6>
                            <v-card class="pa-2">
                                <v-data-table 
                                    :headers="headers" 
                                    :items="xhistories"
                                    :loading="isLoading"
                                    hide-actions
                                    class="elevation-1">
                                    <template slot="items" slot-scope="props">
                                        <td class="text-xs-left pl-2 pr-2 pb-1 pt-1" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.noreg }}</td>
                                        <td class="text-xs-left pl-2 pr-2 pb-1 pt-1" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.order_date}}</td>
                                        <td class="text-xs-left pl-2 pr-2 pb-1 pt-1" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{props.item.tests}}</td>
                                    </template>
                                </v-data-table>
                                <v-divider></v-divider>
                                <v-pagination
                                    style="margin-top:10px;margin-bottom:10px"
                                    v-model="curr_page_histories"
                                    :length="xtotal_page_histories"
                                ></v-pagination>
                            </v-card>
                        </v-flex>
                        <v-flex pa-1 xs7>
                            <v-card v-for="(test,index) in xselectedhistory.details">
                                <v-layout mb-2 row>
                                    <v-flex xs12>
                                        <v-subheader red--text text--lighten-1> 
                                            <v-chip color="blue grey" label text-color="white">
                                                {{test.test_name}}
                                            </v-chip>
                                            <v-chip label outline >
                                                <v-icon left>assignment_ind</v-icon>{{test.doctor_fullname}}
                                            </v-chip>
                                            <v-flex text-md-right>
                                                <v-icon @click="showMore(index)" style="cursor:pointer">more_horiz</v-icon>
                                            </v-flex>
                                        </v-subheader>
                                        <v-divider></v-divider>
                                        <v-layout v-if="test.xshow === 'Y'" pl-2 row wrap>
                                            <v-flex v-for="result in test.details" xs12 pa-2>
                                                <div style="font-weight:bold;font-size:10px!important">{{result.result_label.toUpperCase()}}</div>
                                                <div class="v-markdown pl-2">
                                                    <p class="mono" style="margin-bottom:0;font-size:14px">{{result.result_value}}</p>
                                                </div>
                                            </v-flex>
                                        </v-layout>
                                    </v-flex>
                                </v-layout>          
                            </v-card>
                        </v-flex>
                    </v-layout>
                </v-card-text>
                <v-card-actions>
                <v-spacer></v-spacer>
                    <v-btn color="grey ligthen-1" flat @click="dialoghistories = false">Tutup</v-btn>
                </v-card-actions>
            </v-card>
        </v-dialog>
        
        <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-dialog v-model="xdialogimage" persistent  max-width="650" max-height="500">
            <v-card color="amber lighten-5">
                <v-container grid-list-sm fluid>
                    <v-layout row wrap>
                        <v-flex>
                            <v-card flat tile class="d-flex">
                                <v-img
                                :src="ximage"
                                aspect-ratio="1"
                                class="grey lighten-2"
                                >
                                <template v-slot:placeholder>
                                    <v-layout
                                    fill-height
                                    align-center
                                    justify-center
                                    ma-0
                                    >
                                    <v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
                                    </v-layout>
                                </template>
                                </v-img>
                            </v-card>
                        </v-flex>
                    </v-layout>
                </v-container>
                <v-card-actions>
                   
                    <v-spacer></v-spacer>
                    <v-btn color="black" dark @click="xdialogimage = false">Tutup</v-btn>
                </v-card-actions>
            <v-card>
        </v-dialog>
        <v-layout row mb-2 wrap>
            <v-flex xs12 pr-1>
                <v-card>
                     <v-layout class="align-center" pt-1 pb-1 row>
                         <v-flex pt-1 pb-1 pl-2 pr-2 xs12>
                            <span class="left" style="font-size:x-large;padding-top: 3px;">
                                <v-icon title="riwayat" v-if="parseInt(patient.has_histories) > 0"  @click="showHistories()" style="font-size:28px;cursor:pointer" large>today</v-icon>
                                {{patient.ordernumber}}
                                <v-icon title="catatan" @click="dialognote = true" v-if="(patient.fo_note && patient.fo_note != '') || (patient.sampling_note && patient.sampling_note != '')" style="font-size:20px;cursor:pointer" large color="error">info</v-icon>
                            </span>
                            <span class="right">
                                <v-chip dark v-for="delivery in patient.deliveries" @click="downloadRpt(delivery)" :title="delivery.destination" label
                                    :color="delivery.color" text-color="white">
                                    {{delivery.label}}
                                </v-chip>
                            </span>
                         </v-flex>
                    </v-layout>
                    <v-divider></v-divider>
                    <v-layout pt-1 pb-2 row>
                            <v-flex pt-1 pb-1 pl-2 xs4>
                                <v-text-field ma-1
                                label="NAMA PASIEN"
                                class="text-uppercase"
                                style="font-size:12px"
                                :value="patient.patient_fullname"
                                hide-details
                                ></v-text-field>
                            </v-flex>
                            <v-flex pt-1 pb-1 pl-2 xs2>
                                <v-text-field ma-1
                                style="font-size:12px"
                                label="JENIS KELAMIN"
                                class="text-uppercase"
                                :value="patient.sexname"
                                hide-details
                                ></v-text-field>
                            </v-flex>
                            <v-flex pt-1 pb-1 pl-2 pr-1 xs4>
                                <v-text-field ma-1
                                style="font-size:12px"
                                label="UMUR"
                                class="text-uppercase"
                                :value="patient.umur"
                                hide-details
                                :title="patient.dob"
                                ></v-text-field>
                            </v-flex>
                            <v-flex pt-1 pb-1 pl-2 pr-1 xs3>
                                <v-text-field ma-1
                                label="PENGIRIM"
                                style="font-size:12px"
                                class="text-uppercase"
                                :value="patient.doctor_sender"
                                hide-details
                                ></v-text-field>
                            </v-flex>
                    </v-layout>
                </v-card>
            </v-flex>
        </v-layout>
        
        <v-layout v-if="!patient.T_OrderPromiseDateTime" row wrap>
            <v-flex pr-1 xs12>
                <v-card>
                   <v-layout pa-3 row>
                     <v-flex xs12>
               <h4 class="text-align-center font-weight-black title">JANJI YANG TAK PERNAH ADA</h4>
               <blockquote class="blockquote subheading font-weight-light font-italic">
                     Aku tak ingin, ketika aku tlah menyelesaikannya. 
                     Aku tak tahu, kapan harus ku berikan padanya.
                     Janji itu, mungkin sudah terucap.
                     Tapi tak pernah tertulis.
                     <span class="font-weight-bold">Koreksi janji itu</span>, agar ku bisa mengerti.
               </blockquote>
               <p class="mt-2 pb-1 pr-5 caption warning--text">*) silahkan isi janji hasil di menu koreksi janji hasil</p>
                     </v-flex>
                   </v-layout>
                 </v-card>
            </v-flex>
         </v-layout>
        <v-layout v-if="patient.T_OrderPromiseDateTime" mb-2 row v-for="(test,index) in xtests" wrap>
            <v-flex xs12 pr-1>
                <v-card>
                    <v-layout row>
                        <v-flex  xs12>
                            <v-subheader red--text text--lighten-1> 
                            <v-chip v-if="test.status === 'NEW'" label color="grey" text-color="white">
                                <v-icon left>label</v-icon>{{test.test_name}}
                            </v-chip>
                            <v-chip v-if="test.status === 'VAL1'" label color="warning" text-color="white">
                                <v-icon left>label</v-icon>{{test.test_name}}
                            </v-chip>
                            <v-chip v-if="test.status === 'VAL2'" label color="success" text-color="white">
                                <v-icon left>label</v-icon>{{test.test_name}}
                            </v-chip>
                            <v-chip label color="info" outline >
                                 <v-icon left>assignment_ind</v-icon>{{test.doctor_fullname}}
                            </v-chip>
                            <v-menu
                                bottom
                                origin="center center"
                                transition="scale-transition"
                            >
                                <template v-slot:activator="{ on }">
                                <v-btn
                                    color="primary"
                                    dark
                                    depressed
                                    style="margin-left:4px;height:32px;padding:2px 8px"
                                    small
                                    v-on="on"
                                >
                                {{selectedlangName(test)}}
                                </v-btn>
                                </template>

                                <v-list>
                                <v-list-tile
                                v-for="(lang, i) in xlangs(test)"
                                :key="i"
                                @click="selectLang(test,lang)"
                                >
                                <v-list-tile-title>{{ lang.name }}</v-list-tile-title>
                                </v-list-tile>
                                </v-list>
                            </v-menu>
                            <v-tooltip left>
                                <template v-slot:activator="{ on }">
                                    <v-icon v-on="on" @click="pasteTemplate(test,index)" style="cursor: pointer;" large>assignment</v-icon>
                                </template>
                                <span>pasang template</span>
                            </v-tooltip>
                            <v-flex text-md-right>
                                <span  v-if="test.status === 'VAL1' || test.status === 'VAL2'" @click="print(test,'print')"  class="icon-medium-fill-base-small xs1 white--text blue-grey icon-print"></span>
                                <!--<v-btn v-if="test.status === 'VAL2'" @click="unval2(test,'unval2')" small outline class="icon-unval" color="success"></v-btn>-->
                                <!--<span  v-if="test.status === 'VAL2'" @click="unval2(test,'unval2')"  class="icon-medium-fill-base-small xs1 white--text success icon-unval"></span>-->
                                <!--<v-btn v-if="test.status === 'VAL1'" @click="val2(test,'val2')" small color="success">Validasi</v-btn>-->
                                <!--<span  v-if="test.status === 'VAL1'" @click="val2(test,'val2')"  class="icon-medium-fill-base-small xs1 white--text success icon-vv"></span>-->
                                <!--<v-btn v-if="test.status === 'VAL1'" @click="unval1(test,'unval1')" small outline color="warning">Batalkan Verifikasi</v-btn>-->
                                <span  v-if="test.status === 'VAL1'" @click="unval1(test,'unval1')"  class="icon-medium-fill-base-small xs1 white--text warning icon-unval"></span>
                                <!--<v-btn v-if="test.status === 'NEW'" @click="val1(test,'val1')" small color="warning">Verifikasi</v-btn>-->
                                <span  v-if="test.status === 'NEW' && check_saved(test)" @click="val1(test,'val1')"  class="icon-medium-fill-base-small xs1 white--text warning icon-v"></span>
                                <!--<v-btn v-if="test.status === 'NEW'" @click="saveResult(test,'save')" small color="info">Simpan</v-btn>-->
                                <span  v-if="test.status === 'NEW'" @click="saveResult(test,'save')"  class="icon-medium-fill-base-small xs1 white--text info icon-save"></span>
                            </v-flex>
                            </v-subheader>
                            <v-divider></v-divider>
                            <v-layout row wrap>
                                <v-flex xs12 pa-2 pt-1>
                                    <v-layout  align-center justify-center v-for="(result,idxresult) in test.details" row>
                                        <!--<v-flex class="text-xs-center" xs1>
                                            <v-tooltip left>
                                            <template v-slot:activator="{ on }">
                                                <v-icon v-on="on" @click="pasteTemplate(result,index)" style="cursor: pointer;" large>assignment</v-icon>
                                            </template>
                                            <span>pasang template</span>
                                            </v-tooltip>
                                            
                                        </v-flex>-->
                                        <v-flex pl-2 class="text-xs-center" xs1>
                                            <v-switch
                                                v-model="result.flag_print === 'Y'"
                                                @change="changeFlagPrint(result.flag_print,idxresult,index)"
                                            ></v-switch>
                                            
                                        </v-flex>
                                        <v-flex xs11 pr-2 pb-2 >
                                            <v-textarea
                                                filled
                                                outline
                                                hide-details
                                                :label="result.result_label"
                                                @change="changeResult()"
                                               @keydown.tab.exact.prevent="tabber($event)"
                                              
                                                :disabled="test.status !== 'NEW' || test.doctor_id === '0'"
                                                v-model="result.result_value"
                                                rows="3"
                                            ></v-textarea>
                                        </v-flex>
                                    </v-layout>
                                </v-flex>
                            </v-layout>
                            <v-divider  v-if="test.is_mcu === 'Y'"></v-divider>
                                <v-layout v-if="test.is_mcu === 'Y'" align-center justify-end  row>
                                <v-flex xs8 class="text-xs-right">
                                </v-flex>
                                <v-flex xs4 pr-3 pt-2 pb-2 class="text-xs-right justify-end ">
                                    <v-select
                                        :disabled="test.status !== 'NEW'"
                                        :items="status_results"
                                        v-model="test.status_result"
                                        return-object
                                        hide-details
                                        outline
                                        class="mini-select"
                                        item-text="name"
                                        label="Kategori Hasil"
                                    ></v-select>
                                </v-flex>
                                    
                                </v-layout>
                        </v-flex>
                    </v-layout>          
                </v-card>
            </v-flex>
        </v-layout>
        <one-dialog-print :title="printtitle" :width="printwidth" :height="500" :status="openprint" :urlprint="urlprint" @close-dialog-print="closePrint"></one-dialog-print>
    </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 = {
    components : {
        'one-dialog-print':httpVueLoader('../../common/oneDialogPrintX.vue')
    },
    data: () => ({
        btnsaveemail:false,
        openprint:false,
        urlprint:'',
        status_results:[{id:'X',name:'Belum ditentukan'},{id:'Y',name:'Normal'},{id:'N',name:'Tidak Normal'}],
        isLoading:false,
        print_format:'format-1',
        printtitle:'',
        printwidth:600,
        selected_template:{},
        idx_test:0,
        headers: [
            {
               text: "NO REG",
               align: "left",
               sortable: false,
               width: "10%",
               class: "pl-2 pr-2 pb-1 pt-1 blue lighten-3 white--text"
            },
            {
               text: "TANGGAL ORDER",
               align: "left",
               sortable: false,
               width: "10%",
               class: "pl-2 pr-2 pb-1 pt-1 blue lighten-3 white--text"
            },
            {
               text: "PEMRIKSAAN",
               align: "left",
               sortable: false,
               width: "35%",
               class: "pl-2 pr-2 pb-1 pt-1 blue lighten-3 white--text"
            },
            
         ],
    }),
    computed: {
       email_format: {
          get() {
             return this.$store.state.email.format
          },
          set(v) {
             this.$store.commit("email/update_format",v)
          }
       },
        xhistories: {
            get() {
                return this.$store.state.sample.histories
            },
            set(val) {
                this.$store.commit("sample/update_histories",val)
            }
        },
        dialoghistories: {
            get() {
                return this.$store.state.sample.dialog_histories
            },
            set(val) {
                this.$store.commit("sample/update_dialog_histories",val)
            }
        },
        dialognote: {
            get() {
                return this.$store.state.sample.dialog_note
            },
            set(val) {
                this.$store.commit("sample/update_dialog_note",val)
            }
        },
        dialogtemplates:{
            get() {
                return this.$store.state.sample.dialog_template
            },
            set(val) {
                this.$store.commit("sample/update_dialog_template",val)
            }
        },
        xtemplates(){
            return this.$store.state.sample.templates
        },
        xselectedtemplate:{
            get() {
                return this.$store.state.sample.selected_template
            },
            set(val) {
                this.$store.commit("sample/update_selected_template",val)
            }
        },
        xdialogaction:{
            get() {
                return this.$store.state.sample.dialog_action
            },
            set(val) {
                this.$store.commit("sample/update_dialog_action",val)
            }
        },
        xmsgaction:{
            get() {
                return this.$store.state.sample.msg_action
            },
            set(val) {
                this.$store.commit("sample/update_msg_action",val)
            }
        },
        xtests(){
            return this.$store.state.sample.selected_transaction.details
        },
        patient(){
            return this.$store.state.sample.selected_transaction
        },
        xdialogimage:{
            get() {
                return this.$store.state.sample.dialog_image
            },
            set(val) {
                this.$store.commit("sample/update_dialog_image",val)
            }
        },
        ximage() {
            return this.$store.state.sample.image
        },
        dialoglangs:{
            get() {
                return this.$store.state.sample.langs
            },
            set(val) {
                this.$store.commit("sample/update_item_langs",val)
            }
        },
        xselectedlang:{
            get() {
                return this.$store.state.sample.selected_lang
            },
            set(val) {
                this.$store.commit("sample/update_selected_lang",val)
            }
        },
        dialogprintlang:{
            get() {
                return this.$store.state.sample.dialog_print_lang
            },
            set(val) {
                this.$store.commit("sample/update_dialog_print_lang",val)
            }
        },
        curr_page_histories: {
            get() {
                return this.$store.state.sample.current_page_histories
            },
            set(val) { 
                this.$store.commit("sample/update_current_page_histories",val)
                this.$store.dispatch("sample/search_histories",{
                    search:'',
                    patientid:this.patient.patientid,
                    orderid:this.patient.orderid,
                    current_page:val,
                    lastid:-1
                })
            }
        },
        xtotal_page_histories: {
            get() {
                return this.$store.state.sample.total_page_histories
            },
            set(val) {
                this.$store.commit("sample/update_total_page_histories",val)
            }
        },
        xselectedhistory(){
            return this.$store.state.sample.selected_history
        }
    },
    methods : {
        downloadRpt(dx){
            if(dx.status_payment === 'Y' && dx.url !== ''){
                var win = window.open(dx.url, '_blank');
                win.focus();
            }
        },
       tabber (event) {
         
    let text = this.chapter.text,
        originalSelectionStart = event.target.selectionStart,
        textStart = text.slice(0, originalSelectionStart),
        textEnd =  text.slice(originalSelectionStart);

    this.chapter.text = `${textStart}\t${textEnd}`
    event.target.value = this.chapter.text // required to make the cursor stay in place.
    event.target.selectionEnd = event.target.selectionStart = originalSelectionStart + 1
},
        tabtextarea: function (e) {
            console.log('key pressed: ' + e.keyCode)
        
            var keyCode = e.keyCode || e.which;

  if (keyCode == 9) {
    e.preventDefault();
    var start = this.selectionStart;
    var end = this.selectionEnd;
 let self = this;
    // set textarea value to: text before caret + tab + text after caret
    self.val(self.val().substring(0, start)
                + "\t"
                + self.val().substring(end));

    // put caret at right position again
    this.selectionStart =
    this.selectionEnd = start + 1;
  }
        },
       async doSaveEmailFormat() {
            this.dialogprintlang = false
            var trx =  this.$store.state.sample.selected_test
            var idx_true = _.findIndex(this.dialoglangs, item => item.chex === 'Y')
            this.xselectedlang = this.dialoglangs[idx_true]
            let idx = trx.trx_id
            let user = one_user()
            var d = new Date();
            var n = d.getTime()
            var rptname = 'rpt_hasil_so_elmd_email'   
             if(this.print_format === 'format-2')
                rptname = 'rpt_hasil_so_elmd_2_email'
            if(this.print_format === 'format-3')
                rptname = 'rpt_hasil_so_elmd_non_2_email'
            if(this.print_format === 'format-4')
                rptname = 'rpt_hasil_so_elmd_non_email'
            if(this.xselectedlang.code === 'EN'){
                console.log('bla blab xxx')
                rptname = 'rpt_hasil_so_elmd_eng_email'
                if(this.print_format === 'format-2')
                    rptname = 'rpt_hasil_so_elmd_eng_2_email'
                if(this.print_format === 'format-3')
                    rptname = 'rpt_hasil_so_elmd_non_eng_email'
                if(this.print_format === 'format-4')
                    rptname = 'rpt_hasil_so_elmd_non_2_eng_email'

                 console.log(rptname)
            }

            this.email_format =  this.print_format
            
            url = "/birt/run?__report=report/one/lab/"+rptname+".rptdesign&__format=pdf&username="+user.M_StaffName+"&PID="+idx+'&PLang='+trx.language_id+'&tm='+n
            let prm_email = {
               orderID: trx.orderid,
               type: trx.type,
               url: url,
               re_id: trx.trx_id,
               format: this.email_format,
               
            }
            await this.$store.dispatch("email/save",prm_email)
            
       },
        showMore(index){
            var selected_history = this.$store.state.sample.selected_history
            var old_value = selected_history.details[index].xshow
            selected_history.details[index].xshow = old_value === 'Y'?'N':'Y'
        },
        showHistories(){
            this.xhistories = []
            this.dialoghistories = true
            this.curr_page_histories = 1
            this.xtotal_page_histories = 0
            
        },
        isSelected(p) {
            return p.orderid == this.$store.state.sample.selected_history.orderid
        },
        selectMe(trx) {
            this.$store.commit("sample/update_selected_history",trx)
            this.$store.commit("sample/update_details_histories", trx.details)
      },
        changeSwitch(value,idx){
            //console.log(value)
            _.forEach(this.dialoglangs, function(num) { num.chex = 'N' })
            this.dialoglangs[idx].chex = value === 'Y' ?'N':'Y'
        },
        changeFlagPrint(value,rst_idx,test_idx){
            var selected_patient = this.$store.state.sample.selected_transaction
            console.log(selected_patient)
            selected_patient.details[test_idx].details[rst_idx].flag_print = value === 'Y' ?'N':'Y'
            //console.log(selected_patient[test_idx][rst_idx])
            this.$store.dispatch("sample/save_flagprint",{selected_trx:selected_patient,row:selected_patient.details[test_idx].details[rst_idx]})
        },
        xlangs(test){
            return test.langs
        },
        check_saved(test){
            var arrdetails = test.details
            var notempty = _.filter(arrdetails, function(o) { return o.result_value_before !== '' })
            //console.log(notempty)
            if(notempty.length  === 0)
                return false
            else
                return true
        },
        selectedLang(value){
            return {id:value.language_id,name:value.language_name}
        },
        selectedlangName(value){
            return value.language_name
        },
        selectLang(trx,lang){
            console.log(trx)
            var arr = this.$store.state.sample.selected_transaction
            var arrdetails = arr.details
            let idx = _.findIndex(arrdetails, function(o) { return o.trx_id == trx.trx_id })
            console.log("aye")
            this.$store.dispatch("sample/getrstbylang",{
                trx:trx,
                lang:lang,
                selected_trx:this.$store.state.sample.selected_transaction,
                idx:idx,
                detail:arrdetails[idx]})
        },
        changeResult(){
            this.$store.commit("sample/update_no_save",1)
        },
        saveResult(trx,act){
            var ar = this.$store.state.sample.transactions
            var arr = this.$store.state.sample.selected_transaction
            let idx = _.findIndex(ar, function(o) { return o.trx_id == arr.trx_id })
            this.$store.dispatch("sample/saveresult",{
                startdate:this.$store.state.sample.start_date,
                enddate: this.$store.state.sample.end_date,
                search:this.$store.state.sample.name_lab,
                stationid:this.$store.state.sample.selected_station.id,
                groupid:this.$store.state.sample.select_item_group.id,
                subgroupid:this.$store.state.sample.select_item_subgroup.id,
                lastid:arr.trx_id,
                trx:trx,
                trx_numbering:arr.ordernumber,
                act:act
            })
        },
        val1(trx,act){
           console.log(act)
            var go_cat = true
            if(trx.is_mcu === 'Y' && trx.status_result.id === 'X')
               go_cat = false

            if(go_cat){
               this.$store.commit("sample/update_act", act)
               this.$store.commit("sample/update_last_trx", trx)
               var arr = this.$store.state.sample.selected_transaction
               var msg = "Anda yakin akan melakukan validasi untuk pemeriksaan " + trx.test_name + " dari pasien " + arr
                  .patient_fullname + " ?"
               this.$store.commit("sample/update_msg_action", msg)
               this.$store.commit("sample/update_dialog_action", true)
            }
            else{
               var msg = "<p class='mb-0'>Kala itu di bulan april, kau buat hatiku harcur berantakan, jangan lupa kategori hasil, masih terpilih 'belum ditentukan'</p>"
                msg += "<p class='mb-1 mono caption' style='color:red' >*) Kategori hasil untuk rekap mcu</p>"
               this.$store.commit("sample/update_msg_info", msg)
               this.$store.commit("sample/update_open_dialog_info", true)
            }
        },
        unval1(trx,act){
            console.log(act)
            this.$store.commit("sample/update_act",act)
            this.$store.commit("sample/update_last_trx",trx)
            var arr = this.$store.state.sample.selected_transaction
            var msg = "Anda yakin akan membatalkan validasi untuk pemeriksaan "+trx.test_name+" dari pasien "+arr.patient_fullname+" ?"
            this.$store.commit("sample/update_msg_action",msg)
            this.$store.commit("sample/update_dialog_action",true)
        },
        val2(trx,act){
            console.log(act)
            this.$store.commit("sample/update_act",act)
            this.$store.commit("sample/update_last_trx",trx)
            var arr = this.$store.state.sample.selected_transaction
            var msg = "Anda yakin akan melakukan validasi untuk pemeriksaan "+trx.test_name+" dari pasien "+arr.patient_fullname+" ?"
            this.$store.commit("sample/update_msg_action",msg)
            this.$store.commit("sample/update_dialog_action",true)
        },
        unval2(trx,act){
            console.log(act)
            this.$store.commit("sample/update_act",act)
            this.$store.commit("sample/update_last_trx",trx)
            var arr = this.$store.state.sample.selected_transaction
            var msg = "Anda yakin akan membatalkan validasi untuk pemeriksaan "+trx.test_name+" dari pasien "+arr.patient_fullname+" ?"
            this.$store.commit("sample/update_msg_action",msg)
            this.$store.commit("sample/update_dialog_action",true)
        },
        doPrintAfterLang(){
            //this.dialogprintlang = false
            var trx =  this.$store.state.sample.selected_test
            var idx_true = _.findIndex(this.dialoglangs, item => item.chex === 'Y')
            this.xselectedlang = this.dialoglangs[idx_true]
            this.printwidth = 1028
            this.printtitle = ""
            let idx = trx.trx_id
            let user = one_user()
            var d = new Date();
            var n = d.getTime()
            var rptname = ''
            var rptname = 'rpt_hasil_so_elmd'   
             if(this.print_format === 'format-2')
                rptname = 'rpt_hasil_so_elmd_2'
            if(this.print_format === 'format-4')
                rptname = 'rpt_hasil_so_elmd_non_2'
            if(this.print_format === 'format-3')
                rptname = 'rpt_hasil_so_elmd_non'
            if(this.xselectedlang.code === 'EN'){
                console.log('bla blab xxx')
                rptname = 'rpt_hasil_so_elmd_eng'
                if(this.print_format === 'format-2')
                    rptname = 'rpt_hasil_so_elmd_eng_2'
                if(this.print_format === 'format-3')
                    rptname = 'rpt_hasil_so_elmd_non_eng'
                if(this.print_format === 'format-4')
                    rptname = 'rpt_hasil_so_elmd_non_2_eng'

                 console.log(rptname)
            }

            this.urlprint = "/birt/run?__report=report/one/lab/"+rptname+".rptdesign&__format=pdf&username="+user.M_StaffName+"&PID="+idx+'&PLang='+trx.language_id+'&tm='+n
            
            //this.openprint = true
        },
        print(trx,act){
           // console.log(trx)
            this.dialogprintlang = true
            var nowlang = trx.langs
            _.forEach(nowlang, function(num) { num.chex = 'N' })
            var lang_idx = _.findIndex(nowlang, function(o) { return o.id == trx.language_id })
            nowlang[lang_idx].chex = 'Y'
            this.$store.commit("sample/update_item_langs",nowlang )
            this.xselectedlang = trx.langs[0]
            this.$store.commit("sample/update_selected_test",trx)
            this.$store.commit("sample/update_act",act)
            this.$store.commit("sample/update_last_trx",trx)
            //var data_trx =  this.$store.state.sample.selected_test
            let idx = trx.trx_id
            let user = one_user()
            var d = new Date();
            var n = d.getTime()
            var rptname = ''
            var rptname = 'rpt_hasil_so_elmd'  
            this.print_format = 'format-1' 
             
            if(nowlang[lang_idx].code === 'EN'){
                console.log('bla blab xxx')
                rptname = 'rpt_hasil_so_elmd_eng'
            }
            var seltrx =  this.$store.state.sample.selected_transaction
            var deliveries = seltrx.deliveries
            console.log(deliveries)
            this.btnsaveemail = false
            var e_del = _.filter(deliveries, function(o) { return o.code === 'EMAIL' || o.code === 'WHATSAPP' || o.code === 'TELEGRAM'  })
            console.log(e_del)
            if(e_del.length > 0){
                this.btnsaveemail = true
            }
            this.urlprint = "/birt/run?__report=report/one/lab/"+rptname+".rptdesign&__format=pdf&username="+user.M_StaffName+"&PID="+idx+'&PLang='+trx.language_id+'&tm='+n
        },
        closePrint(){
             this.dialogprintlang = false
            var prm = this.$store.state.sample.last_trx
            this.$store.dispatch("sample/printcount",prm)
        },
        closeDialogAction(){
            var trx = this.$store.state.sample.last_trx
            var act = this.$store.state.sample.act
            this.saveResult(trx,act)
        },
        openImage(value){
            this.$store.commit("sample/update_selected_photo",value)
            this.$store.commit("sample/update_image",value.newname)
            this.$store.commit("sample/update_dialog_image",true)
        },
        pasteTemplate(rst,idx){
            this.idx_test = idx
            var seltrx = this.$store.state.sample.selected_transaction
            var datax = seltrx.details[idx] 
            if(datax.status === 'NEW'){
                var prm =   {
                                idx:idx,
                                template_id:datax.template_id,
                                doctor_id:datax.doctor_id,
                                language_id:datax.language_id,
                                test_id:datax.test_id}
                this.$store.dispatch("sample/gettemplate",prm)
            }
        },
        doPasteTemplate(){
            var seltrx = this.$store.state.sample.selected_transaction
            //console.log(seltrx)
            var temp_val = this.$store.state.sample.selected_template.details  
            var test_idx = this.idx_test
            
            seltrx.details[test_idx].details.forEach(function(temp,index) {
                var template_detail_id = seltrx.details[test_idx].details[index].template_detail_id
                var value_now = seltrx.details[test_idx].details[index].result_value
                var filter_temp = _.filter(temp_val, function(o) { return o.template_detail_id === template_detail_id })
                //console.log(filter_temp)
                if(filter_temp.length > 0 && ( !value_now || value_now === '')){
                    seltrx.details[test_idx].details[index].result_value = filter_temp[0].value
                }
                    
            })
            
            this.$store.commit("update_selected_transaction",seltrx)
            this.dialogtemplates = false
        }

    }
}
</script>
