<template>
  <v-layout>
    <v-flex xs12>
      <v-card class="mb-2" color="white">
        <v-toolbar color="blue lighten-3" dark height="50px">
          <v-toolbar-title>FISIK TEMPLATE DETAIL</v-toolbar-title>
          <v-spacer></v-spacer>
        </v-toolbar>
        <v-layout row style="background: white">
          <v-flex pa-1 xs6>
            <v-text-field
              class="mini-input xs4 ma-1"
              label="Kode atau nama"
              placeholder="Cari..."
              outline
              v-model="xname"
              @keyup.enter="searchFisikDetail()"
            ></v-text-field>
          </v-flex>
          <v-flex pa-1 xs6>
            <v-autocomplete
              label="Status"
              v-model="selected_filter_flag"
              :items="f_statuss"
              style="font-size:12px;"
              class="mini-input xs4 ma-1"
              outline
              return-object
            ></v-autocomplete>
          </v-flex>
        </v-layout>
        <v-divider></v-divider>
        <v-layout
          row
          wrap
          class="scroll-container"
          style="max-height: 600px; overflow: auto"
        >
          <v-flex xs12 pl-2 pr-2 pt-2 pb-2>
            <v-data-table
              :headers="headers"
              :items="xfisikdetails"
              :loading="isLoading"
              hide-actions
              class="elevation-1"
            >
              <template slot="items" slot-scope="props">
                <td
                  class="text-xs-left pa-2"
                  v-on:dblclick="getDetailTemplate(props.item)"
                  @click="selectMe(props.item)"
                  v-html="props.item.FisikTemplateType"
                ></td>
                <td
                  class="text-xs-left pa-2"
                  v-on:dblclick="getDetailTemplate(props.item)"
                  @click="selectMe(props.item)"
                  v-html="props.item.FisikTemplateCode"
                ></td>
                <td
                  class="text-xs-left pa-2"
                  v-on:dblclick="getDetailTemplate(props.item)"
                  @click="selectMe(props.item)"
                  v-html="props.item.FisikTemplateTitle"
                ></td>
                <td class="text-xs-left pa-2" @click="selectMe(props.item)">
                  <div>
                    <v-btn
                      @click="changeBtnFlag(props.item,'Y')"
                      v-if="props.item.status === 'N'"
                      small
                      color="error"
                    >
                      <v-icon left>close</v-icon> Belum dipilih</v-btn
                    >
                    <v-btn
                      @click="changeBtnFlag(props.item,'N')"
                      v-if="props.item.status === 'Y'"
                      small
                      color="success"
                    >
                      <v-icon left>check</v-icon> Sudah terpilih</v-btn
                    >
                  </div>
                </td>
              </template>
            </v-data-table>
          </v-flex>
        </v-layout>
        <v-divider></v-divider>
        <v-pagination
          style="margin-top: 10px; margin-bottom: 10px"
          v-model="curr_page"
          :length="xtotal_page"
        ></v-pagination>
      </v-card>
    </v-flex>

    <one-dialog-print
      :title="printtitle"
      :width="printwidth"
      :height="500"
      :status="openprint"
      :urlprint="urlprint"
      @close-dialog-print="closePrint"
    ></one-dialog-print>
    <template>
      <v-dialog v-model="dialogdeletealertreport" max-width="30%">
        <v-card>
          <v-card-title class="headline grey lighten-2 pt-2 pb-2" primary-title>
            Peringatan !
          </v-card-title>
          <v-card-text class="pt-2 pb-2">
            <v-layout row>
              <v-flex xs12 d-flex>
                <v-layout row>
                  <v-flex pb-1 xs12>
                    <v-layout row>
                      <v-flex pt-2 pr-2 xs12>
                        {{ msgalertreport }}
                      </v-flex>
                    </v-layout>
                  </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="primary"
              flat
              @click="dialogdeletealertreport = false"
            >
              Tutup
            </v-btn>
            <v-btn color="primary" flat @click="closeDeleteAlertReport()">
              Yakin lah
            </v-btn>
          </v-card-actions>
        </v-card>
      </v-dialog>
    </template>
    <template>
      <v-layout row justify-center>
        <v-dialog v-model="dialog_template" persistent max-width="60%">
          <v-card flat>
            <v-card-title>
              <span class="headline">Detail Form</span>
            </v-card-title>
            <v-card-text>
              <v-container grid-list-md>
                <v-layout row wrap class="mini-input">
                  <v-flex xs12>
                    <v-card flat>
                      <div
                        v-if="riwayats.length > 0"
                        v-for="(riwayat, idx_r) in riwayats"
                        :key="idx_r"
                      >
                        <v-card flat class="mb-2">
                          <v-layout pb-2 row>
                            <v-flex xs12>
                              <v-subheader red--text text--lighten-1>
                                {{ getnamelabel(riwayat.title) }}

                                <v-flex text-md-right>
                                  <v-btn
                                    v-if="riwayat.flag_normal === 'N'"
                                    disabled
                                    @click="changeFlagNormal(idx_r)"
                                    small
                                    color="error"
                                    ><v-icon class="pr-1" small>close</v-icon>
                                    {{
                                      getnamelabel(riwayat.label_flag_normal)
                                    }}</v-btn
                                  >
                                  <v-btn
                                    v-if="riwayat.flag_normal === 'Y'"
                                    disabled
                                    @click="changeFlagNormal(idx_r)"
                                    small
                                    color="info"
                                    ><v-icon class="pr-1" small>check</v-icon>
                                    {{
                                      getnamelabel(riwayat.label_flag_normal)
                                    }}</v-btn
                                  >
                                </v-flex>
                              </v-subheader>
                              <v-divider class="mb-2"></v-divider>
                              <div v-if="riwayat.type_form === 'X'">
                                <v-layout
                                  v-if="riwayat.subtitle !== ''"
                                  class="pl-2 caption pb-2"
                                  row
                                  >{{ riwayat.subtitle }}</v-layout
                                >
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(
                                    r_detail, idx_detail
                                  ) in generate_rows(riwayat.details)"
                                  :key="idx_detail"
                                  v-if="riwayat.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex xs6 pa-1>
                                    <v-layout
                                      v-if="r_detail[0]"
                                      align-center
                                      row
                                    >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="r_detail[0].chx"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs11>
                                        <span
                                          style="font-size: 12px"
                                          :class="{
                                            'red--text':
                                              r_detail[0].color &&
                                              r_detail[0].color == 'red',
                                          }"
                                          >{{
                                            getnamelabel(r_detail[0].label)
                                          }}</span
                                        >
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                  <v-flex xs6 pa-1>
                                    <v-layout
                                      v-if="r_detail[1]"
                                      align-center
                                      row
                                    >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="r_detail[1].chx"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs11>
                                        <span
                                          style="font-size: 12px"
                                          :class="{
                                            'red--text':
                                              r_detail[1].color &&
                                              r_detail[1].color == 'red',
                                          }"
                                          >{{
                                            getnamelabel(r_detail[1].label)
                                          }}</span
                                        >
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>

                              <div v-if="riwayat.type_form === 'XV'">
                                <v-layout
                                  v-if="riwayat.subtitle !== ''"
                                  class="pl-2 caption pb-2"
                                  row
                                  >{{ riwayat.subtitle }}</v-layout
                                >
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(
                                    r_detail, idx_detail
                                  ) in generate_rows(riwayat.details)"
                                  :key="idx_detail"
                                  v-if="riwayat.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex xs6 pa-1>
                                    <v-layout
                                      v-if="r_detail[0]"
                                      align-center
                                      row
                                    >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="r_detail[0].chx"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs7>
                                        <span
                                          style="font-size: 12px"
                                          :class="{
                                            'red--text':
                                              r_detail[0].color &&
                                              r_detail[0].color == 'red',
                                          }"
                                          >{{
                                            getnamelabel(r_detail[0].label)
                                          }}</span
                                        >
                                      </v-flex>
                                      <v-flex xs4 pl-1 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          outline
                                          v-model="r_detail[0].value"
                                          disabled
                                          single-line
                                          :placeholder="
                                            getnamelabel('Keterangan')
                                          "
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                  <v-flex xs6 pa-1>
                                    <v-layout
                                      v-if="r_detail[1]"
                                      align-center
                                      row
                                    >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="r_detail[1].chx"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs7>
                                        <span
                                          style="font-size: 12px"
                                          :class="{
                                            'red--text':
                                              r_detail[1].color &&
                                              r_detail[1].color == 'red',
                                          }"
                                          >{{
                                            getnamelabel(r_detail[1].label)
                                          }}</span
                                        >
                                      </v-flex>
                                      <v-flex xs4 pl-1 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          outline
                                          v-model="r_detail[1].value"
                                          disabled
                                          single-line
                                          :placeholder="
                                            getnamelabel('Keterangan')
                                          "
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>

                              <div v-if="riwayat.type_form === 'XVS'">
                                <v-layout
                                  pl-2
                                  v-for="(
                                    segment, idx_segment
                                  ) in riwayat.details"
                                  :key="idx_segment"
                                  wrap
                                >
                                  <v-flex xs12>
                                    <v-layout
                                      v-if="riwayat.show_all === 'Y'"
                                      row
                                      >{{
                                        getnamelabel(segment.name)
                                      }}</v-layout
                                    >
                                    <v-layout
                                      v-if="
                                        riwayat.show_all === 'Y' &&
                                        segment.caption &&
                                        segment.caption !== ''
                                      "
                                      row
                                      ><span class="caption red--text">{{
                                        segment.caption
                                      }}</span></v-layout
                                    >
                                    <v-layout
                                      pl-2
                                      pb-1
                                      pt-1
                                      v-for="(
                                        r_detail, idx_detail
                                      ) in generate_rows(segment.details)"
                                      :key="idx_detail"
                                      v-if="riwayat.show_all === 'Y'"
                                      wrap
                                    >
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="r_detail[0]"
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="r_detail[0].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs7>
                                            <span
                                              style="font-size: 12px"
                                              :class="{
                                                'red--text':
                                                  r_detail[0].color &&
                                                  r_detail[0].color == 'red',
                                              }"
                                              >{{
                                                getnamelabel(r_detail[0].label)
                                              }}</span
                                            >
                                          </v-flex>
                                          <v-flex xs4 pl-1 pr-2>
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="r_detail[0].value"
                                              disabled
                                              single-line
                                              :placeholder="
                                                getnamelabel('Keterangan')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="r_detail[1]"
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="r_detail[1].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs7>
                                            <span
                                              style="font-size: 12px"
                                              :class="{
                                                'red--text':
                                                  r_detail[1].color &&
                                                  r_detail[1].color == 'red',
                                              }"
                                              >{{
                                                getnamelabel(r_detail[1].label)
                                              }}</span
                                            >
                                          </v-flex>
                                          <v-flex xs4 pl-1 pr-2>
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="r_detail[1].value"
                                              disabled
                                              single-line
                                              :placeholder="
                                                getnamelabel('Keterangan')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>

                              <div v-if="riwayat.type_form === 'XO'">
                                <v-layout
                                  v-if="riwayat.subtitle !== ''"
                                  class="pl-2 caption pb-2"
                                  row
                                  >{{ riwayat.subtitle }}</v-layout
                                >
                                <v-layout
                                  v-if="riwayat.show_all === 'Y'"
                                  class="pl-2 caption pb-2"
                                  row
                                >
                                  <v-flex xs12 pa-1>
                                    <v-layout align-center row>
                                      <v-flex xs4></v-flex>
                                      <v-flex class="text-xs-left" xs2>
                                        Ayah
                                      </v-flex>
                                      <v-flex class="text-xs-left" xs2>
                                        Ibu
                                      </v-flex>
                                      <v-flex class="text-xs-left" xs2>
                                        Saudara Kandung
                                      </v-flex>
                                      <v-flex class="text-xs-left" xs2>
                                        Kakek/Nenek
                                      </v-flex>
                                      <v-flex class="text-xs-left" xs2>
                                        Saudara Lainnya
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(
                                    r_detail, idx_detail
                                  ) in riwayat.details"
                                  :key="idx_detail"
                                  v-if="riwayat.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex xs12 pa-1>
                                    <v-layout align-center row>
                                      <v-flex xs4>{{
                                        getnamelabel(r_detail.label)
                                      }}</v-flex>
                                      <v-flex
                                        xs2
                                        class="text-xs-left"
                                        v-for="(
                                          opsi, idx_opsi
                                        ) in r_detail.options"
                                        :key="idx_opsi"
                                      >
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0 text-xs-left"
                                          v-model="opsi.selected"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>

                              <div v-if="riwayat.type_form === 'XD'">
                                <v-layout
                                  pl-2
                                  v-for="(
                                    segment, idx_segment
                                  ) in riwayat.details"
                                  :key="idx_segment"
                                  mb-2
                                  wrap
                                >
                                  <v-flex xs12>
                                    <v-layout
                                      v-if="riwayat.show_all === 'Y'"
                                      row
                                      >{{
                                        getnamelabel(segment.label)
                                      }}</v-layout
                                    >
                                    <v-layout
                                      v-if="
                                        riwayat.show_all === 'Y' &&
                                        segment.caption &&
                                        segment.caption !== ''
                                      "
                                      row
                                      ><span class="caption red--text">{{
                                        segment.caption
                                      }}</span></v-layout
                                    >
                                    <v-layout
                                      pl-2
                                      pb-1
                                      pt-1
                                      v-for="(
                                        r_detail, idx_detail
                                      ) in generate_rows(segment.details)"
                                      :key="idx_detail"
                                      v-if="riwayat.show_all === 'Y'"
                                      wrap
                                    >
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="r_detail[0]"
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="r_detail[0].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs6>
                                            <span
                                              style="font-size: 12px"
                                              :class="{
                                                'red--text':
                                                  r_detail[0].color &&
                                                  r_detail[0].color == 'red',
                                              }"
                                              >{{
                                                getnamelabel(r_detail[0].label)
                                              }}</span
                                            >
                                          </v-flex>
                                          <v-flex
                                            xs5
                                            v-if="r_detail[0].show_date"
                                            pl-1
                                            pr-2
                                          >
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="r_detail[0].value"
                                              disabled
                                              :readonly="!r_detail[0].chx"
                                              single-line
                                              :placeholder="
                                                getnamelabel('DD/MM/YYYY')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="r_detail[1]"
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="r_detail[1].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs6>
                                            <span
                                              style="font-size: 12px"
                                              :class="{
                                                'red--text':
                                                  r_detail[1].color &&
                                                  r_detail[1].color == 'red',
                                              }"
                                              >{{
                                                getnamelabel(r_detail[1].label)
                                              }}</span
                                            >
                                          </v-flex>
                                          <v-flex
                                            xs5
                                            v-if="r_detail[1].show_date"
                                            pl-1
                                            pr-2
                                          >
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="r_detail[1].value"
                                              :readonly="!r_detail[1].chx"
                                              disabled
                                              single-line
                                              :placeholder="
                                                getnamelabel('DD/MM/YYYY')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>
                            </v-flex>
                          </v-layout>
                        </v-card>
                      </div>

                      <div
                        v-if="fisiks.length > 0"
                        v-for="(fisik, idx_f) in fisiks"
                        :key="idx_f"
                      >
                        <v-card flat class="mb-2">
                          <v-layout pb-2 row>
                            <v-flex xs12>
                              <v-subheader red--text text--lighten-1>
                                {{ getnamelabel(fisik.title) }}
                                <v-flex text-md-right>
                                  <v-btn
                                    v-if="
                                      fisik.details[0].table_name ===
                                      'status_gizi'
                                    "
                                    disabled
                                    @click="changeStandartBMI(idx_f)"
                                    small
                                    color="info"
                                    >{{ fisik.standart_bmi }}</v-btn
                                  >

                                  <v-btn
                                    v-if="
                                      fisik.type_form === 'TOOTH' &&
                                      fisik.is_normal === 'Y'
                                    "
                                    disabled
                                    style="color: white"
                                    small
                                    color="info"
                                  >
                                    <v-icon class="pr-1" small>check</v-icon>
                                    {{ getnamelabel("TIDAK DIPERIKSA") }}
                                  </v-btn>
                                  <v-btn
                                    v-if="
                                      fisik.type_form === 'TOOTH' &&
                                      fisik.is_normal === 'N'
                                    "
                                    disabled
                                    style="color: white"
                                    small
                                    color="error"
                                  >
                                    <v-icon class="pr-1" small>close</v-icon>
                                    {{ getnamelabel("TIDAK DIPERIKSA") }}
                                  </v-btn>

                                  <v-btn
                                    v-if="
                                      fisik.is_inspected &&
                                      fisik.is_inspected === 'N'
                                    "
                                    disabled
                                    style="color: white"
                                    small
                                    color="info"
                                  >
                                    <v-icon class="pr-1" small>check</v-icon>
                                    {{ getnamelabel("TIDAK DIPERIKSA") }}
                                  </v-btn>
                                  <v-btn
                                    v-if="
                                      fisik.is_inspected &&
                                      fisik.is_inspected === 'Y'
                                    "
                                    disabled
                                    style="color: white"
                                    small
                                    color="error"
                                  >
                                    <v-icon class="pr-1" small>close</v-icon>
                                    {{ getnamelabel("TIDAK DIPERIKSA") }}
                                  </v-btn>
                                </v-flex>
                              </v-subheader>
                              <v-divider class="mb-2"></v-divider>
                              <div v-if="fisik.type_form === 'TOOTH'">
                                <v-layout wrap v-if="fisik.show_all === 'Y'">
                                  <v-flex pl-2 pt-2 pb-2 pr-2 xs12>
                                    <v-layout row>
                                      <v-flex xs12>
                                        <table>
                                          <!--<tr>
                                                                                        <th colspan="18">Gigi Geligi</th>
                                                                                    </tr>-->
                                          <tr class="bggrey">
                                            <th></th>
                                            <th
                                              class="text-xs-center"
                                              colspan="8"
                                            >
                                              {{ getnamelabel("GIGI KANAN") }}
                                            </th>
                                            <th
                                              class="text-xs-center"
                                              colspan="8"
                                            >
                                              {{ getnamelabel("GIGI KIRI") }}
                                            </th>
                                            <th></th>
                                          </tr>
                                          <tr>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                            <th
                                              v-for="(
                                                gigiatasketiga, idx_gaktiga
                                              ) in fisik.details[0].details"
                                              :key="idx_gaktiga"
                                              class="thgigi"
                                            >
                                              <input
                                                type="text"
                                                disabled
                                                v-model="gigiatasketiga.value"
                                                v-bind:class="{
                                                  'background-black':
                                                    gigiatasketiga.value.toUpperCase() ===
                                                    'X',
                                                  'background-teal':
                                                    gigiatasketiga.value.toUpperCase() ===
                                                    'C',
                                                  'background-brown':
                                                    gigiatasketiga.value.toUpperCase() ===
                                                    'R',
                                                  'background-red':
                                                    gigiatasketiga.value.toUpperCase() ===
                                                    'O',
                                                  'background-yellow-accent-4':
                                                    gigiatasketiga.value.toUpperCase() ===
                                                    'A',
                                                  'background-info':
                                                    gigiatasketiga.value.toUpperCase() ===
                                                    'K',
                                                  'background-purple':
                                                    gigiatasketiga.value.toUpperCase() ===
                                                    'I',
                                                }"
                                                class="input_gigi mono"
                                                readonly
                                              />
                                            </th>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                          </tr>
                                          <tr>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                            <th
                                              v-for="(
                                                gigiataskedua, idx_gakdua
                                              ) in fisik.details[1].details"
                                              :key="idx_gakdua"
                                              class="thgigi"
                                            >
                                              <input
                                                type="text"
                                                v-model="gigiataskedua.value"
                                                disabled
                                                v-bind:class="{
                                                  'background-black':
                                                    gigiataskedua.value.toUpperCase() ===
                                                    'X',
                                                  'background-teal':
                                                    gigiataskedua.value.toUpperCase() ===
                                                    'C',
                                                  'background-brown':
                                                    gigiataskedua.value.toUpperCase() ===
                                                    'R',
                                                  'background-red':
                                                    gigiataskedua.value.toUpperCase() ===
                                                    'O',
                                                  'background-yellow-accent-4':
                                                    gigiataskedua.value.toUpperCase() ===
                                                    'A',
                                                  'background-info':
                                                    gigiataskedua.value.toUpperCase() ===
                                                    'K',
                                                  'background-purple':
                                                    gigiataskedua.value.toUpperCase() ===
                                                    'I',
                                                }"
                                                class="input_gigi mono"
                                                readonly
                                              />
                                            </th>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                          </tr>
                                          <tr>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                            <th
                                              v-for="(gigiatas, idx_ga) in fisik
                                                .details[2].details"
                                              :key="idx_ga"
                                              class="thgigi"
                                            >
                                              <input
                                                type="text"
                                                v-model="gigiatas.value"
                                                disabled
                                                v-bind:class="{
                                                  'background-black':
                                                    gigiatas.value.toUpperCase() ===
                                                    'X',
                                                  'background-teal':
                                                    gigiatas.value.toUpperCase() ===
                                                    'C',
                                                  'background-brown':
                                                    gigiatas.value.toUpperCase() ===
                                                    'R',
                                                  'background-red':
                                                    gigiatas.value.toUpperCase() ===
                                                    'O',
                                                  'background-yellow-accent-4':
                                                    gigiatas.value.toUpperCase() ===
                                                    'A',
                                                  'background-info':
                                                    gigiatas.value.toUpperCase() ===
                                                    'K',
                                                  'background-purple':
                                                    gigiatas.value.toUpperCase() ===
                                                    'I',
                                                }"
                                                class="input_gigi mono"
                                                readonly
                                              />
                                            </th>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                          </tr>
                                          <tr class="bggrey">
                                            <th>{{ getnamelabel("ATAS") }}</th>
                                            <th
                                              v-for="(gigiatas, idx_ga) in fisik
                                                .details[0].details"
                                              :key="idx_ga"
                                              class="thgigi"
                                            >
                                              {{ gigiatas.label }}
                                            </th>
                                            <th>{{ getnamelabel("ATAS") }}</th>
                                          </tr>
                                          <tr class="bggrey">
                                            <th>{{ getnamelabel("BAWAH") }}</th>
                                            <th
                                              v-for="(
                                                gigibawah, idx_gb
                                              ) in fisik.details[1].details"
                                              :key="idx_gb"
                                              class="thgigi"
                                            >
                                              {{ gigibawah.label }}
                                            </th>
                                            <th>{{ getnamelabel("BAWAH") }}</th>
                                          </tr>
                                          <tr>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                            <th
                                              v-for="(
                                                gigibawah, idx_gb
                                              ) in fisik.details[3].details"
                                              :key="idx_gb"
                                              class="thgigi"
                                            >
                                              <input
                                                type="text"
                                                v-model="gigibawah.value"
                                                disabled
                                                v-bind:class="{
                                                  'background-black':
                                                    gigibawah.value.toUpperCase() ===
                                                    'X',
                                                  'background-teal':
                                                    gigibawah.value.toUpperCase() ===
                                                    'C',
                                                  'background-brown':
                                                    gigibawah.value.toUpperCase() ===
                                                    'R',
                                                  'background-red':
                                                    gigibawah.value.toUpperCase() ===
                                                    'O',
                                                  'background-yellow-accent-4':
                                                    gigibawah.value.toUpperCase() ===
                                                    'A',
                                                  'background-info':
                                                    gigibawah.value.toUpperCase() ===
                                                    'K',
                                                  'background-purple':
                                                    gigibawah.value.toUpperCase() ===
                                                    'I',
                                                }"
                                                class="input_gigi mono"
                                                readonly
                                              />
                                            </th>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                          </tr>
                                          <tr>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                            <th
                                              v-for="(
                                                gigibawahkedua, idx_gbkdua
                                              ) in fisik.details[4].details"
                                              :key="idx_gbkdua"
                                              class="thgigi"
                                            >
                                              <input
                                                type="text"
                                                v-model="gigibawahkedua.value"
                                                disabled
                                                v-bind:class="{
                                                  'background-black':
                                                    gigibawahkedua.value.toUpperCase() ===
                                                    'X',
                                                  'background-teal':
                                                    gigibawahkedua.value.toUpperCase() ===
                                                    'C',
                                                  'background-brown':
                                                    gigibawahkedua.value.toUpperCase() ===
                                                    'R',
                                                  'background-red':
                                                    gigibawahkedua.value.toUpperCase() ===
                                                    'O',
                                                  'background-yellow-accent-4':
                                                    gigibawahkedua.value.toUpperCase() ===
                                                    'A',
                                                  'background-info':
                                                    gigibawahkedua.value.toUpperCase() ===
                                                    'K',
                                                  'background-purple':
                                                    gigibawahkedua.value.toUpperCase() ===
                                                    'I',
                                                }"
                                                class="input_gigi mono"
                                                readonly
                                              />
                                            </th>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                          </tr>
                                          <tr>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                            <th
                                              v-for="(
                                                gigibawahketiga, idx_gbktiga
                                              ) in fisik.details[5].details"
                                              :key="idx_gbktiga"
                                              class="thgigi"
                                            >
                                              <input
                                                type="text"
                                                v-model="gigibawahketiga.value"
                                                disabled
                                                v-bind:class="{
                                                  'background-black':
                                                    gigibawahketiga.value.toUpperCase() ===
                                                    'X',
                                                  'background-teal':
                                                    gigibawahketiga.value.toUpperCase() ===
                                                    'C',
                                                  'background-brown':
                                                    gigibawahketiga.value.toUpperCase() ===
                                                    'R',
                                                  'background-red':
                                                    gigibawahketiga.value.toUpperCase() ===
                                                    'O',
                                                  'background-yellow-accent-4':
                                                    gigibawahketiga.value.toUpperCase() ===
                                                    'A',
                                                  'background-info':
                                                    gigibawahketiga.value.toUpperCase() ===
                                                    'K',
                                                  'background-purple':
                                                    gigibawahketiga.value.toUpperCase() ===
                                                    'I',
                                                }"
                                                class="input_gigi mono"
                                                readonly
                                              />
                                            </th>
                                            <th>{{ getnamelabel("KODE") }}</th>
                                          </tr>
                                          <tr class="bggrey">
                                            <th></th>
                                            <th
                                              class="text-xs-center"
                                              colspan="8"
                                            >
                                              {{ getnamelabel("GIGI KANAN") }}
                                            </th>
                                            <th
                                              class="text-xs-center"
                                              colspan="8"
                                            >
                                              {{ getnamelabel("GIGI KIRI") }}
                                            </th>
                                            <th></th>
                                          </tr>
                                        </table>
                                      </v-flex>
                                    </v-layout>
                                    <v-layout align-center pt-4 pl-2 row>
                                      <v-flex d-flex
                                        ><h4>
                                          {{ getnamelabel("KETERANGAN KODE") }}
                                          :
                                        </h4></v-flex
                                      >
                                    </v-layout>
                                    <v-layout align-center pt-3 pl-2 pb-3 row>
                                      <v-flex xs3>
                                        <v-layout align-center row>
                                          <v-flex xs4>
                                            <v-btn
                                              small
                                              style="min-width: 35px; margin: 0"
                                              dark
                                              color="black"
                                            >
                                              X
                                            </v-btn>
                                          </v-flex>
                                          <v-flex xs8>
                                            <h5>
                                              {{ getnamelabel("BERLUBANG") }}
                                            </h5>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs3>
                                        <v-layout align-center row>
                                          <v-flex xs4>
                                            <v-btn
                                              small
                                              style="min-width: 35px; margin: 0"
                                              dark
                                              color="teal"
                                            >
                                              C
                                            </v-btn>
                                          </v-flex>
                                          <v-flex xs8>
                                            <h5>
                                              {{ getnamelabel("TAMBALAN") }}
                                            </h5>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs3>
                                        <v-layout align-center row>
                                          <v-flex xs4>
                                            <v-btn
                                              small
                                              style="min-width: 35px; margin: 0"
                                              dark
                                              color="red"
                                            >
                                              O
                                            </v-btn>
                                          </v-flex>
                                          <v-flex xs8>
                                            <h5>
                                              {{ getnamelabel("TANGGAL") }}
                                            </h5>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs3>
                                        <v-layout align-center row>
                                          <v-flex xs4>
                                            <v-btn
                                              small
                                              style="min-width: 35px; margin: 0"
                                              dark
                                              color="brown"
                                            >
                                              R
                                            </v-btn>
                                          </v-flex>
                                          <v-flex xs8>
                                            <h5>
                                              {{ getnamelabel("SISA AKAR") }}
                                            </h5>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                    </v-layout>
                                    <v-layout align-center pt-3 pl-2 pb-3 row>
                                      <v-flex xs3>
                                        <v-layout align-center row>
                                          <v-flex xs4>
                                            <v-btn
                                              small
                                              style="min-width: 35px; margin: 0"
                                              dark
                                              color="yellow accent-4"
                                            >
                                              A
                                            </v-btn>
                                          </v-flex>
                                          <v-flex xs8>
                                            <h5>
                                              {{ getnamelabel("GIGI PALSU") }}
                                            </h5>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs3>
                                        <v-layout align-center row>
                                          <v-flex xs4>
                                            <v-btn
                                              small
                                              style="min-width: 35px; margin: 0"
                                              dark
                                              color="info"
                                            >
                                              K
                                            </v-btn>
                                          </v-flex>
                                          <v-flex xs8>
                                            <h5>
                                              {{ getnamelabel("KARANG GIGI") }}
                                            </h5>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs3>
                                        <v-layout align-center row>
                                          <v-flex xs4>
                                            <v-btn
                                              small
                                              style="min-width: 35px; margin: 0"
                                              dark
                                              color="purple"
                                            >
                                              I
                                            </v-btn>
                                          </v-flex>
                                          <v-flex xs8>
                                            <h5>
                                              {{ getnamelabel("IMPAKSI") }}
                                            </h5>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>
                              <div v-if="fisik.type_form === 'XV'">
                                <!--<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{riwayat.subtitle}}</v-layout>-->
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(
                                    f_detail, kdx_detail
                                  ) in generate_rows(fisik.details)"
                                  :key="`xv-one-${kdx_detail}`"
                                  v-if="fisik.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex xs6 pa-1>
                                    <v-layout
                                      v-if="f_detail[0]"
                                      align-center
                                      row
                                    >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="f_detail[0].chx"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs7>
                                        <span style="font-size: 12px">{{
                                          getnamelabel(f_detail[0].label)
                                        }}</span>
                                      </v-flex>
                                      <v-flex xs4 pl-1 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          outline
                                          v-model="f_detail[0].value"
                                          disabled
                                          single-line
                                          :placeholder="
                                            getnamelabel('Keterangan')
                                          "
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                  <v-flex xs6 pa-1>
                                    <v-layout
                                      v-if="f_detail[1]"
                                      align-center
                                      row
                                    >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="f_detail[1].chx"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs7>
                                        <span style="font-size: 12px">{{
                                          getnamelabel(f_detail[1].label)
                                        }}</span>
                                      </v-flex>
                                      <v-flex xs4 pl-1 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          outline
                                          v-model="f_detail[1].value"
                                          disabled
                                          single-line
                                          :placeholder="
                                            getnamelabel('Keterangan')
                                          "
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>

                              <div v-if="fisik.type_form === 'XVS'">
                                <v-layout
                                  pl-2
                                  v-for="(segment, idx_s) in fisik.details"
                                  :key="idx_s"
                                  wrap
                                >
                                  <v-flex xs12>
                                    <v-layout
                                      v-if="fisik.show_all === 'Y'"
                                      row
                                      >{{
                                        getnamelabel(segment.name)
                                      }}</v-layout
                                    >
                                    <v-layout
                                      pl-2
                                      pb-1
                                      pt-1
                                      v-for="(
                                        f_detail, kdx_detail
                                      ) in generate_rows(segment.details)"
                                      v-if="fisik.show_all === 'Y'"
                                      :key="kdx_detail"
                                      wrap
                                    >
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="f_detail[0]"
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="f_detail[0].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs7>
                                            <span style="font-size: 12px">{{
                                              getnamelabel(f_detail[0].label)
                                            }}</span>
                                          </v-flex>
                                          <v-flex xs4 pl-1 pr-2>
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="f_detail[0].value"
                                              disabled
                                              single-line
                                              :placeholder="
                                                getnamelabel('Keterangan')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="f_detail[1]"
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="f_detail[1].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs7>
                                            <span style="font-size: 12px">{{
                                              getnamelabel(f_detail[1].label)
                                            }}</span>
                                          </v-flex>
                                          <v-flex xs4 pl-1 pr-2>
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="f_detail[1].value"
                                              disabled
                                              single-line
                                              :placeholder="
                                                getnamelabel('Keterangan')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>

                              <div v-if="fisik.type_form === 'XVS3R'">
                                <v-layout
                                  pl-2
                                  v-for="(segment, idx_s) in fisik.details"
                                  :key="idx_s"
                                  wrap
                                >
                                  <v-flex xs12>
                                    <v-layout
                                      v-if="fisik.show_all === 'Y'"
                                      row
                                      >{{
                                        getnamelabel(segment.name)
                                      }}</v-layout
                                    >
                                    <v-layout
                                      pl-2
                                      pb-1
                                      pt-1
                                      v-for="(
                                        f_detail, kdx_detail
                                      ) in generate_rows(segment.details)"
                                      :key="kdx_detail"
                                      v-if="fisik.show_all === 'Y'"
                                      wrap
                                    >
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="f_detail[0]"
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="f_detail[0].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs7>
                                            <span style="font-size: 12px">{{
                                              getnamelabel(f_detail[0].label)
                                            }}</span>
                                          </v-flex>
                                          <v-flex xs4 pl-1 pr-2>
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="f_detail[0].value"
                                              disabled
                                              single-line
                                              :placeholder="
                                                getnamelabel('Keterangan')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs6 pa-1>
                                        <v-layout
                                          v-if="
                                            f_detail[1] &&
                                            f_detail[1].type_form === 'XVS'
                                          "
                                          align-center
                                          row
                                        >
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="f_detail[1].chx"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs7>
                                            <span style="font-size: 12px">{{
                                              getnamelabel(f_detail[1].label)
                                            }}</span>
                                          </v-flex>
                                          <v-flex xs4 pl-1 pr-2>
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              outline
                                              v-model="f_detail[1].value"
                                              disabled
                                              single-line
                                              :placeholder="
                                                getnamelabel('Keterangan')
                                              "
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                        <v-layout
                                          v-if="
                                            f_detail[1] &&
                                            f_detail[1].type_form === 'XVS-LXX'
                                          "
                                          align-center
                                          row
                                        >
                                          <v-flex xs12>
                                            <v-layout row>
                                              <v-flex xs1>
                                                <v-checkbox
                                                  row
                                                  class="mt-0 pt-0"
                                                  v-model="f_detail[1].chx"
                                                  disabled
                                                  color="red"
                                                  hide-details
                                                ></v-checkbox>
                                              </v-flex>
                                              <v-flex xs11>
                                                <span style="font-size: 12px">{{
                                                  getnamelabel(
                                                    f_detail[1].label
                                                  )
                                                }}</span>
                                              </v-flex>
                                            </v-layout>
                                            <v-layout row>
                                              <v-flex class="pl-4" xs12>
                                                <v-layout
                                                  v-for="(
                                                    value_perut_14, idx_perut_14
                                                  ) in f_detail[1].details"
                                                  :key="idx_perut_14"
                                                  class="pa-2"
                                                  row
                                                >
                                                  <v-flex xs6
                                                    ><span
                                                      style="font-size: 12px"
                                                      >{{
                                                        value_perut_14.label
                                                      }}</span
                                                    ></v-flex
                                                  >
                                                  <v-flex xs3>
                                                    <v-checkbox
                                                      row
                                                      class="mt-0 pt-0"
                                                      color="red"
                                                      label="D"
                                                      v-model="
                                                        value_perut_14.chx_a_value
                                                      "
                                                      :disabled="
                                                        !f_detail[1].chx ||
                                                        cantedit ||
                                                        (fisik.is_inspected &&
                                                          fisik.is_inspected ===
                                                            'N')
                                                      "
                                                      hide-details
                                                    ></v-checkbox>
                                                  </v-flex>
                                                  <v-flex xs3>
                                                    <v-checkbox
                                                      row
                                                      class="mt-0 pt-0"
                                                      color="red"
                                                      label="S"
                                                      v-model="
                                                        value_perut_14.chx_b_value
                                                      "
                                                      :disabled="
                                                        !f_detail[1].chx ||
                                                        cantedit ||
                                                        (fisik.is_inspected &&
                                                          fisik.is_inspected ===
                                                            'N')
                                                      "
                                                      hide-details
                                                    ></v-checkbox>
                                                  </v-flex>
                                                </v-layout>
                                              </v-flex>
                                            </v-layout>
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>

                              <div v-if="fisik.type_form === 'VXX'">
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(
                                    f_detail, kdx_detail
                                  ) in generate_rows(fisik.details)"
                                  :key="kdx_detail"
                                  v-if="fisik.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex
                                    v-for="(f_cols, idx_cols) in f_detail"
                                    :key="idx_cols"
                                    xs6
                                    pa-1
                                  >
                                    <v-layout
                                      v-if="f_cols.type === 'vxx-v'"
                                      align-center
                                      row
                                    >
                                      <v-flex xs4>
                                        <span style="font-size: 12px">{{
                                          getnamelabel(f_cols.label)
                                        }}</span>
                                      </v-flex>
                                      <v-flex xs5>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          v-model="f_cols.value"
                                          outline
                                          disabled
                                          single-line
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                      <v-flex xs3 pl-1>
                                        <span
                                          class="mono"
                                          style="font-size: 12px"
                                          >{{ getnamelabel(f_cols.unit) }}</span
                                        >
                                      </v-flex>
                                    </v-layout>
                                    <v-layout
                                      v-if="f_cols.type === 'vxx-xx'"
                                      align-center
                                      row
                                    >
                                      <v-flex xs4
                                        ><span style="font-size: 12px">{{
                                          getnamelabel(f_cols.label)
                                        }}</span></v-flex
                                      >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="f_cols.chx_y"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs3>
                                        <span
                                          class="mono"
                                          style="font-size: 12px"
                                          >{{
                                            getnamelabel(f_cols.label_y)
                                          }}</span
                                        >
                                      </v-flex>
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="f_cols.chx_x"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs3>
                                        <span
                                          class="mono"
                                          style="font-size: 12px"
                                          >{{
                                            getnamelabel(f_cols.label_x)
                                          }}</span
                                        >
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>
                              <div v-if="fisik.type_form === 'VXX+'">
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(
                                    f_detail, kdx_detail
                                  ) in generate_rows(fisik.details)"
                                  :key="kdx_detail"
                                  v-if="fisik.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex
                                    v-for="(f_cols, index_cols) in f_detail"
                                    :key="index_cols"
                                    xs6
                                    pa-1
                                  >
                                    <v-layout
                                      v-if="f_cols.type === 'vxx-vv'"
                                      align-center
                                      row
                                    >
                                      <v-flex xs4>
                                        <span style="font-size: 12px">{{
                                          getnamelabel(f_cols.label)
                                        }}</span
                                        ><br />
                                        <v-btn
                                          @click="
                                            changStandartTensi(idx_f, f_cols)
                                          "
                                          style="
                                            font-size: 10px;
                                            height: 20px;
                                            width: auto;
                                            min-width: 5px;
                                            margin: 0;
                                          "
                                          small
                                          v-if="f_cols.standart !== ''"
                                          color="info"
                                        >
                                          {{ f_cols.standart }}
                                        </v-btn>
                                      </v-flex>
                                      <v-flex xs4>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          v-model="f_cols.value"
                                          outline
                                          disabled
                                          single-line
                                          hide-details
                                        ></v-text-field>
                                        <span
                                          v-if="f_cols.standart !== ''"
                                          class="d-flex mt-1"
                                          style="
                                            font-size: 10px;
                                            font-weight: 600;
                                          "
                                          :class="getcolortensi(f_cols)"
                                          >{{
                                            getnamelabel(f_cols.value_x)
                                          }}</span
                                        >
                                      </v-flex>
                                      <v-flex xs4 pl-1>
                                        <span
                                          class="mono"
                                          style="font-size: 12px"
                                          >{{ getnamelabel(f_cols.unit) }}</span
                                        >
                                      </v-flex>
                                    </v-layout>
                                    <v-layout
                                      v-if="f_cols.type === 'vxx-vv2r'"
                                      align-center
                                      row
                                    >
                                      <v-flex xs4>
                                        <span style="font-size: 12px">{{
                                          getnamelabel(f_cols.label)
                                        }}</span
                                        ><br />
                                        <v-btn
                                          @click="
                                            changStandartTensi(idx_f, f_cols)
                                          "
                                          style="
                                            font-size: 10px;
                                            height: 20px;
                                            width: auto;
                                            min-width: 5px;
                                            margin: 0;
                                          "
                                          small
                                          v-if="f_cols.standart !== ''"
                                          color="info"
                                        >
                                          {{ f_cols.standart }}
                                        </v-btn>
                                      </v-flex>
                                      <v-flex style="margin-left: -8px" xs8>
                                        <v-layout
                                          class="pa-2 pl-0"
                                          align-center
                                          row
                                        >
                                          <!--<v-flex xs3>
                                                                                        <span style="font-size:12px" >{{getnamelabel(f_cols.label_x)}}</span>
                                                                                    </v-flex>-->
                                          <v-flex xs9>
                                            <v-text-field
                                              class="mini-input"
                                              :suffix="
                                                getnamelabel(f_cols.label_x)
                                              "
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              v-model="f_cols.value_x"
                                              outline
                                              disabled
                                              single-line
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                          <v-flex xs3 pl-1>
                                            <span
                                              class="mono"
                                              style="font-size: 12px"
                                              >{{
                                                getnamelabel(f_cols.unit)
                                              }}</span
                                            >
                                          </v-flex>
                                        </v-layout>
                                        <v-layout
                                          class="pa-2 pl-0"
                                          align-center
                                          row
                                        >
                                          <!--<v-flex xs3>
                                                                                        <span style="font-size:12px" >{{getnamelabel(f_cols.label_y)}}</span>
                                                                                    </v-flex>-->
                                          <v-flex xs9>
                                            <v-text-field
                                              class="mini-input"
                                              :suffix="
                                                getnamelabel(f_cols.label_y)
                                              "
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              v-model="f_cols.value_y"
                                              outline
                                              disabled
                                              single-line
                                              hide-details
                                            ></v-text-field>
                                          </v-flex>
                                          <v-flex xs3 pl-1>
                                            <span
                                              class="mono"
                                              style="font-size: 12px"
                                              >{{
                                                getnamelabel(f_cols.unit)
                                              }}</span
                                            >
                                          </v-flex>
                                        </v-layout>
                                        <span
                                          v-if="f_cols.standart !== ''"
                                          class="d-flex mt-1 pl-2"
                                          style="
                                            font-size: 10px;
                                            font-weight: 600;
                                          "
                                          >{{
                                            getnamelabel(f_cols.value)
                                          }}</span
                                        >
                                      </v-flex>
                                      <!--<v-flex xs4>
                                                                                <v-text-field class="mini-input"
                                                                                    style="font-size:12px;margin-top:0;padding-top:0;line-height:25px!important"
                                                                                    v-model="f_cols.value"
                                                                                    outline
                                                                                        @change="changeVXXValuePlus(idx_f,f_cols)"
                                                                                       disabled
                                                                                    single-line
                                                                                    hide-details
                                                                                ></v-text-field>
                                                                                <span  v-if="f_cols.standart !==''" class='d-flex mt-1' 
                                                                                    style="font-size:10px;font-weight:600" 
                                                                                    :class="getcolortensi(f_cols)">{{getnamelabel(f_cols.value_x)}}</span> 
                                                                            </v-flex>
                                                                            <v-flex xs2 pl-1>
                                                                                <span class="mono" style="font-size:12px" >{{getnamelabel(f_cols.unit)}}</span>
                                                                            </v-flex>-->
                                    </v-layout>
                                    <v-layout
                                      v-if="f_cols.type === 'vxx-xx'"
                                      align-center
                                      row
                                    >
                                      <v-flex xs4
                                        ><span style="font-size: 12px">{{
                                          getnamelabel(f_cols.label)
                                        }}</span></v-flex
                                      >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="f_cols.chx_y"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs3>
                                        <span
                                          class="mono"
                                          style="font-size: 12px"
                                          >{{
                                            getnamelabel(f_cols.label_y)
                                          }}</span
                                        >
                                      </v-flex>
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="f_cols.chx_x"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs3>
                                        <span
                                          class="mono"
                                          style="font-size: 12px"
                                          >{{
                                            getnamelabel(f_cols.label_x)
                                          }}</span
                                        >
                                      </v-flex>
                                    </v-layout>
                                    <v-layout
                                      v-if="f_cols.type === 'vxx-xv'"
                                      align-center
                                      row
                                    >
                                      <v-flex xs4
                                        ><span style="font-size: 12px">{{
                                          getnamelabel(f_cols.label)
                                        }}</span></v-flex
                                      >
                                      <v-flex xs1>
                                        <v-checkbox
                                          row
                                          class="mt-0 pt-0"
                                          v-model="f_cols.chx_x"
                                          disabled
                                          color="red"
                                          hide-details
                                        ></v-checkbox>
                                      </v-flex>
                                      <v-flex xs3>
                                        <span
                                          class="mono"
                                          style="font-size: 12px"
                                          >{{
                                            getnamelabel(f_cols.label_x)
                                          }}</span
                                        >
                                      </v-flex>
                                      <v-flex xs4 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          v-model="f_cols.value"
                                          outline
                                          disabled
                                          single-line
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                    <v-layout
                                      v-if="f_cols.type === 'vxx-xxv2r'"
                                      align-center
                                      row
                                    >
                                      <v-flex xs12>
                                        <v-layout class="mb-2" row>
                                          <v-flex xs4
                                            ><span style="font-size: 12px">{{
                                              getnamelabel(f_cols.label)
                                            }}</span></v-flex
                                          >
                                          <v-flex xs8 pr-3>
                                            <v-text-field
                                              class="mini-input"
                                              style="
                                                font-size: 12px;
                                                margin-top: 0;
                                                padding-top: 0;
                                                line-height: 25px !important;
                                              "
                                              v-model="f_cols.value"
                                              disabled
                                              outline
                                              single-line
                                              hide-details
                                              :suffix="f_cols.unit_name"
                                            ></v-text-field>
                                          </v-flex>
                                        </v-layout>
                                        <v-layout row>
                                          <v-flex xs4></v-flex>
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="f_cols.chx_x"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs3>
                                            <span
                                              class="mono"
                                              style="font-size: 12px"
                                              >{{
                                                getnamelabel(f_cols.label_x)
                                              }}</span
                                            >
                                          </v-flex>
                                          <v-flex xs1>
                                            <v-checkbox
                                              row
                                              class="mt-0 pt-0"
                                              v-model="f_cols.chx_y"
                                              disabled
                                              color="red"
                                              hide-details
                                            ></v-checkbox>
                                          </v-flex>
                                          <v-flex xs3>
                                            <span
                                              class="mono"
                                              style="font-size: 12px"
                                              >{{
                                                getnamelabel(f_cols.label_y)
                                              }}</span
                                            >
                                          </v-flex>
                                        </v-layout>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>
                              <div v-if="fisik.type_form === 'XXV'">
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(
                                    f_detail, kdx_detail
                                  ) in fisik.details"
                                  :key="kdx_detail"
                                  v-if="fisik.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex xs12 pa-1>
                                    <v-layout align-center row>
                                      <v-flex xs4
                                        ><span style="font-size: 12px">{{
                                          getnamelabel(f_detail.label)
                                        }}</span></v-flex
                                      >
                                      <v-flex xs2>
                                        <v-layout align-center>
                                          <v-checkbox
                                            class="mt-0 pt-0 shrink mr-2"
                                            style="width: 15px"
                                            v-model="f_detail.chx_y"
                                            disabled
                                            color="red"
                                            hide-details
                                          ></v-checkbox>
                                          <span
                                            class="mono pl-1"
                                            style="font-size: 12px"
                                            >{{
                                              getnamelabel(f_detail.label_y)
                                            }}</span
                                          >
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs2>
                                        <v-layout align-center>
                                          <v-checkbox
                                            class="mt-0 pt-0 shrink mr-2"
                                            style="width: 15px"
                                            v-model="f_detail.chx_x"
                                            disabled
                                            color="red"
                                            hide-details
                                          ></v-checkbox>
                                          <span
                                            class="mono pl-1"
                                            style="font-size: 12px"
                                            >{{
                                              getnamelabel(f_detail.label_x)
                                            }}</span
                                          >
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs4 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          v-model="f_detail.value"
                                          disabled
                                          outline
                                          single-line
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>
                            </v-flex>
                          </v-layout>
                        </v-card>
                      </div>

                      <div
                        v-if="
                          selected_fisikdetail['FisikTemplateType'] === 'K3'
                        "
                        v-for="(k3, idx_k) in k3s"
                        :key="idx_k"
                      >
                        <v-card flat class="mb-2">
                          <v-layout pb-2 row>
                            <v-flex xs12>
                              <v-subheader red--text text--lighten-1>
                                {{ getnamelabel(k3.title) }}

                                <v-flex text-md-right>
                                  <v-btn
                                    v-if="k3.is_notexist === 'Y'"
                                    disabled
                                    style="color: white"
                                    small
                                    color="info"
                                  >
                                    <v-icon class="pr-1" small>check</v-icon>
                                    {{ getnamelabel(k3.label_notexist) }}
                                  </v-btn>
                                  <v-btn
                                    v-if="k3.is_notexist === 'N'"
                                    disabled
                                    style="color: white"
                                    small
                                    color="error"
                                  >
                                    <v-icon class="pr-1" small>close</v-icon>
                                    {{ getnamelabel(k3.label_notexist) }}
                                  </v-btn>
                                </v-flex>
                              </v-subheader>
                              <v-divider class="mb-2"></v-divider>
                              <div v-if="k3.type_form === 'XVV'">
                                <!--<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{riwayat.subtitle}}</v-layout>-->
                                <v-layout
                                  pl-2
                                  pb-1
                                  pt-1
                                  v-for="(k_detail, idk_detail) in k3.details"
                                  :key="'xvv' + idk_detail"
                                  v-if="k3.show_all === 'Y'"
                                  wrap
                                >
                                  <v-flex xs12>
                                    <v-layout align-center row>
                                      <v-flex xs6>
                                        <v-layout align-center>
                                          <v-checkbox
                                            style="width: 15px"
                                            class="mt-0 pt-0 shrink mr-2"
                                            disabled
                                            v-model="k_detail.chx"
                                            color="red"
                                            hide-details
                                          ></v-checkbox>
                                          <span
                                            class="pl-2"
                                            style="font-size: 12px"
                                            >{{
                                              getnamelabel(k_detail.label)
                                            }}</span
                                          >
                                        </v-layout>
                                      </v-flex>
                                      <v-flex xs3 pl-1 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          outline
                                          disabled
                                          v-model="k_detail.value_sumber"
                                          single-line
                                          :placeholder="getnamelabel('Sumber')"
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                      <v-flex xs3 pl-1 pr-2>
                                        <v-text-field
                                          class="mini-input"
                                          style="
                                            font-size: 12px;
                                            margin-top: 0;
                                            padding-top: 0;
                                            line-height: 25px !important;
                                          "
                                          outline
                                          disabled
                                          v-model="k_detail.value_lama"
                                          single-line
                                          :placeholder="
                                            getnamelabel('Lama Pajanan')
                                          "
                                          hide-details
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
                              </div>
                            </v-flex>
                          </v-layout>
                        </v-card>
                      </div>

                      <v-card-actions> </v-card-actions>
                    </v-card>
                  </v-flex>
                </v-layout>
              </v-container>
            </v-card-text>
            <v-card-actions>
              <v-spacer></v-spacer>
              <v-btn color="blue darken-1" flat @click="dialog_template = false"
                >Tutup</v-btn
              >
            </v-card-actions>
          </v-card>
        </v-dialog>
      </v-layout>
    </template>
  </v-layout>
</template>

<style scoped>
.divider.x_step {
  border-color: #fff;
}
.x_form .v-text-field--outline > .v-input__control > .v-input__slot {
  align-items: stretch;
  min-height: 20px !important;
  margin-top: 0;
  line-height: 25px;
}

.x_form .v-text-field--outline.v-text-field--single-line input {
  margin-top: 0px !important;
  font-size: 14px;
}
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;
}
th,
td {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
table.tform tr:nth-child(even) {
  background-color: #eee;
}
table.tform tr:nth-child(odd) {
  background-color: #fff;
}
.thgigi {
  width: 50px !important;
  padding: 5px !important;
  text-align: center;
}
.input_gigi {
  width: 100%;
  border: 1px solid grey;
  font-size: 14px;
  text-align: center;
  line-height: 2;
  text-transform: uppercase;
}
.bggrey {
  background: #eee !important;
}
.background-black {
  background: black;
  color: #fff;
}
.background-teal {
  background: #009688;
  color: #fff;
}
.background-red {
  background: #f44336;
  color: #fff;
}
.background-brown {
  background: #795548;
  color: #fff;
}
.background-yellow-accent-4 {
  background: #ffeb3b;
  color: #fff;
}
.background-info {
  background: #64b5f6;
  color: #fff;
}
.background-purple {
  background: #9c27b0;
  color: #fff;
}
</style>

<script>
module.exports = {
  components: {
    "one-date-picker": httpVueLoader("../../common/oneDatePicker.vue"),
    "one-dialog-print": httpVueLoader("../../common/oneDialogPrintX.vue"),
  },
  data() {
    return {
      riwayats: [],
      fisiks: [],
      k3s: [],
      xcode: "",
      xname: "",
      query: "",
      items: [],
      openprint: false,
      urlprint: "",
      printtitle: "",
      printwidth: 600,
      formatreport: "pdf",
      readonlydefault: false,
      page: 1,
      search_user: "",
      search_test: "",
      userRules: [(v) => !!v || "GroupResult harus dipilih"],
      testRules: [(v) => !!v || "Pemeriksaan harus dipilih"],
      headers: [
        {
          text: "TYPE",
          align: "left",
          sortable: false,
          value: "name",
          width: "20%",
          class: "blue lighten-3 white--text",
        },
        {
          text: "KODE",
          align: "left",
          sortable: false,
          value: "name",
          width: "10%",
          class: "blue lighten-3 white--text",
        },
        {
          text: "NAMA",
          align: "left",
          sortable: false,
          value: "name",
          width: "30%",
          class: "blue lighten-3 white--text",
        },
        {
          text: "STATUS",
          align: "left",
          sortable: false,
          value: "name",
          width: "10%",
          class: "blue lighten-3 white--text",
        },
      ],
      // pagination: {
      //     descending: false,
      //     page: 1,
      //     rowsPerPage: 100,
      //     sortBy: 'Group_ResultReportName ASC',
      //     totalItems: this.$store.state.report.total_transactions
      // },
      color: "success",
      validreport: false,
      xid: 0,
      isinput: "N",
      countprice: 0,
      reportreportid: 0,
      reportxname: "",
      reportlang: "",
      reporttext: "",
      isadvance: "N",
      reportformatadvance: "",
      issenttouser: "N",
      menustartdate: false,
      menuenddate: false,
      date: new Date().toISOString().substr(0, 10),

      dialogdeletealertreport: false,
      dialogverifyalertreport: false,
      dialogreleasealertreport: false,
      alertverify: false,
      dialogunreleasealertreport: false,
      dialogunverifyalertreport: false,
      msgalertreport: "",
      dialog_template: false,
    };
  },
  mounted() {},
  computed: {
    snackbar: {
      get() {
        return this.$store.state.fisik.snackbar;
      },
      set(val) {
        this.$store.commit("fisik/update_snackbar", val);
      },
    },
    selected_filter_flag: {
      get() {
        return this.$store.state.fisikdetail.selected_filter_flag;
      },
      set(val) {
        this.$store.commit("fisikdetail/update_selected_filter_flag", val);
        this.searchFisikDetail();
      },
    },
    f_statuss: {
      get() {
        return this.$store.state.fisikdetail.f_statuss;
      },
      set(val) {
        this.$store.commit("fisikdetail/update_f_statuss", val);
      },
    },
    xfisikdetails() {
      return this.$store.state.fisikdetail.fisikdetails;
    },
    xfisik() {
      return this.$store.state.fisik.selected_fisik;
    },
    // dialogreport() {
    //     return this.$store.state.report.dialog_form_report
    // },
    xerrors() {
      return this.$store.state.report.errors;
    },
    isLoading() {
      return this.$store.state.fisikdetail.lookup_status == 1;
    },
    startComputedDateFormatted() {
      return this.formatDate(this.xstartdate);
    },
    xstartdate: {
      get() {
        return this.$store.state.report.startdate;
      },
      set(val) {
        this.$store.commit("report/update_startdate", val);
      },
    },
    endComputedDateFormatted() {
      return this.formatDate(this.xenddate);
    },
    xenddate: {
      get() {
        return this.$store.state.report.enddate;
      },
      set(val) {
        this.$store.commit("report/update_enddate", val);
      },
    },
    xautotests() {
      return this.$store.state.report.autotests;
    },
    xautotest: {
      get() {
        return this.$store.state.report.autotest;
      },
      set(val) {
        this.$store.commit("report/update_autotest", val);
      },
    },
    xstatuss() {
      return this.$store.state.report.statuss;
    },
    dialogstatusorder() {
      return this.$store.state.report.dialog_status_order;
    },
    xautousers() {
      return this.$store.state.report.autousers;
    },
    xautouser: {
      get() {
        return this.$store.state.report.autouser;
      },
      set(val) {
        this.$store.commit("report/update_autouser", val);
      },
    },
    xsearch: {
      get() {
        return this.$store.state.fisikdetail.x_search;
      },
      set(val) {
        this.$store.commit("fisikdetail/update_x_search", val);
      },
    },
    reportgroup: {
      get() {
        return this.$store.state.report.reportgroup;
      },
      set(val) {
        this.$store.commit("report/update_reportgroup", val);
      },
    },
    reportcode: {
      get() {
        return this.$store.state.report.reportcode;
      },
      set(val) {
        this.$store.commit("report/update_reportcode", val);
      },
    },
    reportname: {
      get() {
        return this.$store.state.report.reportname;
      },
      set(val) {
        this.$store.commit("report/update_reportname", val);
      },
    },
    curr_page: {
      get() {
        return this.$store.state.fisikdetail.current_page;
      },
      set(val) {
        this.$store.commit("fisikdetail/update_current_page", val);
        this.$store.dispatch("fisikdetail/findFisikTemplate", {
          id: this.$store.state.fisik.selected_fisik.id,
          code: this.xcode,
          name: this.xname,
          status: this.selected_filter_flag.value,
          current_page: val,
          lastid: -1,
        });
      },
    },
    xtotal_page: {
      get() {
        return this.$store.state.fisikdetail.total_data;
      },
      set(val) {
        this.$store.commit("fisikdetail/update_total_data", val);
      },
    },
    value_report: {
      get() {
        return this.$store.state.report.value_report;
      },
      set(val) {
        this.$store.commit("report/update_value_report", val);
      },
    },
    new_report: {
      get() {
        return this.$store.state.report.new_report;
      },
      set(val) {
        this.$store.commit("report/update_new_report", val);
      },
    },
    new_reportname: {
      get() {
        return this.$store.state.report.new_reportname;
      },
      set(val) {
        this.$store.commit("report/update_new_reportname", val);
      },
    },
  },
  methods: {
    getDetailTemplate(item) {
      this.riwayats = [];
      this.fisiks = [];
      this.k3s = [];

      var xjson = item.xjson;
      xjson.show_all = "Y";
      if (item.FisikTemplateType === "Riwayat") {
        this.riwayats.push(xjson);
      }

      if (item.FisikTemplateType === "Fisik") {
        this.fisiks.push(xjson);
      }

      if (item.FisikTemplateType === "K3") {
        this.k3s.push(xjson);
      }

      this.dialog_template = true;
    },
    changeStandartBMI(idx_f) {
      var fisiks = this.fisiks;
      var value_x = fisiks[idx_f].standart_bmi;
      var val_now = value_x;
      if (value_x === "who") {
        val_now = "asia_pacific";
      } else if (value_x === "asia_pacific") {
        val_now = "kemenkes";
      } else {
        val_now = "who";
      }
      fisiks[idx_f].standart_bmi = val_now;
    },
    changStandartTensi(idx_f, row) {
      var fisiks = this.fisiks;
      var idx_tensi = _.findIndex(fisiks[idx_f].details, function (o) {
        return o.id_code == "tanda_vital_5";
      });
      var standart = fisiks[idx_f].details[idx_tensi].standart; //=== 'JNC-VII' ? 'JNC-VIII':'JNC-VII'
      if (standart === "JNC-VII") {
        standart = "JNC-VIII";
      } else if (standart === "JNC-VIII") {
        standart = "ESC/ESH";
      } else {
        standart = "JNC-VII";
      }
      fisiks[idx_f].details[idx_tensi].standart = standart;
    },
    getnamelabel(kata) {
      //var lang_id = this.$store.state.sample.sellang.id
      //var words = this.$store.state.sample.words
      //var row_word = _.filter(words, function(o) { return o.Translate_WordNat_LangID === lang_id && o.Translate_WordFrom.toLowerCase() === kata.toLowerCase() })

      //if(row_word.length > 0)
      //return row_word[0].Translate_WordTo
      // else
      return kata;
    },
    generate_rows(details) {
      var riwayats = details;
      var row_riwayats = [];
      var rows = [];
      riwayats.forEach(function (item, index) {
        rows.push(item);
        if (index % 2 !== 0 || index === riwayats.length - 1) {
          row_riwayats.push(rows);
          rows = [];
        }
      });
      return row_riwayats;
    },
    changeFlagNormal(idx) {
      var riwayats = this.$store.state.sample.riwayats;
      var old_val = riwayats[idx].flag_normal;
      riwayats[idx].flag_normal = old_val === "Y" ? "N" : "Y";
      if (riwayats[idx].flag_normal === "Y") {
        riwayats[idx].details.forEach((item) => (item.chx = false));
        riwayats[idx].details.forEach((item) => (item.value = ""));
      }
      this.$store.commit("sample/update_riwayats", riwayats);
    },
    toggleDetailRiwayat(idx) {
      var riwayats = this.$store.state.sample.riwayats;
      var old_val = riwayats[idx].show_all;
      riwayats[idx].show_all = old_val === "Y" ? "N" : "Y";
      this.$store.commit("sample/update_riwayats", riwayats);
    },
    toggleDetailFisik(idx) {
      var fisiks = this.$store.state.sample.fisiks;
      var old_val = fisiks[idx].show_all;
      fisiks[idx].show_all = old_val === "Y" ? "N" : "Y";
      this.$store.commit("sample/update_fisiks", fisiks);
    },
    toggleDetailK3(idx) {
      var k3s = this.$store.state.sample.k3s;
      var old_val = k3s[idx].show_all;
      k3s[idx].show_all = old_val === "Y" ? "N" : "Y";
      this.$store.commit("sample/update_k3s", k3s);
    },
    isSelected(p) {
      return p.id == this.$store.state.fisikdetail.selected_fisikdetail.id;
    },
    selectMe(sc) {
      this.$store.commit("fisikdetail/update_selected_fisikdetail", sc);
    },
    updateDialogFormReport() {
      this.$store.commit("report/update_dialog_form_report", false);
    },
    updateDialogStatusOrder() {
      this.$store.commit("report/update_dialog_status_order", false);
    },
    setStatusOrder(val) {
      this.$store.commit("report/update_reports", {});
      this.$store.commit("report/update_dialog_status_order", true);
      this.$store.commit("report/update_statuss", val.statuss);
    },
    doPriceList(val) {
      var id = val.id;
      location.replace("/one-ui/user/vuex/one-md-price/" + "?id=" + id);
    },
    doPrice() {
      var id = this.xid;
      location.replace("/one-ui/user/vuex/one-md-price/" + "?id=" + id);
    },
    thr_search_user: _.debounce(function () {
      this.$store.dispatch("report/searchuser", {
        tes: this.search_user,
      });
    }, 200),
    thr_search_test: _.debounce(function () {
      this.$store.dispatch("report/searchtest", {
        search: this.search_test,
      });
    }, 200),
    thr_search: _.debounce(function () {
      this.$store.dispatch("fisikdetail/findFisikTemplate", {
        id: this.$store.state.fisik.selected_fisik.id,
        name: this.xname,
        current_page: 1,
        lastid: -1,
      });
    }, 200),
    searchFisikDetail() {
      this.$store.dispatch("fisikdetail/findFisikTemplate", {
        id: this.$store.state.fisik.selected_fisik.id,
        name: this.xname,
        current_page: 1,
        status: this.selected_filter_flag.value,
        lastid: -1,
      });
    },
    doPrint() {
      this.printwidth = 1028;
      this.printtitle = "";
      let report = one_report();
      var id = this.xid;
      var d = new Date();
      var n = d.getTime();
      var rptname = "user_price";
      var formatrpt = this.formatreport;

      this.urlprint =
        "/birt/run?__report=report/onelab/md/" +
        rptname +
        ".rptdesign&__format=" +
        formatrpt +
        "&PReportID=" +
        id +
        "&reportxname=" +
        report.Group_ResultReportReportname +
        "&tm=" +
        n;

      this.openprint = true;
    },
    closePrint() {
      this.openprint = false;
    },
    changeDetail(value) {
      var details = this.$store.state.report.reports;
      var idx = _.findIndex(details, function (o) {
        return (
          o.Nat_NormalValueID == value.Nat_NormalValueID &&
          o.Nat_ReportUserID == value.Nat_ReportUserID
        );
      });
      details[idx].Nat_ReportUserReportIna = value.Nat_ReportUserReportIna;
      details[idx].Nat_ReportUserReportEng = value.Nat_ReportUserReportEng;
      this.$store.commit("report/update_reports", details);
    },
    savedetail() {
      var prm = {
        details: this.$store.state.report.reports,
      };
      this.$store.dispatch("report/saveallreportdetail", prm);
    },
    insertNewReport() {
      var prm = {
        xid: 0,
        userid: this.$store.state.user.selected_user.id,
        reportgroup: this.reportgroup,
        reportcode: this.new_report,
        reportname: this.new_reportname,
        filterstatus: this.selected_filter_status.M_StatusID,
        current_page: this.curr_page,
      };
      this.$store.dispatch("report/save", prm);
      this.new_report = "";
      this.new_reportname = "";
    },
    saveReportNew() {
      var prm = {
        id: 0,
        value: this.value_new_report,
        valueeng: this.new_reportname,
      };
      this.$store.dispatch("report/savelistingreport", prm);
    },
    changeBtnFlag(value,status) {
      var newval = status;
      var prm = value;
      prm.status = newval;
      prm.name = value.R_ReportName;
      prm.templatemappingID = this.$store.state.fisik.selected_fisik.id;
      prm.code = this.xcode;
      prm.name = this.xname;
      prm.current_page = this.curr_page;

      this.$store.dispatch(
        "fisikdetail/saveAddFisikTemplateMappingDetail",
        prm
      );
    },
    openFormReport(val) {
      this.xid = val;
      this.$store.commit("report/update_autotests", []);
      this.$store.commit("report/update_autotest", {});
      this.$store.commit("report/update_dialog_form_report", true);
    },
    editFormReport(val) {
      this.xid = val.id;
      this.$store.commit("report/update_autousers", [
        {
          Group_ResultID: val.Group_ResultID,
          Group_ResultName: val.Group_ResultName,
        },
      ]);
      this.$store.commit("report/update_autouser", {
        Group_ResultID: val.Group_ResultID,
        Group_ResultName: val.Group_ResultName,
      });

      this.$store.commit("report/update_autotests", [
        {
          T_TestID: val.T_TestID,
          T_TestName: val.T_TestName,
        },
      ]);
      this.$store.commit("report/update_autotest", {
        T_TestID: val.T_TestID,
        T_TestName: val.T_TestName,
      });
      this.$store.commit("report/update_dialog_form_report", true);
    },
    checkError(value) {
      var errors = this.$store.state.report.errors;
      if (errors.includes(value)) {
        return true;
      } else {
        return false;
      }
    },
    saveFormReport() {
      if (this.$refs.formuserreport.validate()) {
        this.$store.dispatch("report/save", {
          xid: this.xid,
          userid: this.xautouser
            ? this.$store.state.report.autouser.Group_ResultID
            : 0,
          username: this.$store.state.report.autouser.Group_ResultName,
          testid: this.xautotest
            ? this.$store.state.report.autotest.T_TestID
            : 0,
          testname: this.xautotest
            ? this.$store.state.report.autotest.T_TestName
            : "",
          suser: this.$store.state.user.x_search,
          sreport: this.xsearch,
        });
      }
    },
    set_date2(x) {
      this.startdate = x.new_date;
    },
    set_date3(x) {
      this.enddate = x.new_date;
    },
    formatDate(date) {
      if (!date) return null;

      const [year, month, day] = date.split("-");
      return `${day}-${month}-${year}`;
    },
    deFormatedDate(date) {
      if (!date) return null;

      const [day, month, year] = date.split("-");
      return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
    },
    updateAlert_success(val) {
      this.$store.commit("user/update_alert_success", val);
    },
    deleteFormReport(data) {
      this.xid = data.id;

      this.msgalertreport = "Yakin, mau hapus report ini?";
      this.dialogdeletealertreport = true;
    },
    closeDeleteAlertReport() {
      this.$store.dispatch("report/delete", {
        xid: this.xid,
        userid: this.$store.state.report.autouser.Group_ResultID,
        username: this.$store.state.report.autouser.Group_ResultName,
        testid: this.xautotest ? this.$store.state.report.autotest.T_TestID : 0,
        testname: this.xautotest
          ? this.$store.state.report.autotest.T_TestName
          : "",
        suser: this.$store.state.user.x_search,
        sreport: this.xsearch,
      });
      this.dialogdeletealertreport = false;
    },
  },
  watch: {
    xsearch(val, old) {
      this.xsearch = val;
      this.thr_search();
    },
    search_user(val, old) {
      if (val == old) return;
      if (!val) return;
      if (val.length < 1) return;
      if (this.$store.state.report.update_autocomplete_status == 1) return;
      this.thr_search_user();
    },
    search_test(val, old) {
      if (val == old) return;
      if (!val) return;
      if (val.length < 1) return;
      if (this.$store.state.report.update_autocomplete_status == 1) return;
      this.thr_search_test();
    },
  },
};
</script>
