{"version":3,"sources":["webpack:///./src/views/management/modals/EditInvoice.vue","webpack:///./src/views/management/modals/EditInvoice.vue?f61d","webpack:///./src/views/management/modals/EditInvoice.vue?2dba","webpack:///./src/views/management/modals/EditInvoice.vue?b6ac","webpack:///./src/views/student/Student.vue","webpack:///./src/core/helpers/student.ts","webpack:///./src/views/student/Student.vue?1e65","webpack:///./src/views/student/Student.vue?f717","webpack:///./src/views/management/modals/EditInvoice.vue?6fb5","webpack:///./src/types/AddressModel.ts","webpack:///./src/types/StudentModel.ts"],"names":["class","id","tabindex","aria-hidden","style","invoiceId","data-bs-dismiss","resetForm","src","model","invoiceData","rules","ref","prop","invoice_date","type","start-placeholder","format","selectedStudent","fetch-suggestions","getStudent","clearable","placeholder","selectStudent","scope","item","first_name","last_name","student_id","finance_records","length","record","key","value","moment","record_date","record_type","amount","toLocaleString","currency","payment_method","payment_type","payment_memo","title","removeFromInvoice","data","financeRecordList","records","max-height","width","label","row","addToInvoice","memo","submit","loading","name","components","props","Number","students","emits","emit","store","formRef","user","getters","currentUser","getAvailableFinancerecords","Promise","resolve","reject","ApiService","setHeader","get","then","sortByRecordDate","catch","response","console","log","Error","errors","setEmptyInvoiceData","invoice_records","user_id","student","studentObj","Object","assign","cur","prev","setDefaultInvoiceStudent","getInvoice","financeRecords","map","x","finance_record","filter","y","undefined","queryString","callback","selectedList","toLowerCase","includes","push","index","findIndex","d","splice","sort","a","b","Date","parse","required","message","trigger","editInvoice","formData","update","fire","text","icon","buttonsStyling","confirmButtonText","customClass","confirmButton","post","invoice_id","record_id","validate","valid","closeEditBtn","document","getElementById","click","render","__scopeId","alt","href","data-kt-countup","data-kt-countup-value","data-kt-countup-prefix","profileDetails","photoUrl","status","admission_category","email","phone","data-bs-toggle","data-bs-target","totalReceivable","session","attendanceRate","agent","to","active-class","setStudentProfile","studentProfile","dispatch","SET_STUDENTPROFILE_ACTION","CreateInvoice","route","params","getStudentProfile","address","getProfilePhotoUrl","getStudentTotalReceivable","getSubjects","today","currentData","subject","level","program","semester","start_date","end_date","code","localeCompare","sumOfAttendanceRate","attendance_rate","reduce","curr","Math","floor","photo_id","url","setStudentProfileDetail","Address","BalanceFilterType","ProfileDetails","this"],"mappings":"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","file":"js/chunk-0f24b855.f739ab09.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"modal_edit_invoice\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-1000px\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h2>\r\n                <span v-if=\"invoiceId===0\" >Create</span>\r\n                <span v-else>Edit</span> invoice\r\n            </h2>\r\n\r\n          <div\r\n            class=\"btn btn-sm btn-icon btn-active-color-primary\"\r\n            data-bs-dismiss=\"modal\"\r\n            @click=\"resetForm()\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"modal-body py-lg-10 px-lg-10\">\r\n          <el-form\r\n            id=\"edit_invoice_form\"\r\n            :model=\"invoiceData\"\r\n            :rules=\"rules\"\r\n            ref=\"formRef\"\r\n            class=\"form\"\r\n          >\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span class=\"required\">Date</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"invoice_date\">\r\n                  <el-date-picker\r\n                    v-model=\"invoiceData.invoice_date\"\r\n                    type=\"date\"\r\n                    start-placeholder=\"invoice date\"\r\n                    format=\"MM/DD/YYYY\"\r\n                    >\r\n                  </el-date-picker>\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span>Student</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"student\">\r\n                  <el-autocomplete\r\n                    class=\"form-select-solid\"\r\n                    v-model=\"selectedStudent\"\r\n                    :fetch-suggestions=\"getStudent\"\r\n                    :clearable=\"true\"\r\n                    placeholder=\"Enter student name or id\"\r\n                    @select=\"selectStudent\">\r\n                    <template v-slot=\"scope\">\r\n                      {{ scope.item.first_name +\" \"+ scope.item.last_name +\"(\"+scope.item.student_id+\")\"}}\r\n                  </template>\r\n                  </el-autocomplete>\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span>Finance transactions</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"finance_records\" v-if=\"invoiceData.student_id\">\r\n                    <div v-if=\"invoiceData.finance_records.length >0\">\r\n                        <span style=\"font-size: 15px; color: blue; font-weight: 700;\">Selected transactions</span>\r\n                        <div style=\"max-height:250px;width:100%;background-color: #dce7eb;padding:8px;padding-left:15px;padding-right:15px;margin-top: -5px;overflow:scroll;\">\r\n                            <div v-for=\"record in invoiceData.finance_records\" :key=\"record.id\" :value=\"record.id\" style=\"display: flex;width: 100%;line-height: 32px;\">\r\n                                {{moment(record.record_date).format('MM/DD/YYYY')}} {{record.record_type}} {{record.amount.toLocaleString(\"en-US\", {style: \"currency\", currency: \"USD\"})}} {{record.payment_method}} {{record.payment_type}} {{record.payment_memo}}\r\n                            <img src=\"/media/icons/duotune/general/gen042.svg\" class=\"svg-icon svg-icon-2x svg-icon-primary cursor-pointer\" title=\"Remove\"\r\n                                    style=\"width:20px;\"\r\n                                    @click=\"removeFromInvoice(record)\"/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <el-table\r\n                        :data=\"financeRecordList.records\"\r\n                        :max-height=\"250\"\r\n                        style=\"width: 100%;margin-top:10px;\">\r\n                        <el-table-column width=\"110\"\r\n                            prop=\"date\"\r\n                            label=\"Date\">\r\n                            <template v-slot=\"scope\">\r\n                                {{moment(scope.row.record_date).format('MM/DD/YYYY')}}\r\n                            </template>\r\n                        </el-table-column>\r\n                        <el-table-column width=\"110\"\r\n                            prop=\"record_type\"\r\n                            label=\"Type\">\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            prop=\"amount\"\r\n                            label=\"Amount\">\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            prop=\"payment_method\"\r\n                            label=\"Method\">\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            prop=\"payment_type\"\r\n                            label=\"Category\">\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            prop=\"memo\"\r\n                            label=\"Memo\">\r\n                        </el-table-column>\r\n                        <el-table-column width=\"50\">\r\n                            <template v-slot=\"scope\">\r\n                                <img src=\"/media/icons/duotune/general/gen041.svg\" class=\"svg-icon svg-icon-2x svg-icon-primary cursor-pointer\" title=\"Add\"\r\n                                    style=\"width:20px;\"\r\n                                    @click=\"addToInvoice(scope.row)\"/>\r\n                            </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                </el-form-item>\r\n                <span v-else>Select student</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span>Memo</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"memo\">\r\n                <input\r\n                    v-model=\"invoiceData.memo\"\r\n                    style=\"width:100%;\"\r\n                    class=\"form-control form-control-lg form-control-solid\"\r\n                />\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <div class=\"text-center\">\r\n              <button\r\n                id=\"close_invoice_button\"\r\n                class=\"btn btn-white me-3\"\r\n                data-bs-dismiss=\"modal\"\r\n                @click=\"resetForm()\"\r\n              >\r\n                Cancel\r\n              </button>\r\n\r\n              <el-button type=\"primary\" @click=\"submit()\" :loading=\"loading\">\r\n                {{ loading ? \"Please wait...\" : \"Submit\" }}\r\n              </el-button>\r\n            </div>\r\n            </el-form>\r\n          </div>\r\n        </div>\r\n      <!--end::Modal content-->\r\n    </div>\r\n    <!--end::Modal dialog-->\r\n  </div>\r\n  <!--end::Modal - Create App-->\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.el-input--suffix .el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n\r\n.el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n</style>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onBeforeMount, reactive, ref, toRefs, watch } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { useStore } from \"vuex\";\r\nimport moment from \"moment\";\r\nimport { useFieldValue } from \"vee-validate\";\r\n\r\nexport default defineComponent({\r\n  name: \"edit-invoice-modal\",\r\n  components: {\r\n  },\r\n  props:{\r\n    invoiceId : Number,\r\n    students: [] as any\r\n  },\r\n  emits: ['getInvoices', 'updateInvoiceId'],\r\n  setup(props, {emit}) {\r\n    const store = useStore();\r\n    const { students, invoiceId } = toRefs(props);\r\n    const formRef = ref<null | HTMLFormElement>(null);\r\n    const loading = ref<boolean>(false);\r\n    const user = store.getters.currentUser;\r\n    const selectedStudent = ref('');\r\n    const invoiceData = ref({} as any);\r\n    const financeRecordList = reactive({records : [] as any});\r\n\r\n    const resetForm = () =>{\r\n      emit(\"updateInvoiceId\", 0);\r\n      invoiceData.value = {};\r\n    }\r\n\r\n    const getAvailableFinancerecords = async (student_id : number) => {\r\n        await new Promise((resolve, reject) => {\r\n            ApiService.setHeader();\r\n            ApiService.get(\"finance/records/invoice/\"+student_id)\r\n                .then(({ data }) => {\r\n                    financeRecordList.records = data.data;\r\n                    sortByRecordDate();\r\n                    resolve(data.data);\r\n                })\r\n                .catch(({ response }) => {\r\n                  console.log(response);\r\n                    reject(new Error ('getAvailableFinancerecords error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    const selectStudent = async(item) => {\r\n      if(item){\r\n        invoiceData.value.student_id = item.id;\r\n        selectedStudent.value = item.first_name +\" \"+ item.last_name +\"(\"+item.student_id+\")\";\r\n        await getAvailableFinancerecords(item.id).then(()=>{\r\n          invoiceData.value.finance_records = [];\r\n        });\r\n      }\r\n    }\r\n\r\n    const setEmptyInvoiceData = () =>{\r\n        invoiceData.value = {\r\n            invoice_date  :'',\r\n            student_id : Number(),\r\n            invoice_records : [] as any,\r\n            finance_records : [] as any,\r\n            memo  :'',\r\n            user_id: user.id,\r\n            student: {} as any\r\n        };\r\n\r\n        if(props.students.length == 1){\r\n          let studentObj = Object.assign({},props.students[0]);\r\n          selectStudent(studentObj);\r\n        }\r\n        else{\r\n          selectedStudent.value = '';\r\n          financeRecordList.records = [];\r\n        }\r\n    }\r\n\r\n    watch(() => props.invoiceId, async(cur, prev)=>{\r\n        await setDefaultInvoiceStudent(props.invoiceId);\r\n    })\r\n\r\n    watch(() => props.students, async(cur, prev)=>{\r\n        await setDefaultInvoiceStudent(props.invoiceId);\r\n    })\r\n\r\n    const setDefaultInvoiceStudent = async(id) =>{\r\n        if(id && id > 0 ){\r\n            getInvoice(id).then(()=>{\r\n                const financeRecords = [...invoiceData.value.invoice_records.map(x=>x.finance_record)];\r\n                selectStudent(invoiceData.value.student).then(() =>{\r\n                  invoiceData.value.finance_records = [...financeRecords];\r\n                  financeRecordList.records = financeRecordList.records.filter(x=> invoiceData.value.finance_records.filter(y=>y.id == x.id).length == 0);\r\n                });\r\n            });\r\n        }\r\n        else{\r\n            setEmptyInvoiceData();\r\n        }\r\n    }\r\n    \r\n    const getInvoice = async (id : number) => {\r\n        return new Promise((resolve, reject) => {\r\n            ApiService.setHeader();\r\n            ApiService.get(\"invoice/\"+id)\r\n                .then(({ data }) => {\r\n                    Object.assign(invoiceData.value,data.data);\r\n                    resolve('done');\r\n                })\r\n                .catch(({ response }) => {\r\n                    reject(new Error ('getInvoice error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    if(invoiceId.value !== undefined && invoiceId.value !== 0){\r\n        getInvoice(invoiceId.value).then(async() =>{\r\n            await getAvailableFinancerecords(invoiceData.value.student_id);\r\n        });\r\n    }\r\n    else{\r\n        setEmptyInvoiceData();\r\n    }\r\n\r\n    const getStudent=(queryString, callback)=>{\r\n        let selectedList = students.value.filter(data => (!queryString \r\n                            || (data.first_name +\" \"+ data.last_name +\"(\"+data.student_id+\")\").toLowerCase().includes(queryString.toLowerCase())));\r\n        callback(selectedList);\r\n    }\r\n\r\n    const addToInvoice = (row) => {\r\n        invoiceData.value.finance_records.push(row);\r\n        sortByRecordDate();\r\n        let index = financeRecordList.records.findIndex(d => d.id === row.id);\r\n        financeRecordList.records.splice(index,1);  \r\n    }\r\n\r\n    const removeFromInvoice = (row) => {\r\n        financeRecordList.records.push(row);\r\n        sortByRecordDate();\r\n        let index = invoiceData.value.finance_records.findIndex(d => d.id === row.id);\r\n        invoiceData.value.finance_records.splice(index,1);\r\n    }\r\n\r\n    const sortByRecordDate = () =>{\r\n        financeRecordList.records.sort(function(a,b) { \r\n                    if(a.id == b.id) return 0;\r\n\r\n                    if (Date.parse(a.record_date!) < Date.parse(b.record_date!))\r\n                        return 1;\r\n                    if (Date.parse(a.record_date!) > Date.parse(b.record_date!))\r\n                        return -1;\r\n                    return 0;\r\n                });\r\n    }\r\n\r\n    const rules = ref({\r\n      student_id: [\r\n        {\r\n          required: true,\r\n          message: \"Please select student\",\r\n          trigger: \"blur\",\r\n        },\r\n      ],\r\n      finance_records: [\r\n        {\r\n          required: true,\r\n          message: \"Please select finance records\",\r\n          trigger: \"change\",\r\n        },\r\n      ]\r\n    });\r\n\r\n    const editInvoice = async (formData) => {\r\n        delete formData.finance_records;\r\n        ApiService.setHeader();\r\n        if(invoiceId.value !== undefined && invoiceId.value !==0)\r\n        {\r\n            ApiService.update(\"invoice\", invoiceId.value, formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('editInvoice error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to edit invoice\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n        else\r\n        {\r\n            ApiService.post(\"invoice\", formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('createInvoice error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to create the new invoice\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n    }\r\n\r\n    const submit = () => {\r\n      if (!formRef.value) {\r\n        return;\r\n      }\r\n\r\n      invoiceData.value.invoice_records = [...invoiceData.value.finance_records.map(x=>{return {invoice_id: invoiceId.value, record_id: x.id};})]\r\n      formRef.value.validate((valid) => {\r\n        if (valid) {\r\n          loading.value = true;\r\n          editInvoice(invoiceData.value).then(() => {\r\n            Swal.fire({\r\n              text: \"Form has been successfully submitted!\",\r\n              icon: \"success\",\r\n              buttonsStyling: false,\r\n              confirmButtonText: \"Ok, got it!\",\r\n              customClass: {\r\n                confirmButton: \"btn btn-primary\",\r\n              },\r\n            }).then(() => {\r\n              loading.value = false;\r\n              emit('getInvoices');\r\n              let closeEditBtn = document.getElementById('close_invoice_button');\r\n              closeEditBtn?.click();\r\n            });\r\n          });\r\n        } else {\r\n          Swal.fire({\r\n            text: \"Please fill out all required fields\",\r\n            icon: \"error\",\r\n            buttonsStyling: false,\r\n            confirmButtonText: \"Ok, got it!\",\r\n            customClass: {\r\n              confirmButton: \"btn btn-primary\",\r\n            },\r\n          });\r\n          return false;\r\n        }\r\n      });\r\n    };\r\n\r\n    return {\r\n      invoiceData,\r\n      submit,\r\n      rules,\r\n      loading,\r\n      formRef,\r\n      getStudent,\r\n      selectStudent,\r\n      selectedStudent,\r\n      financeRecordList,\r\n      moment,\r\n      addToInvoice,\r\n      removeFromInvoice,\r\n      resetForm\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n* >>> .el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n* >>> .el-table td {\r\n    padding: 5px;\r\n    font-size: 13px;\r\n}\r\n\r\n* >>> .el-table th {\r\n    padding: 5px;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n}\r\n</style>","\r\nimport { defineComponent, onBeforeMount, reactive, ref, toRefs, watch } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { useStore } from \"vuex\";\r\nimport moment from \"moment\";\r\nimport { useFieldValue } from \"vee-validate\";\r\n\r\nexport default defineComponent({\r\n  name: \"edit-invoice-modal\",\r\n  components: {\r\n  },\r\n  props:{\r\n    invoiceId : Number,\r\n    students: [] as any\r\n  },\r\n  emits: ['getInvoices', 'updateInvoiceId'],\r\n  setup(props, {emit}) {\r\n    const store = useStore();\r\n    const { students, invoiceId } = toRefs(props);\r\n    const formRef = ref<null | HTMLFormElement>(null);\r\n    const loading = ref<boolean>(false);\r\n    const user = store.getters.currentUser;\r\n    const selectedStudent = ref('');\r\n    const invoiceData = ref({} as any);\r\n    const financeRecordList = reactive({records : [] as any});\r\n\r\n    const resetForm = () =>{\r\n      emit(\"updateInvoiceId\", 0);\r\n      invoiceData.value = {};\r\n    }\r\n\r\n    const getAvailableFinancerecords = async (student_id : number) => {\r\n        await new Promise((resolve, reject) => {\r\n            ApiService.setHeader();\r\n            ApiService.get(\"finance/records/invoice/\"+student_id)\r\n                .then(({ data }) => {\r\n                    financeRecordList.records = data.data;\r\n                    sortByRecordDate();\r\n                    resolve(data.data);\r\n                })\r\n                .catch(({ response }) => {\r\n                  console.log(response);\r\n                    reject(new Error ('getAvailableFinancerecords error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    const selectStudent = async(item) => {\r\n      if(item){\r\n        invoiceData.value.student_id = item.id;\r\n        selectedStudent.value = item.first_name +\" \"+ item.last_name +\"(\"+item.student_id+\")\";\r\n        await getAvailableFinancerecords(item.id).then(()=>{\r\n          invoiceData.value.finance_records = [];\r\n        });\r\n      }\r\n    }\r\n\r\n    const setEmptyInvoiceData = () =>{\r\n        invoiceData.value = {\r\n            invoice_date  :'',\r\n            student_id : Number(),\r\n            invoice_records : [] as any,\r\n            finance_records : [] as any,\r\n            memo  :'',\r\n            user_id: user.id,\r\n            student: {} as any\r\n        };\r\n\r\n        if(props.students.length == 1){\r\n          let studentObj = Object.assign({},props.students[0]);\r\n          selectStudent(studentObj);\r\n        }\r\n        else{\r\n          selectedStudent.value = '';\r\n          financeRecordList.records = [];\r\n        }\r\n    }\r\n\r\n    watch(() => props.invoiceId, async(cur, prev)=>{\r\n        await setDefaultInvoiceStudent(props.invoiceId);\r\n    })\r\n\r\n    watch(() => props.students, async(cur, prev)=>{\r\n        await setDefaultInvoiceStudent(props.invoiceId);\r\n    })\r\n\r\n    const setDefaultInvoiceStudent = async(id) =>{\r\n        if(id && id > 0 ){\r\n            getInvoice(id).then(()=>{\r\n                const financeRecords = [...invoiceData.value.invoice_records.map(x=>x.finance_record)];\r\n                selectStudent(invoiceData.value.student).then(() =>{\r\n                  invoiceData.value.finance_records = [...financeRecords];\r\n                  financeRecordList.records = financeRecordList.records.filter(x=> invoiceData.value.finance_records.filter(y=>y.id == x.id).length == 0);\r\n                });\r\n            });\r\n        }\r\n        else{\r\n            setEmptyInvoiceData();\r\n        }\r\n    }\r\n    \r\n    const getInvoice = async (id : number) => {\r\n        return new Promise((resolve, reject) => {\r\n            ApiService.setHeader();\r\n            ApiService.get(\"invoice/\"+id)\r\n                .then(({ data }) => {\r\n                    Object.assign(invoiceData.value,data.data);\r\n                    resolve('done');\r\n                })\r\n                .catch(({ response }) => {\r\n                    reject(new Error ('getInvoice error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    if(invoiceId.value !== undefined && invoiceId.value !== 0){\r\n        getInvoice(invoiceId.value).then(async() =>{\r\n            await getAvailableFinancerecords(invoiceData.value.student_id);\r\n        });\r\n    }\r\n    else{\r\n        setEmptyInvoiceData();\r\n    }\r\n\r\n    const getStudent=(queryString, callback)=>{\r\n        let selectedList = students.value.filter(data => (!queryString \r\n                            || (data.first_name +\" \"+ data.last_name +\"(\"+data.student_id+\")\").toLowerCase().includes(queryString.toLowerCase())));\r\n        callback(selectedList);\r\n    }\r\n\r\n    const addToInvoice = (row) => {\r\n        invoiceData.value.finance_records.push(row);\r\n        sortByRecordDate();\r\n        let index = financeRecordList.records.findIndex(d => d.id === row.id);\r\n        financeRecordList.records.splice(index,1);  \r\n    }\r\n\r\n    const removeFromInvoice = (row) => {\r\n        financeRecordList.records.push(row);\r\n        sortByRecordDate();\r\n        let index = invoiceData.value.finance_records.findIndex(d => d.id === row.id);\r\n        invoiceData.value.finance_records.splice(index,1);\r\n    }\r\n\r\n    const sortByRecordDate = () =>{\r\n        financeRecordList.records.sort(function(a,b) { \r\n                    if(a.id == b.id) return 0;\r\n\r\n                    if (Date.parse(a.record_date!) < Date.parse(b.record_date!))\r\n                        return 1;\r\n                    if (Date.parse(a.record_date!) > Date.parse(b.record_date!))\r\n                        return -1;\r\n                    return 0;\r\n                });\r\n    }\r\n\r\n    const rules = ref({\r\n      student_id: [\r\n        {\r\n          required: true,\r\n          message: \"Please select student\",\r\n          trigger: \"blur\",\r\n        },\r\n      ],\r\n      finance_records: [\r\n        {\r\n          required: true,\r\n          message: \"Please select finance records\",\r\n          trigger: \"change\",\r\n        },\r\n      ]\r\n    });\r\n\r\n    const editInvoice = async (formData) => {\r\n        delete formData.finance_records;\r\n        ApiService.setHeader();\r\n        if(invoiceId.value !== undefined && invoiceId.value !==0)\r\n        {\r\n            ApiService.update(\"invoice\", invoiceId.value, formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('editInvoice error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to edit invoice\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n        else\r\n        {\r\n            ApiService.post(\"invoice\", formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('createInvoice error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to create the new invoice\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n    }\r\n\r\n    const submit = () => {\r\n      if (!formRef.value) {\r\n        return;\r\n      }\r\n\r\n      invoiceData.value.invoice_records = [...invoiceData.value.finance_records.map(x=>{return {invoice_id: invoiceId.value, record_id: x.id};})]\r\n      formRef.value.validate((valid) => {\r\n        if (valid) {\r\n          loading.value = true;\r\n          editInvoice(invoiceData.value).then(() => {\r\n            Swal.fire({\r\n              text: \"Form has been successfully submitted!\",\r\n              icon: \"success\",\r\n              buttonsStyling: false,\r\n              confirmButtonText: \"Ok, got it!\",\r\n              customClass: {\r\n                confirmButton: \"btn btn-primary\",\r\n              },\r\n            }).then(() => {\r\n              loading.value = false;\r\n              emit('getInvoices');\r\n              let closeEditBtn = document.getElementById('close_invoice_button');\r\n              closeEditBtn?.click();\r\n            });\r\n          });\r\n        } else {\r\n          Swal.fire({\r\n            text: \"Please fill out all required fields\",\r\n            icon: \"error\",\r\n            buttonsStyling: false,\r\n            confirmButtonText: \"Ok, got it!\",\r\n            customClass: {\r\n              confirmButton: \"btn btn-primary\",\r\n            },\r\n          });\r\n          return false;\r\n        }\r\n      });\r\n    };\r\n\r\n    return {\r\n      invoiceData,\r\n      submit,\r\n      rules,\r\n      loading,\r\n      formRef,\r\n      getStudent,\r\n      selectStudent,\r\n      selectedStudent,\r\n      financeRecordList,\r\n      moment,\r\n      addToInvoice,\r\n      removeFromInvoice,\r\n      resetForm\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./EditInvoice.vue?vue&type=template&id=76350396&scoped=true\"\nimport script from \"./EditInvoice.vue?vue&type=script&lang=ts\"\nexport * from \"./EditInvoice.vue?vue&type=script&lang=ts\"\n\nimport \"./EditInvoice.vue?vue&type=style&index=0&id=76350396&lang=scss&scoped=true\"\nimport \"./EditInvoice.vue?vue&type=style&index=1&id=76350396&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-76350396\"\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./EditInvoice.vue?vue&type=style&index=0&id=76350396&lang=scss&scoped=true\"","<template>\n  <div class=\"card mb-5 mb-xl-10\">\n    <div class=\"card-body pt-9 pb-0\">\n      <div class=\"d-flex flex-wrap flex-sm-nowrap mb-3\" v-if=\"id != 0\">\n        <div class=\"me-7 mb-4\">\n          <div\n            class=\"\n              symbol symbol-100px symbol-lg-160px symbol-fixed\n              position-relative\n            \"\n          >\n            <img v-if=\"profileDetails.photoUrl != undefined && profileDetails.photoUrl != ''\" v-bind:src=\"profileDetails.photoUrl\" alt=\"image\" />\n            <img v-else src=\"/media/avatars/blank.png\" alt=\"image\" />\n            <div\n              class=\"\n                position-absolute\n                translate-middle\n                bottom-0\n                start-100\n                mb-6\n                bg-success\n                rounded-circle\n                border border-4 border-white\n                h-20px\n                w-20px\n              \"\n            ></div>\n          </div>\n        </div>\n        <div class=\"flex-grow-1\">\n          <div\n            class=\"\n              d-flex\n              justify-content-between\n              align-items-start\n              flex-wrap\n              mb-2\n            \"\n          >\n            <div class=\"d-flex flex-column\">\n              <div class=\"d-flex align-items-center mb-2\">\n                <span\n                  href=\"#\"\n                  class=\"text-gray-800 text-hover-primary fs-2 fw-bolder me-1\"\n                  >{{profileDetails.first_name}} {{profileDetails.last_name}}\n                </span>\n              </div>\n              <div class=\"d-flex flex-wrap fw-bold fs-6 mb-4 pe-2\">\n                <span\n                  href=\"#\"\n                  class=\"\n                    d-flex\n                    align-items-center\n                    text-gray-400 text-hover-primary\n                    me-5\n                    mb-2\n                  \"\n                >\n                  <span class=\"svg-icon svg-icon-4 me-1\">\n                    <inline-svg\n                      src=\"/media/icons/duotune/communication/com006.svg\"\n                    />\n                  </span>\n                  {{profileDetails.status}}\n                </span>\n                <span\n                  href=\"#\"\n                  class=\"\n                    d-flex\n                    align-items-center\n                    text-gray-400 text-hover-primary\n                    me-5\n                    mb-2\n                  \"\n                >\n                  <span class=\"svg-icon svg-icon-4 me-1\">\n                    <inline-svg src=\"/media/icons/duotune/general/gen018.svg\" />\n                  </span>\n                  {{profileDetails.admission_category}}\n                </span>\n                <span\n                  href=\"#\"\n                  class=\"\n                    d-flex\n                    align-items-center\n                    text-gray-400 text-hover-primary\n                    mb-2\n                    me-5\n                  \"\n                >\n                  <span class=\"svg-icon svg-icon-4 me-1\">\n                    <inline-svg\n                      src=\"/media/icons/duotune/communication/com011.svg\"\n                    />\n                  </span>\n                  {{profileDetails.email}}\n                </span>\n                <span\n                  href=\"#\"\n                  class=\"\n                    d-flex\n                    align-items-center\n                    text-gray-400 text-hover-primary\n                    mb-2\n                  \"\n                >\n                  <span class=\"svg-icon svg-icon-4 me-1\" style=\"opacity: 0.3;\">\n                    <inline-svg\n                      src=\"/media/icons/duotune/communication/phone-solid.svg\"\n                    />\n                  </span>\n                  {{profileDetails.phone}}\n                </span>\n              </div>\n            </div>\n            <div class=\"d-flex my-4\">\n              <a\n                href=\"#\"\n                class=\"btn btn-sm btn-primary me-3\"\n                data-bs-toggle=\"modal\"\n                data-bs-target=\"#modal_edit_invoice\"\n                >Create Invoice</a\n              >\n            </div>\n          </div>\n          <div class=\"d-flex flex-wrap flex-stack\">\n            <div class=\"d-flex flex-column flex-grow-1 pe-8\">\n              <div class=\"d-flex flex-wrap\">\n                <div\n                  class=\"\n                    border border-gray-300 border-dashed\n                    rounded\n                    min-w-125px\n                    py-3\n                    px-4\n                    me-6\n                    mb-3\n                  \"\n                >\n                  <div class=\"d-flex align-items-center\">\n                    <span class=\"svg-icon svg-icon-success me-2\">\n                      <inline-svg src=\"/media/icons/duotune/arrows/arr066.svg\" />\n                    </span>\n                    <div\n                      class=\"fs-2 fw-bolder\"\n                      data-kt-countup=\"true\"\n                      data-kt-countup-value=\"4500\"\n                      data-kt-countup-prefix=\"$\"\n                    >\n                      ${{totalReceivable}}\n                    </div>\n                  </div>\n                  <div class=\"fw-bold fs-6 text-gray-400\">Receivable</div>\n                </div>\n                <div\n                  class=\"\n                    border border-gray-300 border-dashed\n                    rounded\n                    min-w-125px\n                    py-3\n                    px-4\n                    me-6\n                    mb-3\n                  \"\n                >\n                  <div class=\"d-flex align-items-center\">\n                    <span class=\"svg-icon svg-icon-3 svg-icon-danger me-2\">\n                      <inline-svg src=\"/media/icons/duotune/general/gen026.svg\" />\n                    </span>\n                    <div\n                      class=\"fs-2 fw-bolder\"\n                      data-kt-countup=\"true\"\n                      data-kt-countup-value=\"75\"\n                      title=\"lastest session\"\n                    >\n                      {{session}}\n                    </div>\n                  </div>\n                  <div class=\"fw-bold fs-6 text-gray-400\">Session</div>\n                </div>\n                <div\n                  class=\"\n                    border border-gray-300 border-dashed\n                    rounded\n                    min-w-125px\n                    py-3\n                    px-4\n                    me-6\n                    mb-3\n                  \"\n                >\n                  <div class=\"d-flex align-items-center\">\n                    <span class=\"svg-icon svg-icon-3 svg-icon-success me-2\">\n                      <inline-svg src=\"/media/icons/duotune/arrows/arr066.svg\" />\n                    </span>\n                    <div\n                      class=\"fs-2 fw-bolder\"\n                      data-kt-countup=\"true\"\n                      data-kt-countup-value=\"60\"\n                      data-kt-countup-prefix=\"%\"\n                    >\n                      <span v-if=\"attendanceRate\">{{attendanceRate}} %</span>\n                      <span v-else>N/A</span>\n                    </div>\n                  </div>\n                  <div class=\"fw-bold fs-6 text-gray-400\" title=\"current session attendance\">Attendance Rate</div>\n                </div>\n                <div\n                  v-if=\"profileDetails.agent\"\n                  class=\"\n                    border border-gray-300 border-dashed\n                    rounded\n                    min-w-125px\n                    py-3\n                    px-4\n                    me-6\n                    mb-3\n                  \"\n                >\n                  <div class=\"d-flex align-items-center\">\n                    <div\n                      class=\"fs-2 fw-bolder\"\n                      data-kt-countup=\"true\"\n                      data-kt-countup-value=\"60\"\n                      data-kt-countup-prefix=\"%\"\n                    >\n                      {{profileDetails.agent.name}}\n                    </div>\n                  </div>\n                  <div class=\"fw-bold fs-6 text-gray-400\">Agent Name</div>\n                </div>\n              </div>\n            </div>\n\n            <div\n              class=\"\n                d-flex\n                align-items-center\n                w-200px w-sm-300px\n                flex-column\n                mt-3\n              \"\n            >\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-else>\n        <h3>New student</h3>\n      </div>\n\n      <div class=\"d-flex overflow-auto h-55px\">\n        <ul\n          class=\"\n            nav nav-stretch nav-line-tabs nav-line-tabs-2x\n            border-transparent\n            fs-5\n            fw-bolder\n            flex-nowrap\n          \">\n          <li class=\"nav-item\">\n            <router-link\n              :to=\"{path : `/student/${id}/profile`}\"\n              class=\"nav-link text-active-primary me-6\"\n              active-class=\"active\">\n              Profile\n            </router-link>\n          </li>\n          <li class=\"nav-item\" v-if=\"id != 0\">\n            <router-link\n              :to=\"{path : `/student/${id}/academic`}\"\n              class=\"nav-link text-active-primary me-6\"\n              active-class=\"active\">\n              Academics\n            </router-link>\n          </li>\n          <li class=\"nav-item\"  v-if=\"id != 0\">\n            <router-link\n              :to=\"{path : `/student/${id}/ledger`}\"\n              class=\"nav-link text-active-primary me-6\"\n              active-class=\"active\">\n              Ledger\n            </router-link>\n          </li>\n          <li class=\"nav-item\" v-if=\"id != 0\">\n            <router-link\n              :to=\"{path : `/student/${id}/files`}\"\n              class=\"nav-link text-active-primary me-6\"\n              active-class=\"active\">\n              Files\n            </router-link>\n          </li>\n          <li class=\"nav-item\" v-if=\"id != 0\">\n            <router-link\n              :to=\"{path : `/student/${id}/memo`}\"\n              class=\"nav-link text-active-primary me-6\"\n              active-class=\"active\">\n              Memo\n            </router-link>\n          </li>\n          <li class=\"nav-item\" v-if=\"id != 0\">\n            <router-link\n              :to=\"{path : `/student/${id}/reports`}\"\n              class=\"nav-link text-active-primary me-6\"\n              active-class=\"active\">\n              Report\n            </router-link>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <template v-if=\"id != 0\">\n    <CreateInvoice\n        v-bind:invoiceId=\"0\"\n        v-bind:students=\"[profileDetails]\">\n    </CreateInvoice>\n  </template>\n  </div>\n  <router-view></router-view>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onBeforeMount, reactive, ref } from \"vue\";\nimport { ProfileDetails } from \"@/types/StudentModel\";\nimport { Address } from \"@/types/AddressModel\";\nimport { setStudentProfile } from \"@/core/helpers/student\";\nimport { useRoute } from 'vue-router'\nimport ApiService from \"@/core/services/ApiService\";\nimport CreateInvoice from   \"@/views/management/modals/EditInvoice.vue\"\nimport _ from \"lodash\";\nimport moment from \"moment\";\n\nexport default defineComponent({\n    name: \"student-detail\",\n    components: {\n      CreateInvoice\n    },\n    setup(){\n        const route = useRoute();\n        const id : number = +route.params.id; \n        const profileDetails : any = reactive({});\n        const session = ref('N/A');\n        const attendanceRate = ref<any>(null);\n        const totalReceivable = ref(0);\n        \n        const getStudentProfile = async () => {\n            await new Promise((resolve, reject) => {   \n                ApiService.setHeader();         \n                ApiService.get(\"student/profile/\"+id)\n                    .then(async({ data }) => {\n                        if(data.data.address == null){\n                          data.data.address = new Address();\n                        }\n                        Object.assign(profileDetails,data.data);\n                        await getProfilePhotoUrl();\n                        setStudentProfile(profileDetails);\n                        resolve(data.data);\n                    })\n                    .catch(({ response }) => {\n                        console.log('getFinanceRecords error => '+response.data.errors);\n                        reject(new Error ('getFinanceRecords error => '+response.data.errors));\n                    });\n            });\n        }\n\n        const getStudentTotalReceivable = async () =>{\n            await new Promise((resolve, reject) => {  \n                ApiService.setHeader();          \n                ApiService.get(\"finance/records/receivable/\"+id)\n                    .then(({ data }) => {\n                        if(data.data){\n                          totalReceivable.value = data.data;\n                        }\n                        resolve(data.data);\n                    })\n                    .catch(({ response }) => {\n                        console.log('getFinanceRecords error => '+response.data.errors);\n                        reject(new Error ('getFinanceRecords error => '+response.data.errors));\n                    });\n            });\n        }\n\n        const getSubjects = async () => {\n            await new Promise((resolve, reject) => {  \n                ApiService.setHeader();          \n                ApiService.get(\"class-student/subjects/\"+id)\n                    .then(({ data }) => {\n                        var today = moment();\n                        if(data.data){                          \n                          let currentData = data.data.filter(item => moment(item.subject.session.level.program.semester.start_date) <= today && moment(item.subject.session.level.program.semester.end_date) >= today);\n                          currentData = currentData.sort((x, y) => x.subject.session.code.toLowerCase().localeCompare(y.subject.session.code.toLowerCase()));\n                          session.value = currentData ? currentData[0].subject.session.code : \"N/A\";\n                          let sumOfAttendanceRate = currentData.map(item => item.attendance_rate).reduce((prev, curr) => prev + curr, 0);\n                          attendanceRate.value = Math.floor(sumOfAttendanceRate / currentData.length);\n                        }\n                        resolve(data.data);\n                    })\n                    .catch(({ response }) => {\n                        console.log('getSubjects error => '+response);\n                        reject(new Error ('getSubjects error => '+response));\n                    });\n            });\n        }\n\n        const getProfilePhotoUrl = async() =>{\n            if(profileDetails && profileDetails.photo_id){\n                await ApiService.get(\"file/url/\"+profileDetails.photo_id)\n                        .then(({ data }) => {\n                          profileDetails.photoUrl = data.url;\n                        });\n            }\n        }\n\n        const setStudentProfileDetail = () => {\n            if(id != 0){\n                getStudentProfile();\n                getSubjects();\n                getStudentTotalReceivable();\n            }\n            else{\n                Object.assign(profileDetails,new ProfileDetails());\n                setStudentProfile(profileDetails);\n            }\n        }\n\n        onBeforeMount(() => {\n            setStudentProfileDetail();\n        });\n\n        return {\n            profileDetails,\n            id,\n            session,\n            attendanceRate,\n            totalReceivable\n        };\n    }\n});\n</script>\n","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/SmsStoreEnums\";\r\nimport { ProfileDetails } from \"@/types/StudentModel\";\r\n\r\nexport const setStudentProfile = (\r\n  studentProfile: any,\r\n): void => {\r\n  store.dispatch(Actions.SET_STUDENTPROFILE_ACTION, {\r\n    studentProfile: studentProfile,\r\n  });\r\n};\r\n","\nimport { defineComponent, onBeforeMount, reactive, ref } from \"vue\";\nimport { ProfileDetails } from \"@/types/StudentModel\";\nimport { Address } from \"@/types/AddressModel\";\nimport { setStudentProfile } from \"@/core/helpers/student\";\nimport { useRoute } from 'vue-router'\nimport ApiService from \"@/core/services/ApiService\";\nimport CreateInvoice from   \"@/views/management/modals/EditInvoice.vue\"\nimport _ from \"lodash\";\nimport moment from \"moment\";\n\nexport default defineComponent({\n    name: \"student-detail\",\n    components: {\n      CreateInvoice\n    },\n    setup(){\n        const route = useRoute();\n        const id : number = +route.params.id; \n        const profileDetails : any = reactive({});\n        const session = ref('N/A');\n        const attendanceRate = ref<any>(null);\n        const totalReceivable = ref(0);\n        \n        const getStudentProfile = async () => {\n            await new Promise((resolve, reject) => {   \n                ApiService.setHeader();         \n                ApiService.get(\"student/profile/\"+id)\n                    .then(async({ data }) => {\n                        if(data.data.address == null){\n                          data.data.address = new Address();\n                        }\n                        Object.assign(profileDetails,data.data);\n                        await getProfilePhotoUrl();\n                        setStudentProfile(profileDetails);\n                        resolve(data.data);\n                    })\n                    .catch(({ response }) => {\n                        console.log('getFinanceRecords error => '+response.data.errors);\n                        reject(new Error ('getFinanceRecords error => '+response.data.errors));\n                    });\n            });\n        }\n\n        const getStudentTotalReceivable = async () =>{\n            await new Promise((resolve, reject) => {  \n                ApiService.setHeader();          \n                ApiService.get(\"finance/records/receivable/\"+id)\n                    .then(({ data }) => {\n                        if(data.data){\n                          totalReceivable.value = data.data;\n                        }\n                        resolve(data.data);\n                    })\n                    .catch(({ response }) => {\n                        console.log('getFinanceRecords error => '+response.data.errors);\n                        reject(new Error ('getFinanceRecords error => '+response.data.errors));\n                    });\n            });\n        }\n\n        const getSubjects = async () => {\n            await new Promise((resolve, reject) => {  \n                ApiService.setHeader();          \n                ApiService.get(\"class-student/subjects/\"+id)\n                    .then(({ data }) => {\n                        var today = moment();\n                        if(data.data){                          \n                          let currentData = data.data.filter(item => moment(item.subject.session.level.program.semester.start_date) <= today && moment(item.subject.session.level.program.semester.end_date) >= today);\n                          currentData = currentData.sort((x, y) => x.subject.session.code.toLowerCase().localeCompare(y.subject.session.code.toLowerCase()));\n                          session.value = currentData ? currentData[0].subject.session.code : \"N/A\";\n                          let sumOfAttendanceRate = currentData.map(item => item.attendance_rate).reduce((prev, curr) => prev + curr, 0);\n                          attendanceRate.value = Math.floor(sumOfAttendanceRate / currentData.length);\n                        }\n                        resolve(data.data);\n                    })\n                    .catch(({ response }) => {\n                        console.log('getSubjects error => '+response);\n                        reject(new Error ('getSubjects error => '+response));\n                    });\n            });\n        }\n\n        const getProfilePhotoUrl = async() =>{\n            if(profileDetails && profileDetails.photo_id){\n                await ApiService.get(\"file/url/\"+profileDetails.photo_id)\n                        .then(({ data }) => {\n                          profileDetails.photoUrl = data.url;\n                        });\n            }\n        }\n\n        const setStudentProfileDetail = () => {\n            if(id != 0){\n                getStudentProfile();\n                getSubjects();\n                getStudentTotalReceivable();\n            }\n            else{\n                Object.assign(profileDetails,new ProfileDetails());\n                setStudentProfile(profileDetails);\n            }\n        }\n\n        onBeforeMount(() => {\n            setStudentProfileDetail();\n        });\n\n        return {\n            profileDetails,\n            id,\n            session,\n            attendanceRate,\n            totalReceivable\n        };\n    }\n});\n","import { render } from \"./Student.vue?vue&type=template&id=7b1f7fe8\"\nimport script from \"./Student.vue?vue&type=script&lang=ts\"\nexport * from \"./Student.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./EditInvoice.vue?vue&type=style&index=1&id=76350396&scoped=true&lang=css\"","export class Address {\r\n    id : number;\r\n    address1 : string;\r\n    address2 : string;\r\n    city : string;\r\n    state : string;\r\n    zipcode : string;\r\n  }","import { Address } from \"./AddressModel\";\r\n\r\nexport class ProfileDetails {\r\n  constructor (){\r\n    this.address = new Address();\r\n    this.status = 'Active';\r\n  }\r\n\r\n  id: number;\r\n  first_name: string;\r\n  last_name: string;\r\n  student_id : string;\r\n  sevis_no : string;\r\n  phone: string;\r\n  email: string;\r\n  address : Address;\r\n  nationality: string;\r\n  sex: string;\r\n  birth_date: Date;\r\n  i20_start: Date;\r\n  i20_end: Date;\r\n  start_date: Date;\r\n  end_date: Date;\r\n  agent_id : number;\r\n  admission_category : string;\r\n  status : string;\r\n  picture : string;\r\n  finance_records: [];\r\n  session_code : string;\r\n}\r\n\r\nexport enum BalanceFilterType {\r\n  GreaterThan=\">\",\r\n  GreaterThanOrEqualTo=\">=\",\r\n  EqualTo=\"=\",\r\n  LessThanOrEqualTo=\"<=\",\r\n  LessThan=\"<\",\r\n}"],"sourceRoot":""}