<script setup>
const props = defineProps({
  row: Object,
});

const { $dayjs } = useNuxtApp();
</script>
<template>
  <tr>
    <td>{{ row.empcode }}</td>
    <td>{{ row.empname }}</td>
    <td>{{ $dayjs(row.date).format('DD/MM/YYYY') }}</td>
    <td>{{ row.checkin ? $dayjs(row.checkin).format('HH:mm') : '-' }}</td>
    <td>{{ row.checkout ? $dayjs(row.checkout).format('HH:mm') : '-' }}</td>
    <td>{{ row.duration ? row.duration + ' giờ' : '-' }}</td>
    <td>
      <span class="tag">{{ row.status }}</span>
    </td>
  </tr>
</template>
