<script setup lang="ts">
const props = defineProps<{
  rec: any
  idx?: number
}>()
</script>

<template>
  <table>
    <tbody>
      <tr>
        <td><b>S : </b></td>
        <td>{{ props.rec.result.s }}</td>
      </tr>
    </tbody>
  </table>
  <Separator class="my-3" />
  <table>
    <tbody>
      <tr>
        <td><b>O : </b></td>
        <td>{{ props.rec.result.o }}</td>
      </tr>
    </tbody>
  </table>
  <Separator class="my-3" />
  <table>
    <tbody>
      <tr>
        <td><b>A : </b></td>
        <td>{{ props.rec.result.a }}</td>
      </tr>
    </tbody>
  </table>
  <Separator class="my-3" />
  <div>
    <h1><b>P : </b></h1>
    <ul class="pl-5 list-disc space-y-1">
      <li>
        <h1><b>Goal of Treatment</b></h1>
        <p>{{ props.rec.result.p.goal }}</p>
      </li>
      <li>
        <h1><b>Tindakan/Program Rehabilitasi Medik</b></h1>
        <p>{{ props.rec.result.p.action }}</p>
      </li>
      <li>
        <h1><b>Edukasi</b></h1>
        <p>{{ props.rec.result.p.education }}</p>
      </li>
      <li>
        <h1><b>Frekuensi Kunjungan</b></h1>
        <p>{{ props.rec.result.p.frequency }} x Perminggu</p>
      </li>
    </ul>
  </div>
  <Separator class="my-3" />
  <table>
    <tbody>
      <tr>
        <td><b>Rencana Tindak Lanjut : </b></td>
        <td>{{ props.rec.result.plan }} - {{ props.rec.result.planDesc }}</td>
      </tr>
    </tbody>
  </table>
</template>