<script
    setup
    lang="ts"
>
    import MenuPanelInputField from 'src/modules/profile/components/shared/menu-panel-input-field.vue';

    import { useEmployeeStore } from 'src/stores/employee-store';

    const employee_store = useEmployeeStore();
</script>

<template>
    <div class="column q-pa-md full-height">  
            <MenuPanelInputField
                v-model="employee_store.employee.job_title"
                class="col-auto"
                :label-string="$t('profile.employee.job_title')"
            />
            <MenuPanelInputField
                v-model="employee_store.employee.company_name"
                class="col-auto"
                :label-string="$t('profile.employee.company')"
            />
            <MenuPanelInputField
                v-model="employee_store.employee.supervisor_full_name"
                class="col-auto"
                :label-string="$t('profile.employee.supervisor')"
            />
            <MenuPanelInputField
                v-model="employee_store.employee.email"
                class="col-auto"
                :label-string="$t('profile.employee.email')"
            />
            <MenuPanelInputField
                v-model="employee_store.employee.first_work_day"
                class="col-auto"
                :label-string="$t('profile.employee.hired_date')"
            />
        
        <!-- DEV NOTE: May revisit later for changes by employee that will need approval -->
        <!-- <div
            v-if="CAN_APPROVE_PAY_PERIODS.includes(auth_store.user?.role ?? 'GUEST')"
            class="absolute-bottom"
            :class="$q.screen.lt.md ? 'column' : 'row'"
        >
            <q-space />
            <q-btn
                v-if="is_editing"
                push
                color="negative"
                type="reset"
                icon="cancel"
                class="q-ma-sm q-py-xs"
                :label="$t('shared.label.cancel')"
            />
            <q-btn
                push
                color="accent"
                type="submit"
                :icon="is_editing ? 'save_alt' : 'create'"
                class="q-ma-sm q-py-xs"
                :label="is_editing ? $t('shared.label.save') : $t('shared.label.update')"
            />
        </div> -->
    </div>
</template>