<script setup>
import AppLayout from "../../Layouts/AppLayout.vue";
import ReportForm from "./Components/ReportForm.vue";
import {useReportStore} from "../../Stores/report.js";
import {computed, onMounted} from "vue";
import {useAuthStore} from "../../Stores/auth.js";

const reportStore = useReportStore()
const authStore = useAuthStore()

onMounted(async () => {
    await reportStore.getReportInfo()
})

const mode = computed(() => {
    if (authStore.isHeadOfDepartment)
        return 'readonly'
    return 'fillable'
})

</script>

<template>
    <AppLayout>
        <ReportForm :mode />
    </AppLayout>
</template>
