<script setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';
import { useState } from 'src/composables/useState';
import VnNotes from 'src/components/ui/VnNotes.vue';

const route = useRoute();
const state = useState();
const user = state.getUser();

const $props = defineProps({
    id: { type: Number, default: null },
    addNote: { type: Boolean, default: true },
});
const claimId = computed(() => $props.id || route.params.id);

const claimFilter = {
    where: { claimFk: claimId.value },
    fields: ['created', 'workerFk', 'text'],
    include: {
        relation: 'worker',
        scope: {
            fields: ['id', 'firstName', 'lastName'],
            include: {
                relation: 'user',
                scope: {
                    fields: ['id', 'nickname'],
                },
            },
        },
    },
};

const body = {
    claimFk: claimId.value,
    workerFk: user.value.id,
};
</script>
<template>
    <VnNotes
        style="overflow-y: auto"
        :add-note="$props.addNote"
        url="claimObservations"
        :filter="claimFilter"
        :body="body"
    />
</template>
