<template>
  
    <v-dialog
      v-model="dialog"
      width="1000px"
    >
      

      <v-card>
        <v-card-title
          class="headline grey lighten-2 pt-2 pb-2"
          primary-title
        >
          Laporan
        </v-card-title>
        <v-card-text class="pt-2 pb-2">

          <v-layout row wrap>
            <v-flex xs12 mb-1 pb-1>
                <h5 class="subheading">PENGIRIMAN HASIL</h5>
                <v-divider class="mt-1"></v-divider>
              </v-flex>

            <template v-for="(dlv, n) in deliveries">
              <v-flex xs2 v-bind:key="n">
                <strong>{{ dlv.label }}</strong>
              </v-flex>

              <v-flex xs4>
                {{ dlv.desc }}
              </v-flex>
            </template>
            
          </v-layout>
          <v-layout>
              <v-flex xs12>
                <v-divider class="mt-1 mb-1"></v-divider>
                  <object :data="rpt_url"
                    width="100%" height="512px"></object>
              </v-flex>
          </v-layout>
          
        </v-card-text>
        <v-divider></v-divider>

        <v-card-actions>
          <v-spacer></v-spacer>

          <v-btn
            color="primary"
            @click="dialog = false"
            flat
          >
            Tutup
          </v-btn>

        </v-card-actions>
      </v-card>
    </v-dialog>
  
</template>

<style scoped>
</style>

<script>
module.exports = {
    components : {
    },
    methods : {
    },
    computed : {
       dialog: {
          get() {
             return this.$store.state.re_patient.print_dialog;
          },
          set(val) {
             this.$store.commit('re_patient/update_print_dialog', val);
          }
       },

       rpt_url () {
         return this.$store.state.re_patient.rpt_url
       },

       deliveries () {
         return this.$store.state.re_patient.selected_patient.delivery
       }
    }
}
</script>
