<script setup lang="ts"></script>

<template>
  <div class="toptitle text-dark col-12 row items-center">
    รายงานเครื่องราชอิสริยาภรณ์
  </div>
  <div>
    <q-card flat bordered class="col-12 q-mt-sm">
      <div class="q-pa-md">
        <q-item to="/coin/coinReport/detail" dense class="hover-green">
          <q-item-section avatar>
            <q-icon color="primary" name="mdi-file" size="xs" />
          </q-item-section>
          <q-item-section class="text-dark">
            บัญชีแสดงจำนวนชั้นตราเหรียนจักรพรรดิมาลา
            ซึ่งขอพระราชทานให้เเก่ข้าราชการ
          </q-item-section>
        </q-item>

        <q-item to="/coin/coinReport/detail" dense class="hover-green">
          <q-item-section avatar>
            <q-icon color="primary" name="mdi-file" size="xs" />
          </q-item-section>
          <q-item-section class="text-dark">
            บันทึกรายชื่อข้าราชการผู้ขอพระราชทานเหรียญจักรพรรคดิมาลาและประวัติข้าราชการสามัญฯ
          </q-item-section>
        </q-item>
      </div>
    </q-card>
  </div>
</template>

<style lang="scss" scope>
.hover-green:hover {
  background-color: $teal-1;
}
</style>
