File manager

File manager - Edit - /home/autoph/public_html/projects/ahg-hr/assets/form.703da4e5.js

Back
import{D as ct,b as mt,L as ut}from"./index.3c190fb8.js";import{C as P}from"./index.fb3a5789.js";import{I as U}from"./index.48097a46.js";import{T as X}from"./index.aa68aa1d.js";import{B as Z}from"./index.edca6480.js";import{F as D}from"./index.b0868b90.js";import{a as V,_ as F,q as He,r,o as i,b as n,d as o,e as l,w as a,h as q,t as u,j as g,f as K,F as L,m as O,c as y,k as $,p as Q,s as te,v as ot}from"./index.e8902503.js";/* empty css /import"./vue-cleave.min.795cb0c2.js";import{C as $e}from"./index.9d01a5d9.js";import{R as Be}from"./index.ceb42aa9.js";import{T as Je}from"./index.3cfc3820.js";import{P as Ke}from"./index.09aa51ae.js";import{V as at,P as pt}from"./view.3fd16942.js";import{M as T}from"./Multiselect.b44a8b2e.js";import{c as z,a as B,V as A,d as ft}from"./array.29c46f9b.js";import{F as j}from"./index.fbdde90a.js";import{T as G}from"./index.2b071307.js";import{T as N}from"./index.c1433bbe.js";import{C as Y}from"./CloseButton.7e0edf88.js";/ empty css /import{S as W}from"./SubmitButton.8f4c4681.js";import{U as H}from"./UpdateButton.af135175.js";import"./jspdf.es.min.e8517b60.js";/ empty css /import{F as Ne}from"./FileService.f245fd6f.js";import{R as ht}from"./ResignationLetterService.884e4806.js";import{L as J}from"./Loading.587e211a.js";import"./vue-quill.snow.2184ee49.js";import{F as Ye}from"./index.ec6cdce2.js";import{F as gt}from"./index.553d4f42.js";import{p as yt,j as _t}from"./scr-1.d9aaecca.js";import{c as bt,d as xt,f as vt,e as wt,g as kt,h as Ct,i as Et,j as St,k as Rt,l as Vt,m as Ft,n as It,o as $t,p as Bt,q as Mt}from"./apiUtils.8ed5a398.js";import{E as Re}from"./EmployeeService.0b822608.js";import{B as Dt}from"./BenefitsTypeService.c3032524.js";import{E as Me}from"./EmployeeBenefitsService.33199a09.js";/ empty css /import{C as Lt}from"./CreateButton.69c40d9f.js";import{D as oe}from"./DeleteButton.85a5f71a.js";import{E as ie}from"./EditButton.3881a749.js";import{E as At}from"./EmployeeLeaveService.f6bce608.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.4f499d44.js";import{M as Ut}from"./index.a4f02fc5.js";import{F as Tt,i as zt,a as Ot,b as qt,c as Pt}from"./index.esm.a49e35f7.js";import{T as jt}from"./TimelogService.d38da033.js";import{T as Gt}from"./index.437e4071.js";const de="https://staging-ahg-hr-api.autohub.ph/api/v1/license",Ve={fetchRecords(s={}){return V.get(`${de}`,{params:s})},fetchRecord(s){return V.get(`${de}/${s}`)},async create(s){return V.post(`${de}`,s)},async update(s,e){return V.put(`${de}/${s}`,e)},async remove(s){return V.delete(`${de}/${s}`)}},ce="https://staging-ahg-hr-api.autohub.ph/api/v1/affiliation",Fe={fetchRecords(s={}){return V.get(`${ce}`,{params:s})},fetchRecord(s){return V.get(`${ce}/${s}`)},async create(s){return V.post(`${ce}`,s)},async update(s,e){return V.put(`${ce}/${s}`,e)},async remove(s){return V.delete(`${ce}/${s}`)}},me="https://staging-ahg-hr-api.autohub.ph/api/v1/character-reference",De={fetchRecords(s={}){return V.get(`${me}`,{params:s})},fetchRecord(s){return V.get(`${me}/${s}`)},async create(s){return V.post(`${me}`,s)},async update(s,e){return V.put(`${me}/${s}`,e)},async remove(s){return V.delete(`${me}/${s}`)}},ue="https://staging-ahg-hr-api.autohub.ph/api/v1/children",Le={fetchRecords(s={}){return V.get(`${ue}`,{params:s})},fetchRecord(s){return V.get(`${ue}/${s}`)},async create(s){return V.post(`${ue}`,s)},async update(s,e){return V.put(`${ue}/${s}`,e)},async remove(s){return V.delete(`${ue}/${s}`)}},pe="https://staging-ahg-hr-api.autohub.ph/api/v1/educational-background",Ae={fetchRecords(s={}){return V.get(`${pe}`,{params:s})},fetchRecord(s){return V.get(`${pe}/${s}`)},async create(s){return V.post(`${pe}`,s)},async update(s,e){return V.put(`${pe}/${s}`,e)},async remove(s){return V.delete(`${pe}/${s}`)}},fe="https://staging-ahg-hr-api.autohub.ph/api/v1/employment-history",Ue={fetchRecords(s={}){return V.get(`${fe}`,{params:s})},fetchRecord(s){return V.get(`${fe}/${s}`)},async create(s){return V.post(`${fe}`,s)},async update(s,e){return V.put(`${fe}/${s}`,e)},async remove(s){return V.delete(`${fe}/${s}`)}},he="https://staging-ahg-hr-api.autohub.ph/api/v1/family",it={fetchRecords(s={}){return V.get(`${he}`,{params:s})},fetchRecord(s){return V.get(`${he}/${s}`)},async create(s,e){return V.post(`${he}/${s}`,e)},async update(s,e){return V.put(`${he}/${s}`,e)},async remove(s){return V.delete(`${he}/${s}`)}},ge="https://staging-ahg-hr-api.autohub.ph/api/v1/medical-condition",Te={fetchRecords(s={}){return V.get(`${ge}`,{params:s})},fetchRecord(s){return V.get(`${ge}/${s}`)},async create(s){return V.post(`${ge}`,s)},async update(s){return V.post(`${ge}/update`,s)},async remove(s){return V.delete(`${ge}/${s}`)}},ye="https://staging-ahg-hr-api.autohub.ph/api/v1/offense",ze={fetchRecords(s={}){return V.get(`${ye}`,{params:s})},fetchRecord(s){return V.get(`${ye}/${s}`)},async create(s){return V.post(`${ye}`,s)},async update(s){return V.post(`${ye}/update`,s)},async remove(s){return V.delete(`${ye}/${s}`)}},_e="https://staging-ahg-hr-api.autohub.ph/api/v1/passport",Ie={fetchRecords(s={}){return V.get(`${_e}`,{params:s})},fetchRecord(s){return V.get(`${_e}/${s}`)},async create(s){return V.post(`${_e}`,s)},async update(s,e){return V.put(`${_e}/${s}`,e)},async remove(s){return V.delete(`${_e}/${s}`)}},be="https://staging-ahg-hr-api.autohub.ph/api/v1/personal-information",lt={fetchRecords(s={}){return V.get(`${be}`,{params:s})},fetchRecord(s){return V.get(`${be}/${s}`)},async create(s,e){return V.post(`${be}/${s}`,e)},async update(s,e){return V.put(`${be}/${s}`,e)},async remove(s){return V.delete(`${be}/${s}`)}},xe="https://staging-ahg-hr-api.autohub.ph/api/v1/personal-interest",Oe={fetchRecords(s={}){return V.get(`${xe}`,{params:s})},fetchRecord(s){return V.get(`${xe}/${s}`)},async create(s){return V.post(`${xe}`,s)},async update(s,e){return V.put(`${xe}/${s}`,e)},async remove(s){return V.delete(`${xe}/${s}`)}},ve="https://staging-ahg-hr-api.autohub.ph/api/v1/requirement",qe={fetchRecords(s={}){return V.get(`${ve}`,{params:s})},fetchRecord(s){return V.get(`${ve}/${s}`)},async create(s){return V.post(`${ve}`,s)},async update(s){return V.post(`${ve}/update`,s)},async remove(s){return V.delete(`${ve}/${s}`)}},we="https://staging-ahg-hr-api.autohub.ph/api/v1/salary-and-wages",nt={fetchRecords(s={}){return V.get(`${we}`,{params:s})},fetchRecord(s){return V.get(`${we}/${s}`)},async create(s,e){return V.post(`${we}/${s}`,e)},async update(s,e){return V.put(`${we}/${s}`,e)},async remove(s){return V.delete(`${we}/${s}`)}},ke="https://staging-ahg-hr-api.autohub.ph/api/v1/sibling",Pe={fetchRecords(s={}){return V.get(`${ke}`,{params:s})},fetchRecord(s){return V.get(`${ke}/${s}`)},async create(s){return V.post(`${ke}`,s)},async update(s,e){return V.put(`${ke}/${s}`,e)},async remove(s){return V.delete(`${ke}/${s}`)}},Ce="https://staging-ahg-hr-api.autohub.ph/api/v1/training-history",je={fetchRecords(s={}){return V.get(`${Ce}`,{params:s})},fetchRecord(s){return V.get(`${Ce}/${s}`)},async create(s){return V.post(`${Ce}`,s)},async update(s,e){return V.put(`${Ce}/${s}`,e)},async remove(s){return V.delete(`${Ce}/${s}`)}},Ee="https://staging-ahg-hr-api.autohub.ph/api/v1/visa",Ge={fetchRecords(s={}){return V.get(`${Ee}`,{params:s})},fetchRecord(s){return V.get(`${Ee}/${s}`)},async create(s){return V.post(`${Ee}`,s)},async update(s,e){return V.put(`${Ee}/${s}`,e)},async remove(s){return V.delete(`${Ee}/${s}`)}},Se="https://staging-ahg-hr-api.autohub.ph/api/v1/requirement-list",Nt={fetchRecords(s={}){return V.get(`${Se}`,{params:s})},fetchRecord(s){return V.get(`${Se}/${s}`)},async create(s){return V.post(`${Se}`,s)},async update(s,e){return V.put(`${Se}/${s}`,e)},async remove(s){return V.delete(`${Se}/${s}`)}};const Yt={components:{View:at,Pagination:Ke,Icon:U,Tooltip:Je},props:{pafItems:{type:Array}},data(){return{current:1,perpage:10,pageRange:5,searchTerm:"",dateNow:He(new Date).format("YYYY-MM-DD"),columns:[{label:"#",field:"#"},{label:"Position From",field:"prev_position_name"},{label:"Position To",field:"next_position_name"},{label:"Effectivity Date/Inclusive Date",field:"effectivity"},{label:"PAF",field:"action"}]}},methods:{viewRecord(s){this.$refs.view.resetForm(),this.$refs.view.loadRecord(s),this.$refs.view.state.showModal=!0}}},Wt={key:0,class:"block w-full"},Ht={key:1},Jt={class:"flex space-x-3 justify-center rtl:space-x-reverse"},Kt={class:"action-btn"},Qt={class:"py-4 px-3 flex justify-center"};function Xt(s,e,p,E,t,c){const v=r("Icon"),h=r("Tooltip"),d=r("Pagination"),R=r("vue-good-table"),w=r("View");return i(),n(L,null,[o("div",null,[l(R,{columns:t.columns,styleClass:" vgt-table lesspadding2 centered ",rows:p.pafItems,"pagination-options":{enabled:!0,perPage:t.perpage},"sort-options":{enabled:!1},"select-options":{enabled:!1,selectioninfoClass:"custom-class",clearSelectionText:"clear",disableSelectinfo:!0}},{"table-row":a(S=>[S.column.field=="effectivity"?(i(),n("span",Wt,[o("span",{class:q(["inline-block px-3 min-w-[90px] text-center mx-auto py-1 rounded-md bg-opacity-25",`${S.row.effectivity<=t.dateNow?"text-success-500 bg-success-200":""} ${S.row.effectivity>=t.dateNow?"text-danger-500 bg-danger-200":""} `])},u(S.row.effectivity),3)])):g("",!0),S.column.field=="action"?(i(),n("span",Ht,[o("div",Jt,[l(h,{placement:"top",arrow:"",theme:"dark"},{button:a(()=>[o("div",Kt,[l(v,{icon:"heroicons:eye",onClick:k=>c.viewRecord(S.row)},null,8,["onClick"])])]),default:a(()=>[e[2]\|\|(e[2]=o("span",null," View",-1))]),_:2},1024)])])):g("",!0)]),"pagination-bottom":a(S=>[o("div",Qt,[l(d,{total:1,current:t.current,"per-page":t.perpage,pageRange:t.pageRange,onPageChanged:e[0]\|\|(e[0]=k=>t.current=k),pageChanged:S.pageChanged,perPageChanged:S.perPageChanged},{default:a(()=>e[3]\|\|(e[3]=[K(" > ")])),_:2},1032,["current","per-page","pageRange","pageChanged","perPageChanged"])])]),_:1},8,["columns","rows","pagination-options"])]),l(w,{onCloseModal:e[1]\|\|(e[1]=S=>s.state.showModal=!1),ref:"view"},null,512)],64)}const Zt=F(Yt,[["render",Xt],["__scopeId","data-v-5de09b63"]]),es={components:{Dropdown:ct,Icon:U,MenuItem:mt},data(){return{actions:[{name:"Last 28 Days"},{name:" Last Month "},{name:" Last Year "}]}}},ts={class:"text-lg inline-flex h-6 w-6 flex-col items-center justify-center border border-slate-200 dark:border-slate-700 rounded dark:text-slate-400"},ss={class:q(` hover:bg-secondary-500 dark:hover:bg-slate-600 dark:bg-opacity-60 hover:text-white text-slate-900 dark:text-slate-300 w-full border-b border-b-gray-500 border-opacity-10 px-4 py-2 text-sm last:mb-0 cursor-pointer first:rounded-t last:rounded-b flex space-x-2 items-center `)};function os(s,e,p,E,t,c){const v=r("Icon"),h=r("MenuItem"),d=r("Dropdown");return i(),n("div",null,[l(d,{classMenuItems:" w-[140px]"},{menus:a(()=>[(i(!0),n(L,null,O(t.actions,(R,w)=>(i(),y(h,{key:w},{default:a(()=>[o("div",ss,[o("span",null,u(R.name),1)])]),_:2},1024))),128))]),default:a(()=>[o("span",ts,[l(v,{icon:"heroicons-outline:dots-horizontal"})])]),_:1})])}const Qe=F(es,[["render",os]]);const is={components:{FileType:gt,Fileinput:Ye,FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T,Icon:U},props:{statistics:{type:Object,required:!0}},data(){return{form:{resignation_date:"",employee_id:"",reason:"",attachment:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1},fileIcons:{pdf:yt,jpg:_t,default:""}}},methods:{reload(){this.$emit("reload")},async submitForm(){try{await z().shape({reason:B().required("Reason type is required")}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&(this.reload(),this.saveRecord())})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}}},getFileTypeImage(s){if(typeof s=="string"){if(!s)return this.fileIcons.default;const e=s.substring(s.lastIndexOf(".")+1).toLowerCase();return this.fileIcons[e]\|\|this.fileIcons.default}},async viewAttachment(s){if(this.state.isDownloading)return;this.state.isDownloading=!0;let e=await Ne.Reader2("employee-leave",s),p;if(s.endsWith(".pdf"))p="application/pdf";else if(s.endsWith(".png"))p="image/png";else if(s.endsWith(".jpg")\|\|s.endsWith(".jpeg"))p="image/jpeg";else if(s.endsWith(".svg"))p="image/svg+xml";else throw new Error("Unsupported file type");const E=atob(e),t=new Array(E.length);for(let d=0;d<E.length;d++)t[d]=E.charCodeAt(d);const c=new Uint8Array(t),v=new Blob([c],{type:p}),h=URL.createObjectURL(v);window.open(h)},handleMainImageUpload(){const s=event.target.files[0];this.form.attachment=s;const e=new FileReader;e.onload=()=>{s.type.startsWith("image/")?this.form.imageView=e.result:s.type==="application/pdf"?this.form.imageView=this.pdf_file_view:s.type==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"&&(this.form.imageView=this.excel_file_view)},e.readAsDataURL(s)},loadRecord(s,e){console.log("try"),this.resetForm(),this.state.isEdit=!0,this.form.employee_id=s,this.form.resignation_date=e},closeModal(){this.state.showModal=!1},resetForm(){this.errors={},this.state.isEdit=!1,this.form={resignation_date:"",employee_id:"",reason:null,attachment:""}},reload(){return this.$emit("reload")},async saveRecord(){this.state.isSaving=!0;let s=new FormData;Object.keys(this.form).forEach(e=>{s.append(e,this.form[e])}),await ht.create(s).then(e=>{e.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.isSaving=!1,this.state.showModal=!1,this.resetForm(),this.reload())}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})})}},watch:{"form.half_day":{handler:"calculateDays",immediate:!0},"form.leave_id":{handler:"calculateDays",immediate:!0}}},ls={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ns={class:"grid grid-cols-12 gap-2"},rs={class:"col-span-6"},as={key:0,class:"text-[#ec4899]"},ds={class:"col-span-6"},cs={key:0,class:"text-[#ec4899]"},ms={class:"flex gap-1 justify-end"};function us(s,e,p,E,t,c){const v=r("Loading"),h=r("flat-pickr"),d=r("FormGroup"),R=r("TextArea"),w=r("Fileinput"),S=r("Card"),k=r("FileType"),x=r("SubmitButton"),m=r("CloseButton"),_=r("FormModal");return i(),y(_,{title:"Upload Resignation Letter",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:"bg-gray-800",sizeClass:"lg:w-2/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",ls,[o("form",{onSubmit:e[4]\|\|(e[4]=$((...f)=>s.confirmSubmit&&s.confirmSubmit(...f),["prevent"])),class:"space-y-4",enctype:"multipart/form-data"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),o("div",ns,[o("div",rs,[l(d,{label:"Date From"},{default:a(()=>[l(h,{type:"date",placeholder:"Input Date",modelValue:t.form.resignation_date,"onUpdate:modelValue":e[0]\|\|(e[0]=f=>t.form.resignation_date=f),error:t.errors.resignation_date,class:"form-control h-[48px]",disabled:""},null,8,["modelValue","error"]),t.errors.date_from?(i(),n("div",as," Date from is required")):g("",!0)]),_:1})]),o("div",ds,[l(d,{label:"Reason",isRequired:!0},{default:a(()=>[l(R,{rows:"4",type:"text",placeholder:"",modelValue:t.form.reason,"onUpdate:modelValue":e[1]\|\|(e[1]=f=>t.form.reason=f),error:t.errors.reason},null,8,["modelValue","error"])]),_:1})])]),l(d,{label:"Attachment"},{default:a(()=>[l(S,{title:"File Input Basic"},{default:a(()=>[l(w,{name:"basic",onChange:e[2]\|\|(e[2]=f=>c.handleMainImageUpload()),class:"h-[48px]",multiple:""}),t.errors.attachment?(i(),n("div",cs,u(t.errors.attachment),1)):g("",!0)]),_:1}),typeof t.form.attachment=="string"?(i(),n("div",{key:0,class:"flex justify-start items-center gap-2 mt-2 cursor-pointer",onClick:e[3]\|\|(e[3]=f=>c.viewAttachment(t.form.attachment))},[l(k,{image:c.getFileTypeImage(t.form.attachment)},null,8,["image"]),K(" "+u(t.form.attachment),1)])):g("",!0)]),_:1}),o("div",ms,[l(x,{onClick:c.submitForm},null,8,["onClick"]),l(m,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["active","onSubmit","onClose"])}const ps=F(is,[["render",us],["__scopeId","data-v-f80400f6"]]),fs={components:{Checkbox:$e,Card:P,Textinput:X,Button:Z,Icon:U,FormGroup:D,Radio:Be,CrmTablePosition:Zt,DropEvent:Qe,Multiselect:T,ResignationForm:ps},props:{},data(){var s,e;return{isManager:((e=(s=this.$store.userSettings.getActiveUser)==null?void 0:s.employees)==null?void 0:e.classification_id)??3,isEmployeeScheduleRecordEmpty:!1,isEmployeeScheduleRecord:!1,employeeScheduleRecord:[],sectionOptions:[],jobTitleOptions:[],companyOptions:[],jobClassificationOptions:[],dealershipOptions:[],employmentTypeOptions:[],groupOptions:[],divisionOptions:[],departmentOptions:[],unitOptions:[],localityOptions:[],officeOptions:[],isEditing:!1,isCreate:!1,positionHistory:[{id:"1",positionFrom:"SERVICE APPRENTICE",positionTo:"SERVICE ASSISTANT",effectivityDate:"2023-01-01"},{id:"2",positionFrom:"SERVICE ASSISTANT",positionTo:"SERVICE ADMIN ASSISTANT",effectivityDate:"2025-01-01"}],errors:{},form:{firstname:"",middlename:"",lastname:"",employee_id:"",time_keeping_id:"",email:"",date_hired:"",section_id:"",date_resign:"",position_id:"",company_id:"",classification_id:"",dealer_id:"",job_grade_id:"",office_id:"",employment_status_id:"",group_id:"",employee_movement:"",division_id:"",remarks:"",department_id:"",unit_id:"",work_location_id:"",charge_to:"",confidential:"",flexible:!1},state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1,isSectionLoading:!1,isJobTitleLoading:!1,isCompanyLoading:!1,isJobClassificationLoading:!1,isDealershipLoading:!1,isEmploymentTypeLoading:!1,isGroupLoading:!1,isDivisionLoading:!1,isDepartmentLoading:!1,isUnitLoading:!1,isLocalityLoading:!1,isOfficeLoading:!1,isEmployeeScheduleLoading:!0},basicInformationItems:[],pafItems:[]}},methods:{async fetchPAFData(){await Paf.fetchRecord(this.form.employee_id).then(s=>{let e=s.data;this.pafItems=e.map((p,E)=>({...p,"#":E+1}))}).catch(s=>{console.error("Error fetching records:",s)})},uploadResignation(){this.$refs.resignationForm.loadRecord(this.form.employee_id,this.form.date_resign),this.$refs.resignationForm.state.showModal=!0},toggleEdit(){this.isEditing=!0},toggleCancel(){this.isEditing=!1},async fetchEmployeeData(){this.state.isLoading=!0;try{const s=await Re.fetchRecord(this.$route.params.id);s.status===200&&(this.form=s.data,this.basicInformationItems=s.data,this.basicInformationItems.confidential=this.basicInformationItems.confidential==1),this.state.isLoading=!1}catch{this.state.isLoading=!1}},async onSubmit(){try{await z().shape({firstname:B().required("First Name field is required").min(2),lastname:B().required("Last Name field is required"),employee_id:B().required("Employee ID field is required"),time_keeping_id:B().required("Time Keeping ID field is required"),email:B().required("Email field is required"),date_hired:B().required("Date Hired is required")}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord(this.form.id)})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}},async saveRecord(s){await Re.update(s,this.form).then(e=>{e.status==201?this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1})},async fetchEmployeeCurrentSchedule(){console.log("employee idsdddddddssssssss",this.$route.params.id),this.state.isEmployeeScheduleLoading=!0;try{const s=await Re.fetchEmployeeCurrentSchedule({employee_id:this.$route.params.id});this.employeeScheduleRecord=s;const e=this.employeeScheduleRecord.data;this.state.isEmployeeScheduleLoading=!1,!e\|\|Object.keys(e).length===0?(this.isEmployeeScheduleRecord=!1,this.isEmployeeScheduleRecordEmpty=!0):this.isEmployeeScheduleRecord=!0}catch(s){console.error("Error fetching employee schedule:",s),this.state.isEmployeeScheduleLoading=!1}},async fetchSectionRecords(){try{this.state.isSectionLoading=!0,this.sectionOptions=await bt()}catch(s){console.error("Failed to fetch section data:",s)}finally{this.state.isSectionLoading=!1}},async fetchJobTitleRecords(){try{this.state.isJobTitleLoading=!0,this.jobTitleOptions=await xt()}catch(s){console.error("Failed to fetch job title data:",s)}finally{this.state.isJobTitleLoading=!1}},async fetchCompanyRecords(){try{this.state.isCompanyLoading=!0,this.companyOptions=await vt()}catch(s){console.error("Failed to fetch company data:",s)}finally{this.state.isCompanyLoading=!1}},async fetchJobClassificationRecords(){try{this.state.isJobClassificationLoading=!0,this.jobClassificationOptions=await wt()}catch(s){console.error("Failed to fetch job classification data:",s)}finally{this.state.isJobClassificationLoading=!1}},async fetchDealershipRecords(){try{this.state.isDealershipLoading=!0,this.dealershipOptions=await kt()}catch(s){console.error("Failed to fetch dealership data:",s)}finally{this.state.isDealershipLoading=!1}},async fetchEmploymentTypeRecords(){try{this.state.isEmploymentTypeLoading=!0,this.employmentTypeOptions=await Ct()}catch(s){console.error("Failed to fetch employment type data:",s)}finally{this.state.isEmploymentTypeLoading=!1}},async fetchGroupRecords(){try{this.state.isGroupLoading=!0,this.groupOptions=await Et()}catch(s){console.error("Failed to fetch group data:",s)}finally{this.state.isGroupLoading=!1}},async fetchDivisionRecords(){try{this.state.isDivisionLoading=!0,this.divisionOptions=await St()}catch(s){console.error("Failed to fetch division data:",s)}finally{this.state.isDivisionLoading=!1}},async fetchDepartmentRecords(){try{this.state.isDepartmentLoading=!0,this.departmentOptions=await Rt()}catch(s){console.error("Failed to fetch department data:",s)}finally{this.state.isDepartmentLoading=!1}},async fetchUnitRecords(){try{this.state.isUnitLoading=!0,this.unitOptions=await Vt()}catch(s){console.error("Failed to fetch unit data:",s)}finally{this.state.isUnitLoading=!1}},async fetchLocalityRecords(){try{this.state.isLocalityLoading=!0,this.localityOptions=await Ft()}catch(s){console.error("Failed to fetch locality data:",s)}finally{this.state.isLocalityLoading=!1}},async fetchOfficeRecords(){try{this.state.isOfficeLoading=!0,this.officeOptions=await It()}catch(s){console.error("Failed to fetch office data:",s)}finally{this.state.isOfficeLoading=!1}}},mounted(){this.fetchEmployeeData(),this.fetchEmployeeCurrentSchedule(),this.fetchSectionRecords(),this.fetchOfficeRecords(),this.fetchJobTitleRecords(),this.fetchCompanyRecords(),this.fetchJobClassificationRecords(),this.fetchDealershipRecords(),this.fetchEmploymentTypeRecords(),this.fetchGroupRecords(),this.fetchDivisionRecords(),this.fetchDepartmentRecords(),this.fetchUnitRecords(),this.fetchLocalityRecords()}},hs={class:"relative text-slate-600 dark:text-slate-400 text-sm font-normal"},gs={key:0,class:"absolute inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]"},ys={class:"text-9xl"},_s={key:1},bs={class:"grid grid-cols-3 gap-2 mb-2 capitalize"},xs={key:0,class:"text-md"},vs={key:1},ws={key:0,class:"text-md"},ks={key:1},Cs={key:0,class:"text-md"},Es={key:1},Ss={class:"grid grid-cols-3 gap-2 mb-2 capitalize"},Rs={key:0,class:"text-md"},Vs={key:1},Fs={key:0,class:"text-md"},Is={key:1},$s={key:2,class:"text-[#ec4899]"},Bs={key:0,class:"text-md lowercase"},Ms={key:1},Ds={class:"grid grid-cols-2 gap-2 mb-2 capitalize"},Ls={key:0,class:"text-md"},As={key:1},Us={key:2,class:"text-[#ec4899]"},Ts={key:0,class:"text-md"},zs={key:1},Os={class:"grid grid-cols-2 gap-2 mb-2 capitalize"},qs={key:0,class:"text-md"},Ps={key:1},js={key:0,class:"text-md"},Gs={key:1},Ns={class:"grid grid-cols-2 gap-2 mb-2 capitalize"},Ys={key:0,class:"text-md"},Ws={key:1},Hs={key:2,class:"text-[#ec4899]"},Js={key:0,class:"text-md"},Ks={key:1},Qs={class:"grid grid-cols-2 gap-2 mb-2 capitalize"},Xs={key:0,class:"text-md"},Zs={key:1},eo={key:0,class:"text-md"},to={key:1},so={class:"grid grid-cols-2 gap-2 mb-2 capitalize"},oo={key:0,class:"text-md"},io={key:1},lo={key:0,class:"text-md"},no={key:1},ro={class:"grid grid-cols-2 gap-2 mb-2 capitalize"},ao={key:0,class:"text-md"},co={key:1},mo={key:0,class:"text-md"},uo={key:1},po={class:"grid grid-cols-2 gap-2 mb-2 capitalize"},fo={key:0,class:"text-md"},ho={key:1},go={key:0,class:"text-md"},yo={key:1},_o={class:"grid grid-cols-2 gap-4 mb-2 capitalize"},bo={key:0,class:"text-md"},xo={key:1},vo={key:0,class:"text-md"},wo={key:1},ko={key:0,class:"flex items-center gap-4"},Co={class:"flex items-center cursor-pointer"},Eo=["checked","disabled"],So={key:1},Ro={key:0},Vo={key:1,class:"mt-4 flex space-x-2"},Fo={class:"grid grid-cols-2 gap-2 w-full"},Io={key:1,class:"flex justify-center items-center"},$o={class:"text-slate-600 dark:text-slate-400 text-sm font-normal mt-4"},Bo={class:"mb-4"},Mo={key:0,class:"flex flex-col justify-center text-xl"},Do={key:1},Lo={key:0},Ao={class:"grid grid-cols-3"},Uo={class:"grid grid-cols-2"},To={key:1},zo={class:"grid grid-cols-2"},Oo={key:2,class:"text-pink-400 text-xl"},qo={class:"-mx-6"};function Po(s,e,p,E,t,c){var _,f;const v=r("Icon"),h=r("Textinput"),d=r("FormGroup"),R=r("flat-pickr"),w=r("Multiselect"),S=r("Button"),k=r("ResignationForm"),x=r("Card"),m=r("CrmTablePosition");return i(),n("div",hs,[t.state.isLoading?(i(),n("div",gs,[o("span",ys,[l(v,{icon:"svg-spinners:blocks-scale",class:"text-gray-400"})]),e[26]\|\|(e[26]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))])):(i(),n("div",_s,[o("form",{onSubmit:e[23]\|\|(e[23]=$((...b)=>c.onSubmit&&c.onSubmit(...b),["prevent"])),class:"mb-2",novalidate:""},[o("div",bs,[l(d,{label:"First Name: ",labelClass:"font-bold",isRequired:!0},{default:a(()=>[t.isEditing?(i(),n("div",vs,[l(h,{placeholder:"",type:"text",name:"firstname",modelValue:t.form.firstname,"onUpdate:modelValue":e[0]\|\|(e[0]=b=>t.form.firstname=b),error:t.errors.firstname},null,8,["modelValue","error"])])):(i(),n("div",xs,u(t.form.firstname),1))]),_:1}),l(d,{label:"Middle Name",labelClass:"font-bold",isRequired:!1},{default:a(()=>[t.isEditing?(i(),n("div",ks,[l(h,{placeholder:"",type:"text",name:"middlename",modelValue:t.form.middlename,"onUpdate:modelValue":e[1]\|\|(e[1]=b=>t.form.middlename=b)},null,8,["modelValue"])])):(i(),n("div",ws,u(t.form.middlename),1))]),_:1}),l(d,{label:"Last Name",labelClass:"font-bold",isRequired:!0},{default:a(()=>[t.isEditing?(i(),n("div",Es,[l(h,{placeholder:"",type:"text",name:"lastname",modelValue:t.form.lastname,"onUpdate:modelValue":e[2]\|\|(e[2]=b=>t.form.lastname=b),error:t.errors.lastname},null,8,["modelValue","error"])])):(i(),n("div",Cs,u(t.form.lastname),1))]),_:1})]),o("div",Ss,[l(d,{label:"Employee ID / Asa ID: ",labelClass:"font-bold",isRequired:!0},{default:a(()=>[t.isEditing?(i(),n("div",Vs,[l(h,{placeholder:"",type:"text",name:"employee_id",modelValue:t.form.employee_id,"onUpdate:modelValue":e[3]\|\|(e[3]=b=>t.form.employee_id=b),error:t.errors.employee_id},null,8,["modelValue","error"])])):(i(),n("div",Rs,u(t.form.employee_id),1))]),_:1}),l(d,{label:"Time Keeping ID: ",labelClass:"font-bold",isRequired:!0},{default:a(()=>[t.isEditing?(i(),n("div",Is,[l(h,{placeholder:"",type:"text",name:"time_keeping_id",modelValue:t.form.time_keeping_id,"onUpdate:modelValue":e[4]\|\|(e[4]=b=>t.form.time_keeping_id=b)},null,8,["modelValue"])])):(i(),n("div",Fs,u(t.form.time_keeping_id),1)),t.errors.time_keeping_id?(i(),n("div",$s,"Time keeping id is required")):g("",!0)]),_:1}),l(d,{label:"Email: ",labelClass:"font-bold",isRequired:!0},{default:a(()=>[t.isEditing?(i(),n("div",Ms,[l(h,{placeholder:"",type:"text",name:"email",modelValue:t.form.email,"onUpdate:modelValue":e[5]\|\|(e[5]=b=>t.form.email=b),error:t.errors.email},null,8,["modelValue","error"])])):(i(),n("div",Bs,u(t.form.email),1))]),_:1})]),o("div",Ds,[l(d,{label:"Date Hired: ",labelClass:"font-bold",isRequired:!0},{default:a(()=>[t.isEditing?(i(),n("div",As,[l(R,{placeholder:"",type:"text",name:"date_hired",modelValue:t.form.date_hired,"onUpdate:modelValue":e[6]\|\|(e[6]=b=>t.form.date_hired=b),class:"form-control",error:t.errors.date_hired},null,8,["modelValue","error"])])):(i(),n("div",Ls,u(t.form.date_hired),1)),t.errors.date_hired?(i(),n("div",Us,"Date Hired is required")):g("",!0)]),_:1}),l(d,{label:"Section: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",zs,[l(w,{searchable:!0,placeholder:"",type:"text",name:"section_id",modelValue:t.form.section_id,"onUpdate:modelValue":e[7]\|\|(e[7]=b=>t.form.section_id=b),options:t.sectionOptions,loading:t.state.isSectionLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",Ts,u(t.basicInformationItems.section==null?"":t.basicInformationItems.section.name),1))]),_:1})]),o("div",Os,[l(d,{label:"Seperated Date: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Ps,[l(R,{placeholder:"",type:"text",name:"date_resign",modelValue:t.form.date_resign,"onUpdate:modelValue":e[8]\|\|(e[8]=b=>t.form.date_resign=b),class:"form-control",onChange:c.uploadResignation},null,8,["modelValue","onChange"])])):(i(),n("div",qs,u(t.form.date_resign),1))]),_:1}),l(d,{label:"Position:",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Gs,[l(w,{placeholder:"",type:"text",name:"position_id",modelValue:t.form.position_id,"onUpdate:modelValue":e[9]\|\|(e[9]=b=>t.form.position_id=b),searchable:!0,options:t.jobTitleOptions,loading:t.state.isJobTitleLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",js,u(t.basicInformationItems.position==null?"":t.basicInformationItems.position.name),1))]),_:1})]),o("div",Ns,[l(d,{label:"Company: ",labelClass:"font-bold",isRequired:!0},{default:a(()=>[t.isEditing?(i(),n("div",Ws,[l(w,{placeholder:"",type:"text",name:"company_id",modelValue:t.form.company_id,"onUpdate:modelValue":e[10]\|\|(e[10]=b=>t.form.company_id=b),searchable:!0,options:t.companyOptions,loading:t.state.isCompanyLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",Ys,u(t.basicInformationItems.company==null?"":t.basicInformationItems.company.name),1)),t.errors.company_id?(i(),n("div",Hs,"Company is required")):g("",!0)]),_:1}),l(d,{label:"Classification: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Ks,[l(w,{placeholder:"",type:"text",name:"classification_id",modelValue:t.form.classification_id,"onUpdate:modelValue":e[11]\|\|(e[11]=b=>t.form.classification_id=b),searchable:!0,options:t.jobClassificationOptions,loading:t.state.isJobClassificationLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",Js,u(t.basicInformationItems.classification==null?"":t.basicInformationItems.classification.name),1))]),_:1})]),o("div",Qs,[l(d,{label:"Dealership: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Zs,[l(w,{placeholder:"",type:"text",name:"dealer_id",modelValue:t.form.dealer_id,"onUpdate:modelValue":e[12]\|\|(e[12]=b=>t.form.dealer_id=b),searchable:!0,options:t.dealershipOptions,loading:t.state.isDealershipLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",Xs,u(t.basicInformationItems.dealership==null?"":t.basicInformationItems.dealership.name),1))]),_:1}),l(d,{label:"Job Grade: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",to,[l(h,{placeholder:"",type:"text",name:"job_grade_id",modelValue:t.form.job_grade_id,"onUpdate:modelValue":e[13]\|\|(e[13]=b=>t.form.job_grade_id=b)},null,8,["modelValue"])])):(i(),n("div",eo,u(t.basicInformationItems.salary_grade==null?"":t.basicInformationItems.salary_grade.name),1))]),_:1})]),o("div",so,[l(d,{label:"Office: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",io,[l(w,{placeholder:"",type:"text",name:"office_id",modelValue:t.form.office_id,"onUpdate:modelValue":e[14]\|\|(e[14]=b=>t.form.office_id=b),searchable:!0,options:t.officeOptions,loading:t.state.isOfficeLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",oo,u(t.basicInformationItems.office==null?"":t.basicInformationItems.office.name),1))]),_:1}),l(d,{label:"Employment Status: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",no,[l(w,{placeholder:"",type:"text",name:"employment_status_id",modelValue:t.form.employment_status_id,"onUpdate:modelValue":e[15]\|\|(e[15]=b=>t.form.employment_status_id=b),searchable:!0,options:t.employmentTypeOptions,loading:t.state.isEmploymentTypeLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",lo,u(t.basicInformationItems.employment_type==null?"":t.basicInformationItems.employment_type.name),1))]),_:1})]),o("div",ro,[l(d,{label:"Group: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",co,[l(w,{placeholder:"",type:"text",name:"group_id",modelValue:t.form.group_id,"onUpdate:modelValue":e[16]\|\|(e[16]=b=>t.form.group_id=b),searchable:!0,options:t.groupOptions,loading:t.state.isGroupLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",ao,u(t.basicInformationItems.group==null?"":t.basicInformationItems.group.name),1))]),_:1}),l(d,{label:"Division: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",uo,[l(w,{placeholder:"",type:"text",name:"division_id",modelValue:t.form.division_id,"onUpdate:modelValue":e[17]\|\|(e[17]=b=>t.form.division_id=b),searchable:!0,options:t.divisionOptions,loading:t.state.isDivisionLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",mo,u(t.basicInformationItems.division==null?"":t.basicInformationItems.division.name),1))]),_:1})]),o("div",po,[l(d,{label:"Remarks: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",ho,[l(h,{placeholder:"",type:"text",name:"remarks",modelValue:t.form.remarks,"onUpdate:modelValue":e[18]\|\|(e[18]=b=>t.form.remarks=b)},null,8,["modelValue"])])):(i(),n("div",fo,u(t.form.remarks),1))]),_:1}),l(d,{label:"Department: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",yo,[l(w,{placeholder:"",type:"text",name:"department_id",modelValue:t.form.department_id,"onUpdate:modelValue":e[19]\|\|(e[19]=b=>t.form.department_id=b),searchable:!0,options:t.departmentOptions,loading:t.state.isDepartmentLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",go,u(t.basicInformationItems.department==null?"":t.basicInformationItems.department.name),1))]),_:1})]),o("div",_o,[l(d,{label:"Charge To: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",xo,[l(w,{placeholder:"",type:"text",name:"charge_to",modelValue:t.form.charge_to,"onUpdate:modelValue":e[20]\|\|(e[20]=b=>t.form.charge_to=b),searchable:!0,options:t.companyOptions,loading:t.state.isCompanyLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",bo,u(t.basicInformationItems.charge_to==null?"":t.basicInformationItems.charge_to.name),1))]),_:1}),l(d,{label:"Work Location: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",wo,[l(w,{placeholder:"",type:"text",name:"work_location",modelValue:t.form.work_location_id,"onUpdate:modelValue":e[21]\|\|(e[21]=b=>t.form.work_location_id=b),searchable:!0,options:t.localityOptions,loading:t.state.isLocalityLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",vo,u(t.basicInformationItems.locality==null?"":t.basicInformationItems.locality.locality),1))]),_:1})]),t.isManager>=3?(i(),n("div",ko,[o("label",Co,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.confidential,"onUpdate:modelValue":e[22]\|\|(e[22]=b=>t.form.confidential=b),disabled:!t.isEditing},null,8,Eo),[[te,t.form.confidential]]),e[27]\|\|(e[27]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[28]\|\|(e[28]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Confidential",-1))])])):g("",!0),t.form.employee_id!==(((f=(_=this.$store.userSettings.getActiveUser)==null?void 0:_.employees)==null?void 0:f.employee_id)??null)?(i(),n("div",So,[t.isCreate?(i(),n("div",Io,[l(S,{text:"SAVE",btnClass:"btn-primary pl-5 pr-5 p-2",onClick:c.toggleCancel},null,8,["onClick"])])):(i(),n("div",Ro,[!t.isEditing&&s.$ability.can("edit","employmentBasic")?(i(),y(S,{key:0,text:"EDIT",btnClass:"bg-indigo-600 text-white p-2 w-full",onClick:c.toggleEdit,class:"mt-4"},null,8,["onClick"])):(i(),n("div",Vo,[o("div",Fo,[s.$ability.can("edit","employmentBasic")?(i(),y(S,{key:0,text:"UPDATE",btnClass:"btn-info p-2 w-full",type:"submit"})):g("",!0),s.$ability.can("edit","employmentBasic")?(i(),y(S,{key:1,text:"CANCEL",btnClass:"btn-light p-2 w-full hover:bg-gray-300",onClick:c.toggleCancel},null,8,["onClick"])):g("",!0)])]))]))])):g("",!0)],32),l(k,{onCloseModal:e[24]\|\|(e[24]=b=>t.state.showModal=!1),ref:"resignationForm",onReload:e[25]\|\|(e[25]=b=>c.saveRecord(t.form.id))},null,512)])),o("div",$o,[o("div",null,[o("div",Bo,[l(x,{title:"Schedule"},{default:a(()=>[t.state.isEmployeeScheduleLoading?(i(),n("div",Mo,[l(v,{icon:"svg-spinners:bars-scale",class:"text-3xl text-center mx-auto"}),e[29]\|\|(e[29]=o("div",{class:"w-full text-center"},"Loading",-1))])):g("",!0),!t.state.isEmployeeScheduleLoading&&t.isEmployeeScheduleRecord?(i(),n("div",Do,[l(d,{label:"Name:",labelClass:"font-bold"},{default:a(()=>[K(u(t.employeeScheduleRecord.data.schedule.name),1)]),_:1}),t.employeeScheduleRecord.data.schedule.cws_day!=null?(i(),n("div",Lo,[l(d,{label:"Regular Day",labelClass:"font-bold mt-4"},{default:a(()=>[K(u(t.employeeScheduleRecord.data.schedule.cws_day),1)]),_:1}),o("div",Ao,[l(d,{label:"From Time",labelClass:"font-bold"},{default:a(()=>[K(u(this.$formatTime(t.employeeScheduleRecord.data.schedule.cws_from_time)),1)]),_:1}),l(d,{label:"To Time",labelClass:"font-bold"},{default:a(()=>[K(u(this.$formatTime(t.employeeScheduleRecord.data.schedule.cws_to_time)),1)]),_:1})]),l(d,{label:"CWS Day",labelClass:"font-bold mt-4"},{default:a(()=>[o("div",Uo,[l(d,{label:"From Time",labelClass:"font-bold"},{default:a(()=>[K(u(this.$formatTime(t.employeeScheduleRecord.data.schedule.from_time)),1)]),_:1}),l(d,{label:"To Time",labelClass:"font-bold"},{default:a(()=>[K(u(this.$formatTime(t.employeeScheduleRecord.data.schedule.to_time)),1)]),_:1})])]),_:1}),l(d,{label:"Day Off",labelClass:"font-bold"},{default:a(()=>[K(u(t.employeeScheduleRecord.data.schedule.day_off),1)]),_:1})])):(i(),n("div",To,[l(d,{label:"Regular Day",labelClass:"font-bold"},{default:a(()=>[o("div",zo,[l(d,{label:"From Time",labelClass:"font-bold"},{default:a(()=>[K(u(this.$formatTime(t.employeeScheduleRecord.data.schedule.from_time)),1)]),_:1}),l(d,{label:"To Time",labelClass:"font-bold"},{default:a(()=>[K(u(this.$formatTime(t.employeeScheduleRecord.data.schedule.to_time)),1)]),_:1})])]),_:1}),l(d,{label:"Day Off",labelClass:"font-bold"},{default:a(()=>[K(u(t.employeeScheduleRecord.data.schedule.day_off),1)]),_:1})]))])):t.isEmployeeScheduleRecordEmpty?(i(),n("div",Oo," No Schedule Assigned to this Employee ")):g("",!0)]),_:1})])]),l(x,{title:"Personnel Movement",imgTop:"true",noborder:""},{default:a(()=>[o("div",qo,[l(m,{pafItems:t.pafItems},null,8,["pafItems"])])]),_:1})])])}const jo=F(fs,[["render",Po]]);const Go={components:{View:at,Pagination:Ke,Icon:U,Tooltip:Je},props:{salaryIncreaseItems:{type:Array}},data(){return{current:1,perpage:10,pageRange:5,searchTerm:"",dateNow:He(new Date).format("YYYY-MM-DD"),columns:[{label:"#",field:"#"},{label:"Salary From",field:"present_salary",formatFn:s=>parseFloat(parseFloat(s).toFixed(2)).toLocaleString()},{label:"Salary To",field:"salary_increase_to",formatFn:s=>parseFloat(parseFloat(s).toFixed(2)).toLocaleString()},{label:"Effectivity Date",field:"effectivity"},{label:"PAF",field:"action"}]}},methods:{viewRecord(s){this.$refs.view.resetForm(),this.$refs.view.loadRecord(s),this.$refs.view.state.showModal=!0}},mounted(){console.log(this.salaryIncreaseItems)}},No={key:0,class:"block w-full"},Yo={key:1},Wo={class:"flex space-x-3 justify-center rtl:space-x-reverse"},Ho={class:"action-btn"},Jo={class:"py-4 px-3 flex justify-center"};function Ko(s,e,p,E,t,c){const v=r("Icon"),h=r("Tooltip"),d=r("Pagination"),R=r("vue-good-table"),w=r("View");return i(),n(L,null,[o("div",null,[l(R,{columns:t.columns,styleClass:" vgt-table lesspadding2 centered ",rows:p.salaryIncreaseItems,"pagination-options":{enabled:!0,perPage:t.perpage},"sort-options":{enabled:!1},"select-options":{enabled:!1,selectioninfoClass:"custom-class",clearSelectionText:"clear",disableSelectinfo:!0}},{"table-row":a(S=>[S.column.field=="effectivity"?(i(),n("span",No,[o("span",{class:q(["inline-block px-3 min-w-[90px] text-center mx-auto py-1 rounded-md bg-opacity-25",`${S.row.effectivity<=t.dateNow?"text-success-500 bg-success-200":""} ${S.row.effectivity>=t.dateNow?"text-danger-500 bg-danger-200":""} `])},u(S.row.effectivity),3)])):g("",!0),S.column.field=="action"?(i(),n("span",Yo,[o("div",Wo,[l(h,{placement:"top",arrow:"",theme:"dark"},{button:a(()=>[o("div",Ho,[l(v,{icon:"heroicons:eye",onClick:k=>c.viewRecord(S.row)},null,8,["onClick"])])]),default:a(()=>[e[2]\|\|(e[2]=o("span",null," View",-1))]),_:2},1024)])])):g("",!0)]),"pagination-bottom":a(S=>[o("div",Jo,[l(d,{total:1,current:t.current,"per-page":t.perpage,pageRange:t.pageRange,onPageChanged:e[0]\|\|(e[0]=k=>t.current=k),pageChanged:S.pageChanged,perPageChanged:S.perPageChanged},{default:a(()=>e[3]\|\|(e[3]=[K(" > ")])),_:2},1032,["current","per-page","pageRange","pageChanged","perPageChanged"])])]),_:1},8,["columns","rows","pagination-options"])]),l(w,{onCloseModal:e[1]\|\|(e[1]=S=>s.state.showModal=!1),ref:"view"},null,512)],64)}const dt=F(Go,[["render",Ko],["__scopeId","data-v-5d1dd1f4"]]),Qo={components:{Multiselect:T,Card:P,Textinput:X,Button:Z,Icon:U,FormGroup:D,Checkbox:$e,Radio:Be,CrmTable:dt,DropEvent:Qe},props:{},data(){return{taxApplicationsOptions:[{label:"Base on Table",value:"1"},{label:"No Tax",value:"2"},{label:"Force Tax",value:"3"}],payrollRateOptions:[{label:"Monthly",value:"Monthly"},{label:"Daily",value:"Daily"}],paymentTypeOptions:[{value:"Semi-Monthly",label:"Semi-Monthly"},{value:"Monthly",label:"Monthly"}],isEditing:!1,salaryHistory:[{id:"1",salaryFrom:"30,000.00",salaryTo:"34,800.00",effectivityDate:"2023-01-01"},{id:"2",salaryFrom:"34,800.00",salaryTo:"38,000.00",effectivityDate:"2025-01-01"}],errors:{},form:{isManager:"",employee_id:this.$route.params.id,position:"",position_exclusive_date:"",salary_effectivity_date:"",payroll_rate:"",salary_rate:"",confidential:"",drivers_license:"",payment_type:"",payroll_mode:"",bank_account:"",tax_exemption:"",tax_application:"",ee:"",er:"",charge_salary:"",cola:"",tax:!1,no_tax:!1,sss:!1,no_sss:!1,pagibig:!1,no_pagibig:!1,philhealth:!1,no_philhealth:!1,attendance_based:!1,flexible:!1,isTaxShield:!1},state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1},salaryAndWagesItems:[],salaryIncreaseItems:[]}},methods:{toggleEdit(){this.isEditing=!0},toggleCancel(){this.isEditing=!1},async onSubmit(){try{await z().shape({salary_rate:B().required("Salary field is required"),tax_application:B().required("Tax Application field is required")}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}},async saveRecord(){await nt.create(this.$route.params.id,this.form).then(s=>{s.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(s=>{console.log(s),s.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1})},async fetchSalaryAndWagesData(){var s,e,p;this.state.isLoading=!0;try{const E=await nt.fetchRecord(this.$route.params.id);if(E.status===200){this.salaryAndWagesItems=E.data,this.form=E.data.salary_and_wages,this.salaryAndWagesItems.confidential=this.salaryAndWagesItems.confidential,this.form.confidential=this.salaryAndWagesItems.confidential,this.form.ee=this.form.fixed_pagibig_contribution,this.form.er=this.form.fixed_pagibig_amount_er,this.isManager=(p=(e=(s=this.$store.userSettings)==null?void 0:s.getActiveUser)==null?void 0:e.employees)!=null&&p.classification_id?this.$store.userSettings.getActiveUser.employees.classification_id:3;const t=JSON.parse(this.salaryAndWagesItems.salary_and_wages.shields);t&&(this.form.tax=t.tax==1,this.form.no_tax=t.no_tax==1,this.form.sss=t.sss==1,this.form.no_sss=t.no_sss==1,this.form.philhealth=t.philhealth==1,this.form.no_philhealth=t.no_philhealth==1,this.form.pagibig=t.pagibig==1,this.form.no_pagibig=t.no_pagibig==1)}this.state.isLoading=!1}catch(E){console.log(E)}},async fetchPAFData(){await pt.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.salaryIncreaseItems=e.filter(p=>p.present_salary!=p.salary_increase_to).map((p,E)=>({...p,"#":E+1}))}).catch(s=>{console.error("Error fetching records:",s)})}},mounted(){this.fetchSalaryAndWagesData(),this.fetchPAFData()}},Xo={class:"relative text-slate-600 dark:text-slate-400 text-sm font-normal"},Zo={class:"text-9xl"},ei={key:1},ti={class:"grid grid-cols-3 gap-2 mb-2 capitalize"},si={key:0,class:"text-md"},oi={key:1},ii={key:0,class:"text-md"},li={key:1},ni={class:"grid grid-cols-3 gap-2 mb-2 capitalize"},ri={key:0,class:"text-md"},ai={key:1},di={key:0,class:"text-red-500"},ci={key:1},mi={key:0},ui={key:0,class:"text-md"},pi={key:1},fi={key:1,class:"text-red-500"},hi={key:0,class:"text-md"},gi={key:1},yi={class:"grid grid-cols-4 gap-2 mb-2 capitalize"},_i={key:0,class:"text-md"},bi={key:1},xi={key:0,class:"text-md"},vi={key:1},wi={key:0,class:"text-md"},ki={key:1},Ci={key:0,class:"text-md"},Ei={key:1},Si={key:2,class:"text-[#ec4899]"},Ri={class:"grid grid-cols-3 gap-2 mb-2 capitalize"},Vi={class:"grid grid-cols-3 gap-3"},Fi={key:0,class:"text-md"},Ii={key:1},$i={key:0,class:"text-md"},Bi={key:1},Mi={key:0,class:"text-md"},Di={key:1},Li={key:0,class:"text-md"},Ai={key:1},Ui={class:"grid grid-cols-8 gap-2 mb-2 capitalize"},Ti={class:"flex items-center gap-4"},zi={class:"flex items-center cursor-pointer"},Oi=["checked","disabled"],qi={class:"flex items-center gap-4"},Pi={class:"flex items-center cursor-pointer"},ji=["checked","disabled"],Gi={class:"flex items-center gap-4"},Ni={class:"flex items-center cursor-pointer"},Yi=["checked","disabled"],Wi={class:"flex items-center gap-4"},Hi={class:"flex items-center cursor-pointer"},Ji=["checked","disabled"],Ki={class:"flex items-center gap-4"},Qi={class:"flex items-center cursor-pointer"},Xi=["checked","disabled"],Zi={class:"flex items-center gap-4"},el={class:"flex items-center cursor-pointer"},tl=["checked","disabled"],sl={class:"flex items-center gap-4"},ol={class:"flex items-center cursor-pointer"},il=["checked","disabled"],ll={class:"flex items-center gap-4"},nl={class:"flex items-center cursor-pointer"},rl=["checked","disabled"],al={class:"flex items-center gap-4"},dl={class:"flex items-center cursor-pointer"},cl=["checked","disabled"],ml={class:"flex items-center gap-4"},ul={class:"flex items-center cursor-pointer"},pl=["checked","disabled"],fl={key:1,class:"mt-4 flex space-x-2"},hl={class:"grid grid-cols-2 gap-2 w-full"},gl={class:"-mx-6"};function yl(s,e,p,E,t,c){const v=r("Icon"),h=r("FormGroup"),d=r("flat-pickr"),R=r("Multiselect"),w=r("Textinput"),S=r("Checkbox"),k=r("Button"),x=r("CrmTable"),m=r("Card");return i(),n("div",Xo,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",Zo,[l(v,{icon:"svg-spinners:blocks-scale",class:"text-gray-400"})]),e[25]\|\|(e[25]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",ei,[o("form",{onSubmit:e[24]\|\|(e[24]=$((..._)=>c.onSubmit&&c.onSubmit(..._),["prevent"])),class:"mb-2",novalidate:""},[o("div",ti,[l(h,{label:"Position: ",labelClass:"font-bold"},{default:a(()=>[K(u(t.salaryAndWagesItems.position==null?"":t.salaryAndWagesItems.position.name),1)]),_:1}),l(h,{label:"Position Exlcusive Dates: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",oi,[l(d,{placeholder:"",type:"text",name:"position_exclusive_date",modelValue:t.form.position_exclusive_date,"onUpdate:modelValue":e[0]\|\|(e[0]=_=>t.form.position_exclusive_date=_),class:"form-control"},null,8,["modelValue"])])):(i(),n("div",si,u(t.form.position_exclusive_date),1))]),_:1}),l(h,{label:"Salary Effectivity Date: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",li,[l(d,{placeholder:"",type:"text",name:"salary_effectivity_date",modelValue:t.form.salary_effectivity_date,"onUpdate:modelValue":e[1]\|\|(e[1]=_=>t.form.salary_effectivity_date=_),class:"form-control"},null,8,["modelValue"])])):(i(),n("div",ii,u(t.form.salary_effectivity_date),1))]),_:1})]),o("div",ni,[l(h,{label:"Payroll Rate: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",ai,[l(R,{placeholder:"",type:"text",name:"payroll_rate",modelValue:t.form.payroll_rate,"onUpdate:modelValue":e[2]\|\|(e[2]=_=>t.form.payroll_rate=_),options:t.payrollRateOptions},null,8,["modelValue","options"])])):(i(),n("div",ri,u(t.form.payroll_rate),1))]),_:1}),l(h,{label:"Salary Rate:",labelClass:"font-bold",isRequired:!0},{default:a(()=>{var _;return[t.form.confidential==1&&s.isManager<=2\|\|s.$ability.can("view","employeeSalary")&&t.form.confidential==1&&s.isManager<=2?(i(),n("div",di," *** ")):(i(),n("div",ci,[s.$ability.can("view","employeeSalary")?(i(),n("div",mi,[t.isEditing?(i(),n("div",pi,[l(w,{placeholder:"",type:"text",name:"salary_rate",modelValue:t.form.salary_rate,"onUpdate:modelValue":e[3]\|\|(e[3]=f=>t.form.salary_rate=f),error:t.errors.salary_rate,disabled:!s.$ability.can("edit","employeeSalary")},null,8,["modelValue","error","disabled"])])):(i(),n("div",ui,u(this.$formatNumber((_=t.form)==null?void 0:_.salary_rate)),1))])):(i(),n("div",fi," **** "))]))]}),_:1}),l(h,{label:"Payment Type:",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",gi,[l(R,{placeholder:"",type:"text",name:"payment_type",modelValue:t.form.payment_type,"onUpdate:modelValue":e[4]\|\|(e[4]=_=>t.form.payment_type=_),options:t.paymentTypeOptions,label:"label","track-by":"value"},null,8,["modelValue","options"])])):(i(),n("div",hi,u(t.form.payment_type),1))]),_:1})]),e[46]\|\|(e[46]=o("hr",{class:"mb-4"},null,-1)),o("div",yi,[l(h,{label:"Payroll Mode: ",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",bi,[l(w,{placeholder:"",type:"text",name:"payroll_mode",modelValue:t.form.payroll_mode,"onUpdate:modelValue":e[5]\|\|(e[5]=_=>t.form.payroll_mode=_)},null,8,["modelValue"])])):(i(),n("div",_i,u(t.form.payroll_mode),1))]),_:1}),l(h,{label:"Bank Acct.:",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",vi,[l(w,{placeholder:"",type:"text",name:"bank_account",modelValue:t.form.bank_account,"onUpdate:modelValue":e[6]\|\|(e[6]=_=>t.form.bank_account=_)},null,8,["modelValue"])])):(i(),n("div",xi,u(t.form.bank_account),1))]),_:1}),l(h,{label:"Tax Exemption:",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",ki,[l(w,{placeholder:"",type:"text",name:"tax_exemption",modelValue:t.form.tax_exemption,"onUpdate:modelValue":e[7]\|\|(e[7]=_=>t.form.tax_exemption=_)},null,8,["modelValue"])])):(i(),n("div",wi,u(t.form.tax_exemption),1))]),_:1}),l(h,{label:"Tax Application: ",isRequired:!0,labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Ei,[l(R,{placeholder:"",type:"text",name:"tax_application",modelValue:t.form.tax_application,"onUpdate:modelValue":e[8]\|\|(e[8]=_=>t.form.tax_application=_),options:t.taxApplicationsOptions},null,8,["modelValue","options"])])):(i(),n("div",Ci,u(t.form.tax_application==1?"Base on Table":t.form.tax_application==2?"No Tax":t.form.tax_application==3?"Force Tax":"N/A"),1)),t.errors.tax_application?(i(),n("div",Si,"Tax Application is required")):g("",!0)]),_:1})]),o("div",Ri,[o("div",Vi,[l(S,{disabled:!t.isEditing,label:"Fixed Pagibig Contribution: ",name:"terms",activeClass:"ring-blue-500 bg-blue-500 dark:bg-blue-700 dark:ring-blue-700",value:!0,modelValue:s.isHouseOwnerShip,"onUpdate:modelValue":e[9]\|\|(e[9]=_=>s.isHouseOwnerShip=_)},null,8,["disabled","modelValue"]),l(h,{label:"EE: "},{default:a(()=>[t.isEditing?(i(),n("div",Ii,[l(w,{placeholder:"",type:"text",name:"ee",modelValue:t.form.ee,"onUpdate:modelValue":e[10]\|\|(e[10]=_=>t.form.ee=_)},null,8,["modelValue"])])):(i(),n("div",Fi,u(t.form.ee),1))]),_:1}),l(h,{label:"ER: "},{default:a(()=>[t.isEditing?(i(),n("div",Bi,[l(w,{placeholder:"",type:"text",name:"er",modelValue:t.form.er,"onUpdate:modelValue":e[11]\|\|(e[11]=_=>t.form.er=_)},null,8,["modelValue"])])):(i(),n("div",$i,u(t.form.er),1))]),_:1})]),l(h,{label:"Charge Salary"},{default:a(()=>[t.isEditing?(i(),n("div",Di,[l(w,{placeholder:"",type:"text",name:"charge_salary",modelValue:t.form.charge_salary,"onUpdate:modelValue":e[12]\|\|(e[12]=_=>t.form.charge_salary=_)},null,8,["modelValue"])])):(i(),n("div",Mi,u(t.form.charge_salary),1))]),_:1}),l(h,{label:"COLA"},{default:a(()=>[t.isEditing?(i(),n("div",Ai,[l(w,{placeholder:"",type:"text",name:"cola",modelValue:t.form.cola,"onUpdate:modelValue":e[13]\|\|(e[13]=_=>t.form.cola=_)},null,8,["modelValue"])])):(i(),n("div",Li,u(t.form.cola),1))]),_:1})]),o("div",Ui,[o("div",Ti,[o("label",zi,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.tax,"onUpdate:modelValue":e[14]\|\|(e[14]=_=>t.form.tax=_),disabled:!t.isEditing},null,8,Oi),[[te,t.form.tax]]),e[26]\|\|(e[26]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[27]\|\|(e[27]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Tax Shield",-1))])]),o("div",qi,[o("label",Pi,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.sss,"onUpdate:modelValue":e[15]\|\|(e[15]=_=>t.form.sss=_),disabled:!t.isEditing},null,8,ji),[[te,t.form.sss]]),e[28]\|\|(e[28]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[29]\|\|(e[29]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"SSS Shield",-1))])]),o("div",Gi,[o("label",Ni,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.pagibig,"onUpdate:modelValue":e[16]\|\|(e[16]=_=>t.form.pagibig=_),disabled:!t.isEditing},null,8,Yi),[[te,t.form.pagibig]]),e[30]\|\|(e[30]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[31]\|\|(e[31]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Pagibig Shield",-1))])]),o("div",Wi,[o("label",Hi,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.philhealth,"onUpdate:modelValue":e[17]\|\|(e[17]=_=>t.form.philhealth=_),disabled:!t.isEditing},null,8,Ji),[[te,t.form.philhealth]]),e[32]\|\|(e[32]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[33]\|\|(e[33]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Philhealth Shield",-1))])]),o("div",Ki,[o("label",Qi,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.attendance_based,"onUpdate:modelValue":e[18]\|\|(e[18]=_=>t.form.attendance_based=_),disabled:!t.isEditing},null,8,Xi),[[te,t.form.attendance_based]]),e[34]\|\|(e[34]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[35]\|\|(e[35]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Always Present",-1))])]),o("div",Zi,[o("label",el,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.flexible,"onUpdate:modelValue":e[19]\|\|(e[19]=_=>t.form.flexible=_),disabled:!t.isEditing},null,8,tl),[[te,t.form.flexible]]),e[36]\|\|(e[36]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[37]\|\|(e[37]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Flexible",-1))])]),o("div",sl,[o("label",ol,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.no_tax,"onUpdate:modelValue":e[20]\|\|(e[20]=_=>t.form.no_tax=_),disabled:!t.isEditing},null,8,il),[[te,t.form.no_tax]]),e[38]\|\|(e[38]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[39]\|\|(e[39]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"No Tax",-1))])]),o("div",ll,[o("label",nl,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.no_sss,"onUpdate:modelValue":e[21]\|\|(e[21]=_=>t.form.no_sss=_),disabled:!t.isEditing},null,8,rl),[[te,t.form.no_sss]]),e[40]\|\|(e[40]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[41]\|\|(e[41]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"No SSS",-1))])]),o("div",al,[o("label",dl,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.no_pagibig,"onUpdate:modelValue":e[22]\|\|(e[22]=_=>t.form.no_pagibig=_),disabled:!t.isEditing},null,8,cl),[[te,t.form.no_pagibig]]),e[42]\|\|(e[42]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[43]\|\|(e[43]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"No Pagibig",-1))])]),o("div",ml,[o("label",ul,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.no_philhealth,"onUpdate:modelValue":e[23]\|\|(e[23]=_=>t.form.no_philhealth=_),disabled:!t.isEditing},null,8,pl),[[te,t.form.no_philhealth]]),e[44]\|\|(e[44]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[45]\|\|(e[45]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"No Philhealth",-1))])])]),!t.isEditing&&s.$ability.can("edit","employmentBasic")?(i(),y(k,{key:0,text:"EDIT",btnClass:"bg-indigo-600 text-white p-2 w-full",onClick:c.toggleEdit,class:"mt-4"},null,8,["onClick"])):(i(),n("div",fl,[o("div",hl,[s.$ability.can("edit","employmentBasic")?(i(),y(k,{key:0,text:"UPDATE",btnClass:"btn-info p-2 w-full",type:"submit"})):g("",!0),s.$ability.can("edit","employmentBasic")?(i(),y(k,{key:1,text:"CANCEL",btnClass:"btn-light p-2 w-full hover:bg-gray-300",onClick:c.toggleCancel},null,8,["onClick"])):g("",!0)])]))],32),l(m,{title:"Salary History",imgTop:"true",noborder:""},{default:a(()=>[o("div",gl,[l(x,{salaryIncreaseItems:t.salaryIncreaseItems},null,8,["salaryIncreaseItems"])])]),_:1})]))])}const _l=F(Qo,[["render",yl]]),bl={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{frequencyOptions:[{value:1,label:"1st Cut-Off"},{value:2,label:"2nd Cut-Off"},{value:3,label:"Every Cut-Off"}],addLessOptions:[{value:1,label:"Addition"},{value:2,label:"Deduction"}],benefitsOption:[],form:{employee_id:[this.$route.params.id],benefits_type_id:"",add_less:"",amount:"",date_from:"",date_to:"",frequency:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1,isBenefitsTypeLoading:!1}}},methods:{compensationChange(s){console.log("this is the value of value",s)},async fetchBenefitsType(){this.state.isBenefitsTypeLoading=!0,await Dt.fetchRecords().then(s=>{s.status==200&&(this.benefitsOption=s.data.data.map(e=>({value:e.id,label:e.name,amount:e.fixed_amount,add_less:e.add_less,frequency:e.frequency}))),this.state.isBenefitsTypeLoading=!1}).catch(s=>{console.log(s)})},loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:[this.$route.params.id],leave_type_id:"",remaining:"",hours:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log("record is saving chuchu"),!this.state.isEdit)await Me.create(this.form).then(s=>{console.log(s.status),s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm()),this.reload()}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Me.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({employee_id:this.state.isEdit?B().required("Employee field is required"):ft().of(B()).required("Employee field is required"),benefits_type_id:B().required("Benefit is required")}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}},getDaysBaseOnHours(){console.log(this.from.hours)}},watch:{"form.benefits_type_id"(s){const e=this.benefitsOption.find(p=>p.value===s);e&&(e.amount!=0&&(this.form.amount=e.amount),this.form.add_less=e.add_less,this.form.frequency=e.frequency)}},mounted(){console.log(this.form),this.fetchBenefitsType()}},xl={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},vl={class:"grid grid-cols-1 gap-2"},wl={class:"grid grid-cols-2 gap-2"},kl={class:"relative"},Cl={class:"grid grid-cols-2 gap-2"},El={class:"relative"},Sl={key:0,class:"text-[#ec4899]"},Rl={class:"flex gap-1 justify-end"};function Vl(s,e,p,E,t,c){const v=r("Multiselect"),h=r("FormGroup"),d=r("TextInput"),R=r("flat-pickr"),w=r("SubmitButton"),S=r("UpdateButton"),k=r("CloseButton"),x=r("FormModal");return i(),y(x,{title:t.state.isEdit?"Edit Benefit Record":"Add Benefit Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:a(()=>[o("div",xl,[o("form",{onSubmit:e[5]\|\|(e[5]=$((...m)=>s.confirmSubmit&&s.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[o("div",vl,[l(h,{label:"Benefits",isRequired:!0},{default:a(()=>[l(v,{type:"text",placeholder:"",modelValue:t.form.benefits_type_id,"onUpdate:modelValue":e[0]\|\|(e[0]=m=>t.form.benefits_type_id=m),error:t.errors.benefits_type_id,options:t.benefitsOption,searchable:!0,loading:t.state.isBenefitsTypeLoading},null,8,["modelValue","error","options","loading"])]),_:1})]),o("div",wl,[l(h,{label:"Addition / Deduction"},{default:a(()=>[o("div",kl,[l(v,{modelValue:t.form.add_less,"onUpdate:modelValue":e[1]\|\|(e[1]=m=>t.form.add_less=m),"close-on-select":!0,searchable:!0,id:"add_less",options:t.addLessOptions},null,8,["modelValue","options"])])]),_:1}),l(h,{label:"Amount"},{default:a(()=>[l(d,{type:"text",placeholder:"Input amount ",modelValue:t.form.amount,"onUpdate:modelValue":e[2]\|\|(e[2]=m=>t.form.amount=m),error:t.errors.amount,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),o("div",Cl,[l(h,{label:"Cut Off"},{default:a(()=>[o("div",El,[l(v,{modelValue:t.form.frequency,"onUpdate:modelValue":e[3]\|\|(e[3]=m=>t.form.frequency=m),"close-on-select":!0,searchable:!0,id:"frequency",options:t.frequencyOptions},null,8,["modelValue","options"])])]),_:1}),l(h,{label:"Effectivity Date",isRequired:!0},{default:a(()=>[l(R,{modelValue:t.form.date_from,"onUpdate:modelValue":e[4]\|\|(e[4]=m=>t.form.date_from=m),class:"form-control h-[48px]",placeholder:"Select date"},null,8,["modelValue"]),t.errors.date_from?(i(),n("div",Sl,"Effectivity date is required")):g("",!0)]),_:1})]),o("div",Rl,[t.state.isEdit?(i(),y(S,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(w,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(k,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const Fl=F(bl,[["render",Vl]]);const Il={components:{Form:Fl,Card:P,Textinput:X,Button:Z,Icon:U,FormGroup:D,Checkbox:$e,Radio:Be,CrmTable:dt,DropEvent:Qe,Pagination:Ke,Tooltip:Je,CreateButton:Lt,EditButton:ie,DeleteButton:oe},props:{},data(){return{benefitsItems:null,leaveCreditsItems:null,isEditing:!1,benefits:[],leaves:[{id:1,name:"Leave",noOfDays:"5",availmentPeriod:"2024-12-31",resettable:!0,convertibleToCash:!0},{id:2,name:"Sick",noOfDays:"5",availmentPeriod:"2024-12-31",resettable:!0,convertibleToCash:!0}],current:1,perpage:10,pageRange:5,searchTerm:"",dateNow:He(new Date).format("YYYY-MM-DD"),columns:[{label:"#",field:"id"},{label:"Benefits Type",field:"benefits_type_id"},{label:"Addition / Deduction",field:"add_less"},{label:"Amount",field:"amount"},{label:"Date From",field:"date_from"},{label:"Frequency",field:"frequency"},{label:"Action",field:"action"}],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchEmployeeBenefitsRecords(){this.state.isLoading=!0,await Me.fetchRecords({id:this.$route.params.id,dealership:this.$store.userSettings.activeDealership}).then(s=>{this.benefitsItems=s.data.data,this.state.isLoading=!1})},async fetchEmployeeLeaveCreditRecords(){this.state.isLoading=!0,await At.fetchEmployeeLeaveCreditRecords({employee_id:this.$route.params.id}).then(s=>{this.leaveCreditsItems=s.data})},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{e.value&&(this.state.isDeleting=!0,Me.remove(s).then(p=>{console.log(p),p.status==201&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}))}).catch(e=>{e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1})},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},toggleEdit(){this.isEditing=!0},toggleCancel(){this.isEditing=!1},onSubmit(){console.log("Form submitted:",this.nickname)}},mounted(){this.fetchEmployeeBenefitsRecords(),this.fetchEmployeeLeaveCreditRecords()}},$l={class:"relative text-slate-600 dark:text-slate-400 text-sm font-normal"},Bl={class:"text-9xl"},Ml={key:1,class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Dl={key:0},Ll={class:"p-6 mb-6"},Al={class:"card-title text-slate-900 dark:text-white flex justify-between items-center"},Ul={key:0},Tl={class:"-mx-6"},zl={class:"p-4"},Ol={key:0,class:"flex gap-1"},ql={key:1,class:"flex gap-1"},Pl={key:2,class:"flex gap-1"},jl={key:3,class:"flex gap-1"},Gl={class:"py-4 px-3 flex justify-center"},Nl={class:"xl:col-span-5 col-span-12 lg:col-span-7"},Yl={class:"bg-slate-100 dark:bg-slate-700 rounded px-4 pt-4 pb-1 flex flex-wrap justify-between mt-2"},Wl={class:"mr-3 mb-3 space-y-2 flex justify-center items-center"},Hl={class:"mr-3 mb-3 space-y-2"},Jl={class:"text-xs text-slate-600 dark:text-slate-300 flex justify-center items-center"},Kl={class:"mr-3 mb-3 space-y-2"},Ql={class:"text-xs text-slate-600 dark:text-slate-300 flex justify-center items-center"};function Xl(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Pagination"),S=r("vue-good-table"),k=r("Card"),x=r("Form");return i(),n("div",$l,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",Bl,[l(v,{icon:"svg-spinners:blocks-scale",class:"text-gray-400"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",Ml,[t.leaveCreditsItems?(i(),n("div",Dl,[l(k,{bodyClass:"p-0"},{default:a(()=>{var m,_;return[e[7]\|\|(e[7]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," BENEFITS & OTHER INCOME ",-1)),o("div",Ll,[o("div",Al,[e[3]\|\|(e[3]=o("div",null," Benefits & Other Income ",-1)),t.leaveCreditsItems[0].employee_id!=(((_=(m=this.$store.userSettings.getActiveUser)==null?void 0:m.employees)==null?void 0:_.employee_id)??null)?(i(),n("div",Ul,[s.$ability.can("add","benefitsAndIncome")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)])):g("",!0)]),o("div",Tl,[o("div",zl,[l(S,{columns:t.columns,styleClass:" vgt-table lesspadding2",rows:t.benefitsItems,"pagination-options":{enabled:!0,perPage:t.perpage},"sort-options":{enabled:!0},"select-options":{enabled:!1,selectioninfoClass:"custom-class",clearSelectionText:"clear",disableSelectinfo:!0}},{"table-row":a(f=>{var b,C;return[f.column.field=="benefits_type_id"?(i(),n("div",Ol,u(f.row.benefit.name),1)):g("",!0),f.column.field=="add_less"?(i(),n("div",ql,u(f.row.add_less==1?"Addition":"Deduction"),1)):g("",!0),f.column.field=="frequency"?(i(),n("div",Pl,u(f.row.frequency==1?"1st Cut Off":f.row.frequency==2?"2nd Cut Off":"Every Cut Off"),1)):g("",!0),f.column.field=="action"&&this.$route.params.id!=(((C=(b=this.$store.userSettings.getActiveUser)==null?void 0:b.employees)==null?void 0:C.employee_id)??null)?(i(),n("div",jl,[s.$ability.can("edit","benefitsAndIncome")?(i(),y(d,{key:0,onClick:M=>c.editRecord(f.row)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","benefitsAndIncome")?(i(),y(R,{key:1,onClick:M=>c.deleteRecord(f.row.id)},null,8,["onClick"])):g("",!0)])):g("",!0)]}),"pagination-bottom":a(f=>[o("div",Gl,[l(w,{total:1,current:t.current,"per-page":t.perpage,pageRange:t.pageRange,onPageChanged:e[0]\|\|(e[0]=b=>t.current=b),pageChanged:f.pageChanged,perPageChanged:f.perPageChanged},{default:a(()=>e[4]\|\|(e[4]=[K(" > ")])),_:2},1032,["current","per-page","pageRange","pageChanged","perPageChanged"])])]),_:1},8,["columns","rows","pagination-options"])]),o("div",Nl,[l(k,{title:"Leave"},{default:a(()=>[(i(!0),n(L,null,O(t.leaveCreditsItems,f=>(i(),n("div",{key:f.leave_type_id},[o("div",Yl,[o("div",Wl,u(f.leave_type.name),1),o("div",Hl,[e[5]\|\|(e[5]=o("div",{class:"text-xs font-medium text-slate-600 dark:text-slate-300"}," Days ",-1)),o("div",Jl,u(f.remaining),1)]),o("div",Kl,[e[6]\|\|(e[6]=o("div",{class:"text-xs font-medium text-slate-600 dark:text-slate-300"}," Hours ",-1)),o("div",Ql,u(f.hours),1)])])]))),128))]),_:1})]),l(x,{onCloseModal:e[1]\|\|(e[1]=f=>t.state.showModal=!1),ref:"form",onReload:c.fetchEmployeeBenefitsRecords},null,8,["onReload"])])])]}),_:1})])):g("",!0)]))])}const Zl=F(Il,[["render",Xl],["__scopeId","data-v-22819eee"]]),en={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,description:"",location:"",instructor:"",inclusive_dates:"",category:"",status:"",remarks:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,description:"",location:"",instructor:"",inclusive_dates:"",category:"",status:"",remarks:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await je.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await je.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({description:B().required("Description field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},tn={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},sn={class:"grid grid-cols-2 gap-2"},on={class:"flex gap-1 justify-end"};function ln(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("TextArea"),w=r("SubmitButton"),S=r("UpdateButton"),k=r("CloseButton"),x=r("FormModal");return i(),y(x,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",tn,[o("form",{onSubmit:e[7]\|\|(e[7]=$((...m)=>s.confirmSubmit&&s.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Description",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input description",modelValue:t.form.description,"onUpdate:modelValue":e[0]\|\|(e[0]=m=>t.form.description=m),error:t.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Location"},{default:a(()=>[l(h,{type:"text",placeholder:"Input location ",modelValue:t.form.location,"onUpdate:modelValue":e[1]\|\|(e[1]=m=>t.form.location=m),error:t.errors.location,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Instructor"},{default:a(()=>[l(R,{type:"text",placeholder:"Input instructor ",modelValue:t.form.instructor,"onUpdate:modelValue":e[2]\|\|(e[2]=m=>t.form.instructor=m),error:t.errors.instructor,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",sn,[l(d,{label:"Date"},{default:a(()=>[l(h,{type:"date",placeholder:"Inclusive Dates ",modelValue:t.form.inclusive_dates,"onUpdate:modelValue":e[3]\|\|(e[3]=m=>t.form.inclusive_dates=m),error:t.errors.inclusive_dates,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Category"},{default:a(()=>[l(h,{type:"text",placeholder:"Input category ",modelValue:t.form.category,"onUpdate:modelValue":e[4]\|\|(e[4]=m=>t.form.category=m),error:t.errors.category,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Status"},{default:a(()=>[l(h,{type:"text",placeholder:"Input status ",modelValue:t.form.status,"onUpdate:modelValue":e[5]\|\|(e[5]=m=>t.form.status=m),error:t.errors.status,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Remarks"},{default:a(()=>[l(h,{type:"text",placeholder:"Input remarks ",modelValue:t.form.remarks,"onUpdate:modelValue":e[6]\|\|(e[6]=m=>t.form.remarks=m),error:t.errors.remarks,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),o("div",on,[t.state.isEdit?(i(),y(S,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(w,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(k,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const nn=F(en,[["render",ln]]),rn={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:nn,EditButton:ie,DeleteButton:oe},props:{},data(){return{items:[],trainingAndSeminarItems:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchTrainingAndSeminarsData(){this.state.isLoading=!0,await je.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.trainingAndSeminarItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},reload(){this.$emit("reload")},removerowEduc(s){this.items.splice(s,1)},onSubmit(){console.log("Form submitted:",this.items)},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{e.value&&(this.state.isDeleting=!0,je.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.reload(),this.state.isDeleting=!1})}},mounted(){this.fetchTrainingAndSeminarsData()}},an={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},dn={class:"text-9xl"},cn={key:1},mn={class:"p-6"},un={key:0,class:"ltr:text-right"},pn={class:"overflow-x-auto mt-4"},fn={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},hn={class:"bg-zinc-50 dark:bg-zinc-800"},gn={class:"bg-gray-100"},yn={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},_n={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},bn={class:"px-6 py-4 whitespace-nowrap"},xn={class:"px-6 py-4 whitespace-nowrap"},vn={class:"px-6 py-4 whitespace-nowrap"},wn={class:"px-6 py-4 whitespace-nowrap"},kn={class:"px-6 py-4 whitespace-nowrap"},Cn={class:"px-6 py-4 whitespace-nowrap"},En={class:"px-6 py-4 whitespace-nowrap"},Sn={class:"px-6 py-4 whitespace-nowrap"},Rn={key:0,class:"px-6 py-4 whitespace-nowrap"};function Vn(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("Card");return i(),n("div",an,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",dn,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",cn,[l(S,{bodyClass:"p-0 "},{default:a(()=>{var k,x;return[o("div",mn,[this.$route.params.id!=(((x=(k=this.$store.userSettings.getActiveUser)==null?void 0:k.employees)==null?void 0:x.employee_id)??null)?(i(),n("div",un,[s.$ability.can("add","trainingsAndSeminars")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)])):g("",!0),o("form",{onSubmit:e[0]\|\|(e[0]=$((...m)=>c.onSubmit&&c.onSubmit(...m),["prevent"])),novalidate:""},[o("div",pn,[o("table",fn,[o("thead",hn,[o("tr",gn,[e[3]\|\|(e[3]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[4]\|\|(e[4]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Description",-1)),e[5]\|\|(e[5]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Location",-1)),e[6]\|\|(e[6]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Instructor/Provider",-1)),e[7]\|\|(e[7]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Inclusive Dates",-1)),e[8]\|\|(e[8]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Category",-1)),e[9]\|\|(e[9]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Status",-1)),e[10]\|\|(e[10]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Remarks",-1)),s.$ability.can("edit","trainingsAndSeminars")\|\|s.$ability.can("delete","trainingsAndSeminars")?(i(),n("th",yn," Actions ")):g("",!0)])]),o("tbody",_n,[(i(!0),n(L,null,O(t.trainingAndSeminarItems,(m,_)=>{var f,b;return i(),n("tr",{key:_,class:"mb-5"},[o("td",bn,u(_+1),1),o("td",xn,u(m.description),1),o("td",vn,u(m.location),1),o("td",wn,u(m.instructor),1),o("td",kn,u(m.inclusive_dates),1),o("td",Cn,u(m.category),1),o("td",En,u(m.status),1),o("td",Sn,u(m.remarks),1),this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("td",Rn,[s.$ability.can("edit","trainingsAndSeminars")?(i(),y(d,{key:0,onClick:C=>c.editRecord(m)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","trainingsAndSeminars")?(i(),y(R,{key:1,onClick:C=>c.deleteRecord(m.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(w,{onCloseModal:e[1]\|\|(e[1]=m=>t.state.showModal=!1),ref:"form",onReload:c.fetchTrainingAndSeminarsData},null,8,["onReload"])])]}),_:1})]))])}const Fn=F(rn,[["render",Vn]]),In={components:{Fileinput:Ye,FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{requirementListOptions:[],form:{employee_id:this.$route.params.id,description:"",date_requested:"",last_submit_date:"",date_submitted:"",expiration_date:"",remarks:"",attachment:"",requirement_list_id:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1,isRequirementListLoading:!1}}},methods:{handleMainImageUpload(){const s=event.target.files[0];this.form.attachment=s;const e=new FileReader;e.onload=()=>{s.type.startsWith("image/")?this.form.imageView=e.result:s.type==="application/pdf"?this.form.imageView=this.pdf_file_view:s.type==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"&&(this.form.imageView=this.excel_file_view)},e.readAsDataURL(s)},loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,description:"",date_requested:"",last_submit_date:"",date_submitted:"",expiration_date:"",remarks:"",attachment:"",requirement_list_id:""}},async fetchRequirementListRecords(){this.state.isRequirementListLoading=!0,Nt.fetchRecords().then(s=>{s.status==200&&(this.requirementListOptions=s.data.data.map(e=>({label:e.name,value:e.id}))),this.state.isRequirementListLoading=!1}).catch(s=>{console.log(s)})},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,this.state.isEdit){this.form.id;let s=new FormData;Object.keys(this.form).forEach(e=>{s.append(e,this.form[e])}),await qe.update(s).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}else{let s=new FormData;Object.keys(this.form).forEach(e=>{s.append(e,this.form[e])}),this.state.isSaving=!1,await qe.create(s).then(e=>{e.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(e=>{this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"error",timer:2e3})})}},async submitForm(){try{await z().shape({description:B().required("Description field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){this.fetchRequirementListRecords()}},$n={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Bn={class:"grid grid-cols-2 gap-2"},Mn={class:"grid grid-cols-2 gap-2"},Dn={class:"grid grid-cols-2 gap-2"},Ln={class:"grid grid-cols-2 gap-2"},An={key:0,class:"text-[#ec4899]"},Un={class:"flex gap-1 justify-end"};function Tn(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("flat-pickr"),w=r("Multiselect"),S=r("Fileinput"),k=r("Card"),x=r("SubmitButton"),m=r("UpdateButton"),_=r("CloseButton"),f=r("FormModal");return i(),y(f,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",$n,[o("form",{onSubmit:e[8]\|\|(e[8]=$((...b)=>s.confirmSubmit&&s.confirmSubmit(...b),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),o("div",Bn,[l(d,{label:"Description",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input description",modelValue:t.form.description,"onUpdate:modelValue":e[0]\|\|(e[0]=b=>t.form.description=b),error:t.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Date Requested"},{default:a(()=>[l(R,{modelValue:t.form.date_requested,"onUpdate:modelValue":e[1]\|\|(e[1]=b=>t.form.date_requested=b),class:"form-control h-[48px]",id:"date_requested",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1})]),o("div",Mn,[l(d,{label:"Last Submitted Date"},{default:a(()=>[l(R,{modelValue:t.form.last_submit_date,"onUpdate:modelValue":e[2]\|\|(e[2]=b=>t.form.last_submit_date=b),class:"form-control h-[48px]",id:"last_submit_date",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),l(d,{label:"Date Submitted"},{default:a(()=>[l(R,{modelValue:t.form.date_submitted,"onUpdate:modelValue":e[3]\|\|(e[3]=b=>t.form.date_submitted=b),class:"form-control h-[48px]",id:"date_submitted",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1})]),o("div",Dn,[l(d,{label:"Expiration Date"},{default:a(()=>[l(R,{modelValue:t.form.expiration_date,"onUpdate:modelValue":e[4]\|\|(e[4]=b=>t.form.expiration_date=b),class:"form-control h-[48px]",id:"expiration_date",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),l(d,{label:"Remarks"},{default:a(()=>[l(h,{type:"text",placeholder:"Input remarks",modelValue:t.form.remarks,"onUpdate:modelValue":e[5]\|\|(e[5]=b=>t.form.remarks=b),error:t.errors.remarks,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),o("div",Ln,[l(d,{label:"Requirement Lists",required:!0},{default:a(()=>[l(w,{modelValue:t.form.requirement_list_id,"onUpdate:modelValue":e[6]\|\|(e[6]=b=>t.form.requirement_list_id=b),error:t.errors.requirement_list_id,classInput:"h-12",options:t.requirementListOptions,loading:t.state.isRequirementListLoading},null,8,["modelValue","error","options","loading"])]),_:1}),l(d,{label:"Attachment"},{default:a(()=>[l(k,{title:"File Input Basic"},{default:a(()=>[l(S,{modelValue:t.form.attachment,"onUpdate:modelValue":e[7]\|\|(e[7]=b=>t.form.attachment=b),name:"basic",onChange:c.handleMainImageUpload,class:"h-[48px] w-full"},null,8,["modelValue","onChange"]),t.errors.attachment?(i(),n("div",An,u(t.errors.attachment),1)):g("",!0)]),_:1})]),_:1})]),o("div",Un,[t.state.isEdit?(i(),y(m,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(x,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(_,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const zn=F(In,[["render",Tn]]),On={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:zn,EditButton:ie,DeleteButton:oe},props:{},data(){return{requirementsItems:[],items:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchRequirementsData(){this.state.isLoading=!0,await qe.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.requirementsItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},async viewAttachment(s){if(this.state.isDownloading)return;this.state.isDownloading=!0;let e=await Ne.Reader2("requirements",s),p;if(s.endsWith(".pdf"))p="application/pdf";else if(s.endsWith(".png"))p="image/png";else if(s.endsWith(".jpg")\|\|s.endsWith(".jpeg"))p="image/jpeg";else if(s.endsWith(".svg"))p="image/svg+xml";else throw new Error("Unsupported file type");const E=atob(e),t=new Array(E.length);for(let d=0;d<E.length;d++)t[d]=E.charCodeAt(d);const c=new Uint8Array(t),v=new Blob([c],{type:p}),h=URL.createObjectURL(v);window.open(h),this.state.isLoadingPDF=!1,this.state.isDownloading=!1},reload(){this.$emit("reload")},removerowEduc(s){this.items.splice(s,1)},onSubmit(){console.log("Form submitted:",this.items)},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{e.value&&(this.state.isDeleting=!0,qe.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1,this.reload()})}},mounted(){this.fetchRequirementsData()}},qn={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Pn={class:"text-9xl"},jn={key:1},Gn={class:"p-6"},Nn={key:0,class:"ltr:text-right"},Yn={class:"overflow-x-auto mt-4"},Wn={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Hn={class:"bg-zinc-50 dark:bg-zinc-800"},Jn={class:"bg-gray-100"},Kn={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Qn={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Xn={class:"px-6 py-4 whitespace-nowrap"},Zn={class:"px-6 py-4 whitespace-nowrap"},er={class:"px-6 py-4 whitespace-nowrap"},tr={class:"px-6 py-4 whitespace-nowrap"},sr={class:"px-6 py-4 whitespace-nowrap"},or={class:"px-6 py-4 whitespace-nowrap"},ir={class:"px-6 py-4 whitespace-nowrap"},lr={class:"px-6 py-4 whitespace-nowrap"},nr={class:"px-6 py-4 whitespace-nowrap"},rr={key:0,class:"px-6 py-4 whitespace-nowrap"};function ar(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("Card");return i(),n("div",qn,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",Pn,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",jn,[l(S,{bodyClass:"p-0 "},{default:a(()=>{var k,x;return[o("div",Gn,[this.$route.params.id!=(((x=(k=this.$store.userSettings.getActiveUser)==null?void 0:k.employees)==null?void 0:x.employee_id)??null)?(i(),n("div",Nn,[s.$ability.can("add","requirements")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)])):g("",!0),o("form",{onSubmit:e[0]\|\|(e[0]=$((...m)=>c.onSubmit&&c.onSubmit(...m),["prevent"])),novalidate:""},[o("div",Yn,[o("table",Wn,[o("thead",Hn,[o("tr",Jn,[e[3]\|\|(e[3]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[4]\|\|(e[4]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Description",-1)),e[5]\|\|(e[5]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Date Requested",-1)),e[6]\|\|(e[6]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Last Submit Date",-1)),e[7]\|\|(e[7]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Date Submitted",-1)),e[8]\|\|(e[8]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Expiration Date",-1)),e[9]\|\|(e[9]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Requirement File",-1)),e[10]\|\|(e[10]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Attachment",-1)),e[11]\|\|(e[11]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Remarks",-1)),s.$ability.can("edit","requirements")\|\|s.$ability.can("delete","requirements")?(i(),n("th",Kn," Actions ")):g("",!0)])]),o("tbody",Qn,[(i(!0),n(L,null,O(t.requirementsItems,(m,_)=>{var f,b;return i(),n("tr",{key:_,class:"mb-5"},[o("td",Xn,u(_+1),1),o("td",Zn,u(m.description),1),o("td",er,u(m.date_requested),1),o("td",tr,u(m.last_submit_date),1),o("td",sr,u(m.date_submitted),1),o("td",or,u(m.expiration_date),1),o("td",ir,u(m.requirement_list.name),1),o("td",lr,[m.attachment!=""&&m.attachment!=null?(i(),y(v,{key:0,icon:"marketeq:file-zip",class:"text-2xl cursor-pointer",onClick:C=>c.viewAttachment(m.attachment)},null,8,["onClick"])):g("",!0)]),o("td",nr,u(m.remarks),1),this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("td",rr,[s.$ability.can("edit","requirements")?(i(),y(d,{key:0,onClick:C=>c.editRecord(m)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","requirements")?(i(),y(R,{key:1,onClick:C=>c.deleteRecord(m.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(w,{onCloseModal:e[1]\|\|(e[1]=m=>t.state.showModal=!1),ref:"form",onReload:c.fetchRequirementsData},null,8,["onReload"])])]}),_:1})]))])}const dr=F(On,[["render",ar]]),cr={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,visa_id:"",class:"",issued_date:"",expiration:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{reload(){this.$emit("reload")},loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,visa_id:"",class:"",issued_date:"",expiration:""}},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Ge.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Ge.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({visa_id:B().required("Visa field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},mr={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ur={class:"flex gap-1 justify-end"};function pr(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("flat-pickr"),w=r("SubmitButton"),S=r("UpdateButton"),k=r("CloseButton"),x=r("FormModal");return i(),y(x,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",mr,[o("form",{onSubmit:e[4]\|\|(e[4]=$((...m)=>s.confirmSubmit&&s.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Visa #",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input visa id",modelValue:t.form.visa_id,"onUpdate:modelValue":e[0]\|\|(e[0]=m=>t.form.visa_id=m),error:t.errors.visa_id,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Class"},{default:a(()=>[l(h,{type:"text",placeholder:"Input class ",modelValue:t.form.class,"onUpdate:modelValue":e[1]\|\|(e[1]=m=>t.form.class=m),error:t.errors.class,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Issued Date"},{default:a(()=>[l(R,{modelValue:t.form.issued_date,"onUpdate:modelValue":e[2]\|\|(e[2]=m=>t.form.issued_date=m),class:"form-control h-[48px]",id:"issued_date",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),l(d,{label:"Expiration"},{default:a(()=>[l(R,{modelValue:t.form.expiration,"onUpdate:modelValue":e[3]\|\|(e[3]=m=>t.form.expiration=m),class:"form-control h-[48px]",id:"expiration",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),o("div",ur,[t.state.isEdit?(i(),y(S,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(w,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(k,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const fr=F(cr,[["render",pr]]),hr={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,passport_id:"",country:"",issued_date:"",expiration:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{reload(){this.$emit("reload")},loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,passport_id:"",country:"",issued_date:"",expiration:""}},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Ie.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.$emit("reload"))}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Ie.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({passport_id:B().required("Passport field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},gr={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},yr={class:"flex gap-1 justify-end"};function _r(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("flat-pickr"),w=r("SubmitButton"),S=r("UpdateButton"),k=r("CloseButton"),x=r("FormModal");return i(),y(x,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",gr,[o("form",{onSubmit:e[4]\|\|(e[4]=$((...m)=>s.confirmSubmit&&s.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Passport #",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input passport id",modelValue:t.form.passport_id,"onUpdate:modelValue":e[0]\|\|(e[0]=m=>t.form.passport_id=m),error:t.errors.passport_id,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Country"},{default:a(()=>[l(h,{type:"text",placeholder:"Input country ",modelValue:t.form.country,"onUpdate:modelValue":e[1]\|\|(e[1]=m=>t.form.country=m),error:t.errors.country,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Issued Date"},{default:a(()=>[l(R,{modelValue:t.form.issued_date,"onUpdate:modelValue":e[2]\|\|(e[2]=m=>t.form.issued_date=m),class:"form-control h-[48px]",id:"issued_date",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),l(d,{label:"Expiration"},{default:a(()=>[l(R,{modelValue:t.form.expiration,"onUpdate:modelValue":e[3]\|\|(e[3]=m=>t.form.expiration=m),class:"form-control h-[48px]",id:"expiration",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),o("div",yr,[t.state.isEdit?(i(),y(S,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(w,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(k,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const br=F(hr,[["render",_r]]),xr={components:{Card:P,Textinput:X,Button:Z,Icon:U,passportForm:br,visaForm:fr,FormGroup:D,EditButton:ie,DeleteButton:oe},props:{},data(){return{visaItems:[],passportItems:[],isEditing:!1,items:[],form:{employee_id:this.employee_id,passport_id:"",country:"",issued_date:"",expiration:""},state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchVisaData(){await Ge.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.visaItems=e}).catch(s=>{console.error("Error fetching records:",s)})},async fetchPassportData(){this.state.isLoading=!0,await Ie.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.passportItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},reload(){this.$emit("reload")},toggleEdit(){this.isEditing=!0},toggleCancel(){this.isEditing=!1},async onSubmit(){try{await z().shape({passport_id:B().required("Passport ID field is required").min(2)}).validate(this.form,{abortEarly:!1}),console.log(this.form),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&(console.log("try"),this.saveRecord())})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}},async saveRecord(){await Ie.create(this.employee_id,this.form).then(s=>{s.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(s=>{console.log(s),s.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1})},createRecord(s){s=="passportForm"?(this.$refs.passportForm.resetForm(),this.$refs.passportForm.state.showModal=!0):s=="visaForm"&&(this.$refs.visaForm.resetForm(),this.$refs.visaForm.state.showModal=!0)},editRecord(s,e){e=="passportForm"?(this.$refs.passportForm.resetForm(),this.$refs.passportForm.loadRecord(s),this.$refs.passportForm.state.showModal=!0):e=="visaForm"&&(this.$refs.visaForm.resetForm(),this.$refs.visaForm.loadRecord(s),this.$refs.visaForm.state.showModal=!0)},async deleteRecord(s,e){let p="";e=="passportForm"?p=Ie:e=="visaForm"&&(p=Ge),this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(E=>{E.value&&(this.state.isDeleting=!0,p.remove(s).then(t=>{console.log(t),t.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(E=>{E.response&&E.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1,this.reload()})}},mounted(){this.fetchVisaData(),this.fetchPassportData()}},vr={class:"text-9xl"},wr={key:1,class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},kr={class:"p-6"},Cr={key:0,class:"ltr:text-right"},Er={class:"overflow-x-auto mt-4"},Sr={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Rr={class:"bg-zinc-50 dark:bg-zinc-800"},Vr={class:"bg-gray-100"},Fr={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Ir={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},$r={class:"px-6 py-4 whitespace-nowrap"},Br={class:"px-6 py-4 whitespace-nowrap"},Mr={class:"px-6 py-4 whitespace-nowrap"},Dr={class:"px-6 py-4 whitespace-nowrap"},Lr={class:"px-6 py-4 whitespace-nowrap"},Ar={key:0,class:"px-6 py-4 whitespace-nowrap"},Ur={class:"p-6"},Tr={key:0,class:"ltr:text-right"},zr={class:"overflow-x-auto mt-4"},Or={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},qr={class:"bg-zinc-50 dark:bg-zinc-800"},Pr={class:"bg-gray-100"},jr={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Gr={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Nr={class:"px-6 py-4 whitespace-nowrap"},Yr={class:"px-6 py-4 whitespace-nowrap"},Wr={class:"px-6 py-4 whitespace-nowrap"},Hr={class:"px-6 py-4 whitespace-nowrap"},Jr={class:"px-6 py-4 whitespace-nowrap"},Kr={key:0,class:"px-6 py-4 whitespace-nowrap"};function Qr(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("passportForm"),S=r("Card"),k=r("visaForm");return i(),n("div",null,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",vr,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[4]\|\|(e[4]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",wr,[e[15]\|\|(e[15]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center p-2 mt-4 mb-8"}," PASSPORT ",-1)),o("div",null,[l(S,{bodyClass:"p-0 "},{default:a(()=>{var x,m;return[o("div",kr,[this.$route.params.id!=(((m=(x=this.$store.userSettings.getActiveUser)==null?void 0:x.employees)==null?void 0:m.employee_id)??null)?(i(),n("div",Cr,[s.$ability.can("add","passportAndVisa")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:e[0]\|\|(e[0]=_=>c.createRecord("passportForm"))})):g("",!0)])):g("",!0),o("div",Er,[o("table",Sr,[o("thead",Rr,[o("tr",Vr,[e[5]\|\|(e[5]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[6]\|\|(e[6]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Passport ID",-1)),e[7]\|\|(e[7]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Country",-1)),e[8]\|\|(e[8]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Issued Date",-1)),e[9]\|\|(e[9]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Expiration Date",-1)),s.$ability.can("edit","passportAndVisa")\|\|s.$ability.can("delete","passportAndVisa")?(i(),n("th",Fr," Actions ")):g("",!0)])]),o("tbody",Ir,[(i(!0),n(L,null,O(t.passportItems,(_,f)=>{var b,C;return i(),n("tr",{key:f,class:"mb-5"},[o("td",$r,u(f+1),1),o("td",Br,u(_.passport_id),1),o("td",Mr,u(_.country),1),o("td",Dr,u(_.issued_date),1),o("td",Lr,u(_.expiration_date),1),this.$route.params.id!=(((C=(b=this.$store.userSettings.getActiveUser)==null?void 0:b.employees)==null?void 0:C.employee_id)??null)?(i(),n("td",Ar,[s.$ability.can("edit","passportAndVisa")?(i(),y(d,{key:0,onClick:M=>c.editRecord(_,"passportForm")},null,8,["onClick"])):g("",!0),s.$ability.can("delete","passportAndVisa")?(i(),y(R,{key:1,onClick:M=>c.deleteRecord(_.id,"passportForm")},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])]),l(w,{onCloseModal:e[1]\|\|(e[1]=_=>t.state.showModal=!1),ref:"passportForm",onReload:c.fetchPassportData},null,8,["onReload"])])]}),_:1})]),e[16]\|\|(e[16]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center p-2 mt-4"}," VISA ",-1)),o("div",null,[l(S,{bodyClass:"p-0 "},{default:a(()=>{var x,m;return[o("div",Ur,[this.$route.params.id!=(((m=(x=this.$store.userSettings.getActiveUser)==null?void 0:x.employees)==null?void 0:m.employee_id)??null)?(i(),n("div",Tr,[s.$ability.can("add","passportAndVisa")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:e[2]\|\|(e[2]=_=>c.createRecord("visaForm"))})):g("",!0)])):g("",!0),o("div",zr,[o("table",Or,[o("thead",qr,[o("tr",Pr,[e[10]\|\|(e[10]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[11]\|\|(e[11]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Visa ID",-1)),e[12]\|\|(e[12]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Class",-1)),e[13]\|\|(e[13]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Issued Date",-1)),e[14]\|\|(e[14]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Expiration Date",-1)),s.$ability.can("edit","passportAndVisa")\|\|s.$ability.can("delete","passportAndVisa")?(i(),n("th",jr," Actions ")):g("",!0)])]),o("tbody",Gr,[(i(!0),n(L,null,O(t.visaItems,(_,f)=>{var b,C;return i(),n("tr",{key:f,class:"mb-5"},[o("td",Nr,u(f+1),1),o("td",Yr,u(_.visa_id),1),o("td",Wr,u(_.class),1),o("td",Hr,u(_.issued_date),1),o("td",Jr,u(_.expiration_date),1),this.$route.params.id!=(((C=(b=this.$store.userSettings.getActiveUser)==null?void 0:b.employees)==null?void 0:C.employee_id)??null)?(i(),n("td",Kr,[s.$ability.can("edit","passportAndVisa")?(i(),y(d,{key:0,onClick:M=>c.editRecord(_,"visaForm")},null,8,["onClick"])):g("",!0),s.$ability.can("delete","passportAndVisa")?(i(),y(R,{key:1,onClick:M=>c.deleteRecord(_.id,"passportForm")},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])]),l(k,{onCloseModal:e[3]\|\|(e[3]=_=>t.state.showModal=!1),ref:"visaForm",onReload:c.fetchVisaData},null,8,["onReload"])])]}),_:1})])]))])}const Xr=F(xr,[["render",Qr]]),Zr={components:{Fileinput:Ye,FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,date_filed:"",code:"",description:"",penalty:"",nature_of_incident:"",case_status:"",attachment:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{handleMainImageUpload(){const s=event.target.files[0];this.form.attachment=s;const e=new FileReader;e.onload=()=>{s.type.startsWith("image/")?this.form.imageView=e.result:s.type==="application/pdf"?this.form.imageView=this.pdf_file_view:s.type==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"&&(this.form.imageView=this.excel_file_view)},e.readAsDataURL(s)},reload(){this.$emit("reload")},loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,date_filed:"",code:"",description:"",penalty:"",nature_of_incident:"",case_status:"",attachment:""}},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,this.state.isEdit){this.form.id;let s=new FormData;Object.keys(this.form).forEach(e=>{s.append(e,this.form[e])}),await ze.update(s).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}else{let s=new FormData;Object.keys(this.form).forEach(e=>{s.append(e,this.form[e])}),this.state.isSaving=!1,await ze.create(s).then(e=>{e.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(e=>{this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"error",timer:2e3})})}},async submitForm(){try{await z().shape({date_filed:B().required("Date Filed field is required").min(2),code:B().required("Code Filed field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},ea={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ta={key:0,class:"text-[#ec4899]"},sa={class:"flex gap-1 justify-end"};function oa(s,e,p,E,t,c){const v=r("Loading"),h=r("flat-pickr"),d=r("FormGroup"),R=r("TextInput"),w=r("Fileinput"),S=r("Card"),k=r("SubmitButton"),x=r("UpdateButton"),m=r("CloseButton"),_=r("FormModal");return i(),y(_,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",ea,[o("form",{onSubmit:e[7]\|\|(e[7]=$((...f)=>s.confirmSubmit&&s.confirmSubmit(...f),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Date Filed",isRequired:!0},{default:a(()=>[l(h,{modelValue:t.form.date_filed,"onUpdate:modelValue":e[0]\|\|(e[0]=f=>t.form.date_filed=f),class:"form-control h-[48px]",id:"date_filed",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),l(d,{label:"Code",isRequired:!0},{default:a(()=>[l(R,{type:"text",placeholder:"Input code ",modelValue:t.form.code,"onUpdate:modelValue":e[1]\|\|(e[1]=f=>t.form.code=f),error:t.errors.code,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Description"},{default:a(()=>[l(R,{type:"text",placeholder:"Input description ",modelValue:t.form.description,"onUpdate:modelValue":e[2]\|\|(e[2]=f=>t.form.description=f),error:t.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Penalty"},{default:a(()=>[l(R,{type:"text",placeholder:"Input penalty",modelValue:t.form.penalty,"onUpdate:modelValue":e[3]\|\|(e[3]=f=>t.form.penalty=f),error:t.errors.penalty,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Nature of Incident"},{default:a(()=>[l(R,{type:"text",placeholder:"Input nature of incident",modelValue:t.form.nature_of_incident,"onUpdate:modelValue":e[4]\|\|(e[4]=f=>t.form.nature_of_incident=f),error:t.errors.nature_of_incident,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Case Status"},{default:a(()=>[l(R,{type:"text",placeholder:"Input case status",modelValue:t.form.case_status,"onUpdate:modelValue":e[5]\|\|(e[5]=f=>t.form.case_status=f),error:t.errors.case_status,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Attachment"},{default:a(()=>[l(S,{title:"File Input Basic"},{default:a(()=>[l(w,{modelValue:t.form.attachment,"onUpdate:modelValue":e[6]\|\|(e[6]=f=>t.form.attachment=f),name:"basic",onChange:c.handleMainImageUpload,class:"h-[48px] w-full"},null,8,["modelValue","onChange"]),t.errors.attachment?(i(),n("div",ta,u(t.errors.attachment),1)):g("",!0)]),_:1})]),_:1}),o("div",sa,[t.state.isEdit?(i(),y(x,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(k,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(m,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ia=F(Zr,[["render",oa]]),la={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:ia,EditButton:ie,DeleteButton:oe},props:{},data(){return{offenseItems:[],items:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchOffenseData(){this.state.isLoading=!0,await ze.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.offenseItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},async viewAttachment(s){if(this.state.isDownloading)return;this.state.isDownloading=!0;let e=await Ne.Reader2("offenses",s),p;if(s.endsWith(".pdf"))p="application/pdf";else if(s.endsWith(".png"))p="image/png";else if(s.endsWith(".jpg")\|\|s.endsWith(".jpeg"))p="image/jpeg";else if(s.endsWith(".svg"))p="image/svg+xml";else throw new Error("Unsupported file type");const E=atob(e),t=new Array(E.length);for(let d=0;d<E.length;d++)t[d]=E.charCodeAt(d);const c=new Uint8Array(t),v=new Blob([c],{type:p}),h=URL.createObjectURL(v);window.open(h),this.state.isLoadingPDF=!1,this.state.isDownloading=!1},reload(){this.$emit("reload")},removerowEduc(s){this.items.splice(s,1)},onSubmit(){console.log("Form submitted:",this.items)},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{e.value&&(this.state.isDeleting=!0,ze.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.reload(),this.state.isDeleting=!1})}},mounted(){this.fetchOffenseData()}},na={class:"text-9xl"},ra={key:1,class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},aa={class:"p-6"},da={key:0,class:"ltr:text-right"},ca={class:"overflow-x-auto mt-4"},ma={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},ua={class:"bg-zinc-50 dark:bg-zinc-800"},pa={class:"bg-gray-100"},fa={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},ha={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},ga={class:"px-6 py-4 whitespace-nowrap"},ya={class:"px-6 py-4 whitespace-nowrap"},_a={class:"px-6 py-4 whitespace-nowrap"},ba={class:"px-6 py-4 whitespace-nowrap"},xa={class:"px-6 py-4 whitespace-nowrap"},va={class:"px-6 py-4 whitespace-nowrap"},wa={class:"px-6 py-4 whitespace-nowrap"},ka={class:"px-6 py-4 whitespace-nowrap"},Ca={key:0,class:"px-6 py-4 whitespace-nowrap"};function Ea(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("Card");return i(),n("div",null,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",na,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",ra,[e[11]\|\|(e[11]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," OFFENSE ",-1)),o("div",null,[l(S,{bodyClass:"p-0 "},{default:a(()=>{var k,x;return[o("div",aa,[this.$route.params.id!=(((x=(k=this.$store.userSettings.getActiveUser)==null?void 0:k.employees)==null?void 0:x.employee_id)??null)?(i(),n("div",da,[s.$ability.can("add","offense")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)])):g("",!0),o("form",{onSubmit:e[0]\|\|(e[0]=$((...m)=>c.onSubmit&&c.onSubmit(...m),["prevent"])),novalidate:""},[o("div",ca,[o("table",ma,[o("thead",ua,[o("tr",pa,[e[3]\|\|(e[3]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[4]\|\|(e[4]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Date field",-1)),e[5]\|\|(e[5]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Offense Code",-1)),e[6]\|\|(e[6]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Offense Description",-1)),e[7]\|\|(e[7]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Penalty",-1)),e[8]\|\|(e[8]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Nature of Incident",-1)),e[9]\|\|(e[9]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Case Status",-1)),e[10]\|\|(e[10]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Attachment",-1)),s.$ability.can("edit","offense")\|\|s.$ability.can("delete","offense")?(i(),n("th",fa," Actions ")):g("",!0)])]),o("tbody",ha,[(i(!0),n(L,null,O(t.offenseItems,(m,_)=>{var f,b;return i(),n("tr",{key:_,class:"mb-5"},[o("td",ga,u(_+1),1),o("td",ya,u(m.date_filed),1),o("td",_a,u(m.code),1),o("td",ba,u(m.description),1),o("td",xa,u(m.penalty),1),o("td",va,u(m.nature_of_incident),1),o("td",wa,u(m.case_status),1),o("td",ka,[m.attachment!=""&&m.attachment!=null?(i(),y(v,{key:0,icon:"marketeq:file-zip",class:"text-2xl cursor-pointer",onClick:C=>c.viewAttachment(m.attachment)},null,8,["onClick"])):g("",!0)]),this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("td",Ca,[s.$ability.can("edit","offense")?(i(),y(d,{key:0,onClick:C=>c.editRecord(m)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","offense")?(i(),y(R,{key:1,onClick:C=>c.deleteRecord(m.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(w,{onCloseModal:e[1]\|\|(e[1]=m=>t.state.showModal=!1),ref:"form",onReload:c.fetchOffenseData},null,8,["onReload"])])]}),_:1})])]))])}const Sa=F(la,[["render",Ea]]),Ra={components:{Fileinput:Ye,FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,date:"",description:"",attachment:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{handleMainImageUpload(){const s=event.target.files[0];this.form.attachment=s;const e=new FileReader;e.onload=()=>{s.type.startsWith("image/")?this.form.imageView=e.result:s.type==="application/pdf"?this.form.imageView=this.pdf_file_view:s.type==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"&&(this.form.imageView=this.excel_file_view)},e.readAsDataURL(s)},loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,date:"",description:"",attachment:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,this.state.isEdit){this.form.id;let s=new FormData;Object.keys(this.form).forEach(e=>{s.append(e,this.form[e])}),console.log("sddddd",s),await Te.update(s).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}else{let s=new FormData;Object.keys(this.form).forEach(e=>{s.append(e,this.form[e])}),this.state.isSaving=!1,await Te.create(s).then(e=>{e.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.reload(),this.state.showModal=!1,this.resetForm())}).catch(e=>{this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"error",timer:2e3})})}},async submitForm(){try{await z().shape({date:B().required("Date field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},Va={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Fa={key:0,class:"text-[#ec4899]"},Ia={class:"flex gap-1 justify-end"};function $a(s,e,p,E,t,c){const v=r("Loading"),h=r("flat-pickr"),d=r("FormGroup"),R=r("TextInput"),w=r("Fileinput"),S=r("Card"),k=r("SubmitButton"),x=r("UpdateButton"),m=r("CloseButton"),_=r("FormModal");return i(),y(_,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",Va,[o("form",{onSubmit:e[3]\|\|(e[3]=$((...f)=>s.confirmSubmit&&s.confirmSubmit(...f),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Date",isRequired:!0},{default:a(()=>[l(h,{modelValue:t.form.date,"onUpdate:modelValue":e[0]\|\|(e[0]=f=>t.form.date=f),class:"form-control h-[48px]",id:"date",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),l(d,{label:"Description"},{default:a(()=>[l(R,{type:"text",placeholder:"Input description ",modelValue:t.form.description,"onUpdate:modelValue":e[1]\|\|(e[1]=f=>t.form.description=f),error:t.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Attachment"},{default:a(()=>[l(S,{title:"File Input Basic"},{default:a(()=>[l(w,{modelValue:t.form.attachment,"onUpdate:modelValue":e[2]\|\|(e[2]=f=>t.form.attachment=f),name:"basic",onChange:c.handleMainImageUpload,class:"h-[48px] w-full"},null,8,["modelValue","onChange"]),t.errors.attachment?(i(),n("div",Fa,u(t.errors.attachment),1)):g("",!0)]),_:1})]),_:1}),o("div",Ia,[t.state.isEdit?(i(),y(x,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(k,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(m,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const Ba=F(Ra,[["render",$a]]),Ma={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:Ba,EditButton:ie,DeleteButton:oe},props:{},data(){return{medicalConditionItems:[],items:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchMedicalConditionData(){this.state.isLoading=!0,await Te.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.medicalConditionItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},async viewAttachment(s){if(this.state.isDownloading)return;this.state.isDownloading=!0;let e=await Ne.Reader2("medical-condition",s),p;if(s.endsWith(".pdf"))p="application/pdf";else if(s.endsWith(".png"))p="image/png";else if(s.endsWith(".jpg")\|\|s.endsWith(".jpeg"))p="image/jpeg";else if(s.endsWith(".svg"))p="image/svg+xml";else throw new Error("Unsupported file type");const E=atob(e),t=new Array(E.length);for(let d=0;d<E.length;d++)t[d]=E.charCodeAt(d);const c=new Uint8Array(t),v=new Blob([c],{type:p}),h=URL.createObjectURL(v);window.open(h),this.state.isLoadingPDF=!1,this.state.isDownloading=!1},reload(){this.$emit("reload")},removerowEduc(s){this.items.splice(s,1)},onSubmit(){},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{e.value&&(this.state.isDeleting=!0,Te.remove(s).then(p=>{p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.reload(),this.state.isDeleting=!1})}},mounted(){this.fetchMedicalConditionData()}},Da={class:"text-9xl"},La={key:1,class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Aa={class:"p-6"},Ua={key:0,class:"ltr:text-right"},Ta={class:"overflow-x-auto mt-4"},za={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Oa={class:"bg-zinc-50 dark:bg-zinc-800"},qa={class:"bg-gray-100"},Pa={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},ja={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Ga={class:"px-6 py-4 whitespace-nowrap"},Na={class:"px-6 py-4 whitespace-nowrap"},Ya={class:"px-6 py-4 whitespace-nowrap"},Wa={class:"px-6 py-4 whitespace-nowrap"},Ha={key:0,class:"px-6 py-4 whitespace-nowrap"};function Ja(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("Card");return i(),n("div",null,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",Da,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",La,[e[7]\|\|(e[7]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," MEDICAL CONDITION ",-1)),o("div",null,[l(S,{bodyClass:"p-0 "},{default:a(()=>{var k,x;return[o("div",Aa,[this.$route.params.id!=(((x=(k=this.$store.userSettings.getActiveUser)==null?void 0:k.employees)==null?void 0:x.employee_id)??null)?(i(),n("div",Ua,[s.$ability.can("add","medicalConditions")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)])):g("",!0),o("form",{onSubmit:e[0]\|\|(e[0]=$((...m)=>c.onSubmit&&c.onSubmit(...m),["prevent"])),novalidate:""},[o("div",Ta,[o("table",za,[o("thead",Oa,[o("tr",qa,[e[3]\|\|(e[3]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[4]\|\|(e[4]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Date",-1)),e[5]\|\|(e[5]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Description",-1)),e[6]\|\|(e[6]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Attachments",-1)),s.$ability.can("edit","medicalConditions")\|\|s.$ability.can("delete","medicalConditions")?(i(),n("th",Pa," Actions ")):g("",!0)])]),o("tbody",ja,[(i(!0),n(L,null,O(t.medicalConditionItems,(m,_)=>{var f,b;return i(),n("tr",{key:_,class:"mb-5"},[o("td",Ga,u(_+1),1),o("td",Na,u(m.date),1),o("td",Ya,u(m.description),1),o("td",Wa,[l(v,{icon:"marketeq:file-zip",class:"text-2xl cursor-pointer",onClick:C=>c.viewAttachment(m.attachment)},null,8,["onClick"])]),this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("td",Ha,[s.$ability.can("edit","medicalConditions")?(i(),y(d,{key:0,onClick:C=>c.editRecord(m)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","medicalConditions")?(i(),y(R,{key:1,onClick:C=>c.deleteRecord(m.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(w,{onCloseModal:e[1]\|\|(e[1]=m=>t.state.showModal=!1),ref:"form",onReload:c.fetchMedicalConditionData},null,8,["onReload"])])]}),_:1})])]))])}const Ka=F(Ma,[["render",Ja]]),rt=(s,e,p=0)=>{const E=new Date(s);return E.setHours(e,p,0,0),E.getTime()},We=s=>{const e=new Date(s),p=e.getFullYear(),E=String(e.getMonth()+1).padStart(2,"0"),t=String(e.getDate()).padStart(2,"0");return`${p}-${E}-${t}`};rt(new Date().setDate(new Date().getDate()+2),8),We(new Date().setDate(new Date().getDate()-5)),We(new Date().setDate(new Date().getDate()-3)),rt(new Date().setDate(new Date().getDate()+2),17),We(new Date().setDate(new Date().getDate()-24));const Qa={name:"calander",components:{FullCalendar:Tt,Card:P,Modal:Ut,Button:Z,Textinput:X},props:{},data(){return{title:"Calendar",errors:[],calendarEvents:this.timelogsItems,calendarOptions:{headerToolbar:{left:"prev,next today",center:"title",right:"dayGridMonth,timeGridWeek,timeGridDay,listWeek"},plugins:[zt,Ot,qt,Pt],initialView:"dayGridMonth",themeSystem:"bootstrap",initialEvents:this.timelogsItems,editable:!0,droppable:!0,eventResizableFromStart:!0,weekends:!0,selectable:!0,selectMirror:!0,dayMaxEvents:!0},currentEvents:[],showModal:!1,eventModal:!1,submitted:!1,submit:!1,newEventData:{},edit:{},deleteId:{},event:{title:"",category:""},editevent:{editTitle:"",editcategory:""},calendarEvents:[{id:1,title:"IN",className:"bg-green-500 text-white"},{id:2,title:"Leave",className:"bg-primary-500 text-white"},{id:3,title:"OUT",className:"bg-red-500 text-white"},{id:4,title:"Overtime",className:"bg-warning-500 text-white"}]}},mounted(){this.fetchEmployeeTimelogs()},computed:{titleIsvalid(){return!!this.event.title},categoryIsvalid(){return!!this.event.category},formisValid(){return this.titleIsvalid&&this.categoryIsvalid},editformvIsvalid(){return this.editevent.editTitle&&this.editevent.editcategory}},methods:{async fetchEmployeeTimelogs(){this.state.isLoading=!0;try{const s=await jt.fetchEmployeeTimelog(this.$route.params.id);s.status===200&&(this.state.isLoading=!1,s.data.map(e=>{const p={id:e.id,title:e.in_out=="I"?"IN":"OUT",start:e.datetimelog,className:e.in_out=="I"?"bg-green-500 text-white":"bg-red-500 text-white"};this.timelogsItems.push(p)}))}catch{this.state.isLoading=!1}},onSubmit(){if(this.submitted=!0,this.formisValid){const s=this.event.title,e=this.event.category;let p=this.newEventData.view.calendar;this.currentEvents=p.addEvent({id:this.newEventData.length+1,title:s,start:this.newEventData.date,end:this.newEventData.date,classNames:[e]}),this.successmsg(),this.showModal=!1,this.newEventData={}}this.submitted=!1,this.event={}},hideModal(s){this.submitted=!1,this.showModal=!1,this.event={}},editSubmit(s){if(this.submit=!0,this.editformvIsvalid){const e=this.editevent.editTitle,p=this.editevent.editcategory;this.edit.setProp("title",e),this.edit.setProp("classNames",p),this.successmsg(),this.eventModal=!1}},deleteEvent(){this.edit.remove(),this.eventModal=!1},dateClicked(s){this.newEventData=s,this.showModal=!0},editEvent(s){this.edit=s.event,this.editevent.editTitle=this.edit.title,this.editevent.editcategory=this.edit.classNames[0],this.eventModal=!0},closeModal(){this.eventModal=!1},confirm(){this.closeModal(),this.$swal.fire({title:"Are you sure?",text:"You won't be able to delete this!",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(s=>{s.value&&(this.deleteEvent(),this.$swal.fire("Deleted!","Event has been deleted.","success"))})},handleEvents(s){this.currentEvents=s},successmsg(){this.$swal.fire({position:"center",icon:"success",title:"Event has been saved",showConfirmButton:!1,background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff",timer:1e3})}}},Xa={class:"dashcode-calender"},Za={class:"space-y-3"},ed={class:"fromGroup"},td={class:"flex justify-between items-center mt-5"},sd={class:"space-y-3"},od={class:"fromGroup"},id={class:"flex justify-between items-center mt-5"},ld={class:"flex space-x-5"};function nd(s,e,p,E,t,c){const v=r("FullCalendar"),h=r("Textinput"),d=r("Button"),R=r("Form"),w=r("Modal"),S=r("Card");return i(),n("div",null,[l(S,null,{default:a(()=>[o("div",Xa,[l(v,{ref:"fullCalendar",options:t.calendarOptions},null,8,["options"])]),l(w,{labelClass:"btn-outline-dark",activeModal:t.showModal,onClose:c.hideModal,title:"Event"},{default:a(()=>[l(R,{onSubmit:c.onSubmit},{default:a(()=>[o("div",Za,[l(h,{modelValue:t.event.title,"onUpdate:modelValue":e[0]\|\|(e[0]=k=>t.event.title=k),type:"text",label:"Event Name",placeholder:"Insert Event name"},null,8,["modelValue"]),o("div",ed,[e[4]\|\|(e[4]=o("label",{class:"form-label"},"Category",-1)),Q(o("select",{"onUpdate:modelValue":e[1]\|\|(e[1]=k=>t.event.category=k),class:"form-control",name:"category"},null,512),[[ot,t.event.category]])])]),o("div",td,[l(d,{text:"close",btnClass:"btn-light",onClick:c.hideModal,type:"button"},null,8,["onClick"]),l(d,{text:"save",btnClass:"btn-success",type:"submit",isDisabled:!c.formisValid},null,8,["isDisabled"])])]),_:1},8,["onSubmit"])]),_:1},8,["activeModal","onClose"]),l(w,{activeModal:t.eventModal,onClose:c.closeModal,title:"Edit Event"},{default:a(()=>[l(R,{onSubmit:c.editSubmit},{default:a(()=>[o("div",sd,[l(h,{modelValue:t.editevent.editTitle,"onUpdate:modelValue":e[2]\|\|(e[2]=k=>t.editevent.editTitle=k),type:"text",label:"Event Name",placeholder:"Insert Event name"},null,8,["modelValue"]),o("div",od,[e[5]\|\|(e[5]=o("label",{class:"form-label"},"Category",-1)),Q(o("select",{"onUpdate:modelValue":e[3]\|\|(e[3]=k=>t.editevent.editcategory=k),class:"form-control",name:"category"},null,512),[[ot,t.editevent.editcategory]])])]),o("div",id,[o("div",null,[l(d,{text:"Delete",btnClass:"btn-danger",type:"button",onClick:c.confirm},null,8,["onClick"])]),o("div",ld,[l(d,{text:"close",btnClass:"btn-light",onClick:c.closeModal,type:"button"},null,8,["onClick"]),l(d,{text:"save",btnClass:"btn-success",onClick:c.editSubmit,isDisabled:!c.editformvIsvalid},null,8,["onClick","isDisabled"])])])]),_:1},8,["onSubmit"])]),_:1},8,["activeModal","onClose"])]),_:1})])}const rd=F(Qa,[["render",nd]]),ad={components:{Card:P,Textinput:X,Textarea:Gt,Button:Z,Icon:U,FormGroup:D,Checkbox:$e,Radio:Be,Multiselect:T},props:{},data(){return{personalInformationItems:[],isEditing:!1,isHouseOwnerShip:!1,isLivingWith:!1,isResidenceStatusOthers:!1,isMarried:!1,isSeperated:!1,isWidow:!1,items:[],houseOwnerShipOption:1,livingWithOption:2,citizenshipOptions:[],genderOptions:[{value:"M",label:"Male"},{value:"F",label:"Female"}],civilStatusOptions:[],religionOptions:[],form:{employee_id:this.$route.params.id,nickname:"",current_address:"",permanent_address:"",provincial_address:"",birthplace:"",contact_number_one:"",email_add_one:"",birth_date:"",age:"",contact_number_two:"",email_add_two:"",gender:"",contact_number_three:"",email_add_three:"",religion:"",tin:"",philhealth:"",citizenship:"",sss:"",pagibig:"",civil_status:"",hair_color:"",blood_type:"",eye_color:"",height:"",other_description:"",weight:"",complexion:"",health_condition:"",drivers_license:"",restrictions:"",type:"",issued_date:"",expiry_date:"",religion_name:"",citizenship_name:"",civil_status_name:""},state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1,isCitizenshipLoading:!1,isCivilStatusLoading:!1,isReligionLoading:!1}}},methods:{async fetchPersonalInformation(){this.state.isLoading=!0,await lt.fetchRecord(this.$route.params.id).then(s=>{this.state.isLoading=!1;let e=s.data;this.personalInformationItems=e,this.form=e.personal_information,this.form.religion_name=this.form.religion.name,this.form.citizenship_name=this.form.citizenship.name,this.form.civil_status_name=this.form.civil_status.name,this.form.religion=this.form.religion.id,this.form.citizenship=this.form.citizenship.id,this.form.civil_status=this.form.civil_status.id,this.calculateAge(),this.form.age=this.calculateAge()}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},reload(){this.$emit("reload")},toggleEdit(){this.isEditing=!0},toggleCancel(){this.isEditing=!1},calculateAge(){if(this.form.birth_date){const s=new Date,e=new Date(this.form.birth_date);let p=s.getFullYear()-e.getFullYear();const E=s.getMonth()-e.getMonth();return(E<0\|\|E===0&&s.getDate()<e.getDate())&&p--,p}else return 0},async fetchCitizenshipRecords(){try{this.state.isCitizenshipLoading=!0,this.citizenshipOptions=await $t()}catch(s){console.error("Failed to fetch citizenship data:",s)}finally{this.state.isCitizenshipLoading=!1}},async fetchCivilStatusRecords(){try{this.state.isCivilStatusLoading=!0,this.civilStatusOptions=await Bt()}catch(s){console.error("Failed to fetch civil status data:",s)}finally{this.state.isCivilStatusLoading=!1}},async fetchReligionRecords(){try{this.state.isReligionLoading=!0,this.religionOptions=await Mt()}catch(s){console.error("Failed to religion data:",s)}finally{this.state.isReligionLoading=!1}},async onSubmit(){try{this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(s=>{s.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}},async saveRecord(){await lt.create(this.$route.params.id,this.form).then(s=>{s.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(s=>{console.log(s),s.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1})}},mounted(){this.fetchPersonalInformation(),this.fetchCitizenshipRecords(),this.fetchCivilStatusRecords(),this.fetchReligionRecords()},watch:{birthdate(){this.calculateAge()}}},dd={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},cd={class:"text-9xl"},md={key:1},ud={class:"p-6"},pd={class:"grid grid-cols-4 gap-2 mb-2"},fd={key:0,class:"text-md"},hd={key:1},gd={class:"grid grid-cols-1 mb-2"},yd={key:0,class:"text-md"},_d={key:1},bd={class:"grid grid-cols-1 mb-2"},xd={key:0,class:"text-md"},vd={key:1},wd={class:"grid grid-cols-1 mb-2"},kd={key:0,class:"text-md"},Cd={key:1},Ed={class:"grid grid-cols-3 gap-2 mb-2"},Sd={key:0,class:"text-md"},Rd={key:1},Vd={key:0},Fd={key:0,class:"text-md"},Id={key:1},$d={key:1},Bd={key:0,class:"text-md"},Md={key:1},Dd={class:"grid grid-cols-4 gap-2 mb-2"},Ld={key:0,class:"text-md"},Ad={key:1},Ud={key:0,class:"text-md"},Td={key:1},zd={key:0,class:"text-md"},Od={key:1},qd={key:0,class:"text-md"},Pd={key:1},jd={class:"grid grid-cols-3 gap-2 mb-2"},Gd={key:0,class:"text-md"},Nd={key:1},Yd={class:"relative"},Wd={key:0,class:"text-md"},Hd={key:1},Jd={key:0,class:"text-md"},Kd={key:1},Qd={class:"grid grid-cols-3 gap-2 mb-2"},Xd={key:0,class:"text-md"},Zd={key:1},ec={key:0,class:"text-md"},tc={key:1},sc={key:0,class:"text-md"},oc={key:1},ic={class:"grid grid-cols-3 gap-2 mb-2"},lc={key:0,class:"text-md"},nc={key:1},rc={key:0,class:"text-md"},ac={key:1},dc={key:0,class:"text-md"},cc={key:1},mc={class:"grid grid-cols-3 gap-2 mb-2"},uc={key:0,class:"text-md"},pc={key:1},fc={class:"grid grid-cols-3 gap-2 mb-2"},hc={key:0,class:"text-md"},gc={key:1},yc={key:0,class:"text-md"},_c={key:1},bc={class:"grid grid-cols-12 gap-2 mb-2"},xc={class:"col-span-3"},vc={key:0,class:"text-md"},wc={key:1},kc={class:"col-span-3"},Cc={key:0,class:"text-md"},Ec={key:1},Sc={class:"col-span-6"},Rc={key:0,class:"text-md"},Vc={key:1},Fc={class:"grid grid-cols-12 grid-flow-col gap-2 mb-2"},Ic={class:"col-span-3"},$c={key:0,class:"text-md"},Bc={key:1},Mc={class:"col-span-3"},Dc={key:0,class:"text-md"},Lc={key:1},Ac={class:"col-span-6"},Uc={key:0,class:"text-md"},Tc={key:1},zc={class:"grid grid-cols-12 grid-flow-col gap-2 mb-2"},Oc={class:"col-span-4"},qc={key:0,class:"text-md"},Pc={key:1},jc={class:"col-span-2"},Gc={key:0,class:"text-md"},Nc={key:1},Yc={class:"col-span-2"},Wc={key:0,class:"text-md"},Hc={key:1},Jc={class:"col-span-2"},Kc={key:0,class:"text-md"},Qc={key:1},Xc={class:"col-span-2"},Zc={key:0,class:"text-md"},em={key:1},tm={key:0},sm={key:1,class:"mt-4 flex space-x-2"},om={class:"grid grid-cols-2 gap-2 w-full"};function im(s,e,p,E,t,c){const v=r("Icon"),h=r("Textinput"),d=r("FormGroup"),R=r("flat-pickr"),w=r("Multiselect"),S=r("Textarea"),k=r("Button"),x=r("Card");return i(),n("div",dd,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",cd,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[35]\|\|(e[35]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",md,[l(x,{bodyClass:"p-0"},{default:a(()=>{var m,_;return[o("div",ud,[e[38]\|\|(e[38]=o("div",{class:"ltr:text-right"},null,-1)),o("form",{onSubmit:e[34]\|\|(e[34]=$((...f)=>c.onSubmit&&c.onSubmit(...f),["prevent"])),novalidate:""},[o("div",pd,[l(d,{label:"Nickname",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",hd,[l(h,{type:"text",placeholder:"Type your nickname",name:"nickname",modelValue:t.form.nickname,"onUpdate:modelValue":e[0]\|\|(e[0]=f=>t.form.nickname=f)},null,8,["modelValue"])])):(i(),n("div",fd,u(t.form.nickname),1))]),_:1})]),o("div",gd,[l(d,{label:"Current Address",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",_d,[l(h,{type:"text",placeholder:"Type your current address",name:"current_address",modelValue:t.form.current_address,"onUpdate:modelValue":e[1]\|\|(e[1]=f=>t.form.current_address=f)},null,8,["modelValue"])])):(i(),n("div",yd,u(t.form.current_address),1))]),_:1})]),o("div",bd,[l(d,{label:"Permanent Address",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",vd,[l(h,{type:"text",placeholder:"Type your current address",name:"permanent_address",modelValue:t.form.permanent_address,"onUpdate:modelValue":e[2]\|\|(e[2]=f=>t.form.permanent_address=f)},null,8,["modelValue"])])):(i(),n("div",xd,u(t.form.permanent_address),1))]),_:1})]),o("div",wd,[l(d,{label:"Provincial Address",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Cd,[l(h,{type:"text",placeholder:"Type your provincial address",name:"provincial_address",modelValue:t.form.provincial_address,"onUpdate:modelValue":e[3]\|\|(e[3]=f=>t.form.provincial_address=f)},null,8,["modelValue"])])):(i(),n("div",kd,u(t.form.provincial_address),1))]),_:1})]),o("div",Ed,[l(d,{label:"Birthplace",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Rd,[l(h,{type:"text",placeholder:"Type your cell phone number",name:"birthplace",modelValue:t.form.birthplace,"onUpdate:modelValue":e[4]\|\|(e[4]=f=>t.form.birthplace=f)},null,8,["modelValue"])])):(i(),n("div",Sd,u(t.form.birthplace),1))]),_:1}),l(d,{label:"Contact No. 1",labelClass:"font-bold"},{default:a(()=>[s.$ability.can("view","employeeContactNumber")?(i(),n("div",Vd,[t.isEditing?(i(),n("div",Id,[l(h,{type:"text",placeholder:"",name:"contact_number_one",modelValue:t.form.contact_number_one,"onUpdate:modelValue":e[5]\|\|(e[5]=f=>t.form.contact_number_one=f),disabled:s.$ability.can("edit","employeeContactNumber")},null,8,["modelValue","disabled"])])):(i(),n("div",Fd,u(t.form.contact_number_one),1))])):(i(),n("div",$d," Confidential "))]),_:1}),l(d,{label:"Email Add 1",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Md,[l(h,{type:"text",placeholder:"",name:"email_add_one",modelValue:t.form.email_add_one,"onUpdate:modelValue":e[6]\|\|(e[6]=f=>t.form.email_add_one=f)},null,8,["modelValue"])])):(i(),n("div",Bd,u(t.form.email_add_one),1))]),_:1})]),o("div",Dd,[l(d,{label:"Date of Birth",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Ad,[l(R,{type:"date",placeholder:"Input Date of Birth",name:"birth_date",modelValue:t.form.birth_date,"onUpdate:modelValue":e[7]\|\|(e[7]=f=>t.form.birth_date=f),class:"form-control",onInput:c.calculateAge},null,8,["modelValue","onInput"])])):(i(),n("div",Ld,u(t.form.birth_date),1))]),_:1}),l(d,{label:"Age",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Td,[l(h,{type:"text",placeholder:"Type your age",name:"age",modelValue:t.form.age,"onUpdate:modelValue":e[8]\|\|(e[8]=f=>t.form.age=f)},null,8,["modelValue"])])):(i(),n("div",Ud,u(t.form.age),1))]),_:1}),l(d,{label:"Contact No. 2",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Od,[l(h,{type:"text",placeholder:"",name:"contact_number_two",modelValue:t.form.contact_number_two,"onUpdate:modelValue":e[9]\|\|(e[9]=f=>t.form.contact_number_two=f)},null,8,["modelValue"])])):(i(),n("div",zd,u(t.form.contact_number_two),1))]),_:1}),l(d,{label:"Email Add 2",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Pd,[l(h,{type:"text",placeholder:"",name:"email_add_two",modelValue:t.form.email_add_two,"onUpdate:modelValue":e[10]\|\|(e[10]=f=>t.form.email_add_two=f)},null,8,["modelValue"])])):(i(),n("div",qd,u(t.form.email_add_two),1))]),_:1})]),o("div",jd,[l(d,{label:"Gender",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Nd,[o("div",Yd,[l(w,{modelValue:t.form.gender,"onUpdate:modelValue":e[11]\|\|(e[11]=f=>t.form.gender=f),"close-on-select":!0,searchable:!0,id:"gender",options:t.genderOptions},null,8,["modelValue","options"])])])):(i(),n("div",Gd,u(t.form.gender),1))]),_:1}),l(d,{label:"Contact No. 3",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Hd,[l(h,{type:"text",placeholder:"",name:"contact_number_three",modelValue:t.form.contact_number_three,"onUpdate:modelValue":e[12]\|\|(e[12]=f=>t.form.contact_number_three=f)},null,8,["modelValue"])])):(i(),n("div",Wd,u(t.form.contact_number_three),1))]),_:1}),l(d,{label:"Email Add 3",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Kd,[l(h,{type:"text",placeholder:"",name:"email_add_three",modelValue:t.form.email_add_three,"onUpdate:modelValue":e[13]\|\|(e[13]=f=>t.form.email_add_three=f)},null,8,["modelValue"])])):(i(),n("div",Jd,u(t.form.email_add_three),1))]),_:1})]),o("div",Qd,[l(d,{label:"Religion",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Zd,[l(w,{modelValue:t.form.religion,"onUpdate:modelValue":e[14]\|\|(e[14]=f=>t.form.religion=f),"close-on-select":!0,searchable:!0,id:"religion",options:t.religionOptions,loading:t.state.isReligionLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",Xd,u(t.form.religion_name),1))]),_:1}),l(d,{label:"T.I.N",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",tc,[l(h,{type:"text",placeholder:"",name:"tin",modelValue:t.form.tin,"onUpdate:modelValue":e[15]\|\|(e[15]=f=>t.form.tin=f)},null,8,["modelValue"])])):(i(),n("div",ec,u(t.form.tin),1))]),_:1}),l(d,{label:"Philhealth #",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",oc,[l(h,{type:"text",placeholder:"",name:"philhealth",modelValue:t.form.philhealth,"onUpdate:modelValue":e[16]\|\|(e[16]=f=>t.form.philhealth=f)},null,8,["modelValue"])])):(i(),n("div",sc,u(t.form.philhealth),1))]),_:1})]),o("div",ic,[l(d,{label:"Citizenship",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",nc,[l(w,{modelValue:t.form.citizenship,"onUpdate:modelValue":e[17]\|\|(e[17]=f=>t.form.citizenship=f),"close-on-select":!0,searchable:!0,id:"citizenship",options:t.citizenshipOptions,loading:t.state.isCitizenshipLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",lc,u(t.form.citizenship_name),1))]),_:1}),l(d,{label:"SSS #",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",ac,[l(h,{type:"text",placeholder:"",name:"sss",modelValue:t.form.sss,"onUpdate:modelValue":e[18]\|\|(e[18]=f=>t.form.sss=f)},null,8,["modelValue"])])):(i(),n("div",rc,u(t.form.sss),1))]),_:1}),l(d,{label:"Pagibig #",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",cc,[l(h,{type:"text",placeholder:"",name:"pagibig",modelValue:t.form.pagibig,"onUpdate:modelValue":e[19]\|\|(e[19]=f=>t.form.pagibig=f)},null,8,["modelValue"])])):(i(),n("div",dc,u(t.form.pagibig),1))]),_:1})]),o("div",mc,[l(d,{label:"Civil Status",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",pc,[l(w,{modelValue:t.form.civil_status,"onUpdate:modelValue":e[20]\|\|(e[20]=f=>t.form.civil_status=f),"close-on-select":!0,searchable:!0,id:"civil_status",options:t.civilStatusOptions,loading:t.state.isCivilStatusLoading},null,8,["modelValue","options","loading"])])):(i(),n("div",uc,u(t.form.civil_status_name),1))]),_:1})]),e[36]\|\|(e[36]=o("hr",{class:"mb-4"},null,-1)),o("div",fc,[l(d,{label:"Hair Color",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",gc,[l(h,{type:"text",placeholder:"",name:"hair_color",modelValue:t.form.hair_color,"onUpdate:modelValue":e[21]\|\|(e[21]=f=>t.form.hair_color=f)},null,8,["modelValue"])])):(i(),n("div",hc,u(t.form.hair_color),1))]),_:1}),l(d,{label:"Blood Type",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",_c,[l(h,{type:"text",placeholder:"",name:"blood_type",modelValue:t.form.blood_type,"onUpdate:modelValue":e[22]\|\|(e[22]=f=>t.form.blood_type=f)},null,8,["modelValue"])])):(i(),n("div",yc,u(t.form.blood_type),1))]),_:1})]),o("div",bc,[o("div",xc,[l(d,{label:"Eye Color",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",wc,[l(h,{type:"text",placeholder:"",name:"eye_color",modelValue:t.form.eye_color,"onUpdate:modelValue":e[23]\|\|(e[23]=f=>t.form.eye_color=f)},null,8,["modelValue"])])):(i(),n("div",vc,u(t.form.eye_color),1))]),_:1})]),o("div",kc,[l(d,{label:"Height",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Ec,[l(h,{type:"text",placeholder:"",name:"height",modelValue:t.form.height,"onUpdate:modelValue":e[24]\|\|(e[24]=f=>t.form.height=f)},null,8,["modelValue"])])):(i(),n("div",Cc,u(t.form.height),1))]),_:1})]),o("div",Sc,[l(d,{label:"Other Description",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Vc,[l(S,{rows:"3",type:"text",placeholder:"",name:"other_description",modelValue:t.form.other_description,"onUpdate:modelValue":e[25]\|\|(e[25]=f=>t.form.other_description=f)},null,8,["modelValue"])])):(i(),n("div",Rc,u(t.form.other_description),1))]),_:1})])]),o("div",Fc,[o("div",Ic,[l(d,{label:"Weight",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Bc,[l(h,{type:"text",placeholder:"",name:"weight",modelValue:t.form.weight,"onUpdate:modelValue":e[26]\|\|(e[26]=f=>t.form.weight=f)},null,8,["modelValue"])])):(i(),n("div",$c,u(t.form.weight),1))]),_:1})]),o("div",Mc,[l(d,{label:"Complexion",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Lc,[l(h,{type:"text",placeholder:"",name:"complexion",modelValue:t.form.complexion,"onUpdate:modelValue":e[27]\|\|(e[27]=f=>t.form.complexion=f)},null,8,["modelValue"])])):(i(),n("div",Dc,u(t.form.complexion),1))]),_:1})]),o("div",Ac,[l(d,{label:"Health Condition",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Tc,[l(S,{rows:"3",type:"text",placeholder:"",name:"health_condition",modelValue:t.form.health_condition,"onUpdate:modelValue":e[28]\|\|(e[28]=f=>t.form.health_condition=f)},null,8,["modelValue"])])):(i(),n("div",Uc,u(t.form.health_condition),1))]),_:1})])]),e[37]\|\|(e[37]=o("hr",{class:"mb-4"},null,-1)),o("div",zc,[o("div",Oc,[l(d,{label:"Drivers License #",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Pc,[l(h,{type:"text",placeholder:"",name:"drivers_license",modelValue:t.form.drivers_license,"onUpdate:modelValue":e[29]\|\|(e[29]=f=>t.form.drivers_license=f)},null,8,["modelValue"])])):(i(),n("div",qc,u(t.form.drivers_license),1))]),_:1})]),o("div",jc,[l(d,{label:"Restrictions",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Nc,[l(h,{type:"text",placeholder:"",name:"restrictions",modelValue:t.form.restrictions,"onUpdate:modelValue":e[30]\|\|(e[30]=f=>t.form.restrictions=f)},null,8,["modelValue"])])):(i(),n("div",Gc,u(t.form.restrictions),1))]),_:1})]),o("div",Yc,[l(d,{label:"Type",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Hc,[l(h,{type:"text",placeholder:"",name:"type",modelValue:t.form.type,"onUpdate:modelValue":e[31]\|\|(e[31]=f=>t.form.type=f)},null,8,["modelValue"])])):(i(),n("div",Wc,u(t.form.type),1))]),_:1})]),o("div",Jc,[l(d,{label:"Issued date",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Qc,[l(h,{type:"date",placeholder:"",name:"issued_date",modelValue:t.form.issued_date,"onUpdate:modelValue":e[32]\|\|(e[32]=f=>t.form.issued_date=f)},null,8,["modelValue"])])):(i(),n("div",Kc,u(t.form.issued_date),1))]),_:1})]),o("div",Xc,[l(d,{label:"Expiry Date",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",em,[l(h,{type:"date",placeholder:"",name:"expiry_date",modelValue:t.form.expiry_date,"onUpdate:modelValue":e[33]\|\|(e[33]=f=>t.form.expiry_date=f)},null,8,["modelValue"])])):(i(),n("div",Zc,u(t.form.expiry_date),1))]),_:1})])]),this.$route.params.id!=(((_=(m=this.$store.userSettings.getActiveUser)==null?void 0:m.employees)==null?void 0:_.employee_id)??null)?(i(),n("div",tm,[!t.isEditing&&s.$ability.can("edit","personalBasic")?(i(),y(k,{key:0,text:"EDIT",btnClass:"bg-indigo-600 text-white p-2 w-full",onClick:c.toggleEdit,class:"mt-4"},null,8,["onClick"])):(i(),n("div",sm,[o("div",om,[s.$ability.can("edit","personalBasic")?(i(),y(k,{key:0,text:"UPDATE",btnClass:"btn-info p-2 w-full",type:"submit"})):g("",!0),s.$ability.can("edit","personalBasic")?(i(),y(k,{key:1,text:"CANCEL",btnClass:"btn-light p-2 w-full hover:bg-gray-300",onClick:c.toggleCancel},null,8,["onClick"])):g("",!0)])]))])):g("",!0)],32)])]}),_:1})]))])}const lm=F(ad,[["render",im]]),nm={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{genderOption:["Male","Female"],civilStatusOption:["Single","Married","Widowed","Seperated","Divorced"],form:{employee_id:this.$route.params.id,name:"",age:"",birth_date:"",gender:"",civil_status:"",occupation_or_position:"",company_or_school:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecordSibling(s){console.log("try"),this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModalSibling=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,name:"",age:"",birth_date:"",gender:"",civil_status:"",occupation_or_position:"",company_or_school:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Pe.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModalSibling=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Pe.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModalSibling=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModalSibling=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({name:B().required("Name field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},rm={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},am={class:"flex gap-1 justify-end"};function dm(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("Multiselect"),w=r("SubmitButton"),S=r("UpdateButton"),k=r("CloseButton"),x=r("FormModal");return i(),y(x,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModalSibling,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",rm,[o("form",{onSubmit:e[7]\|\|(e[7]=$((...m)=>s.confirmSubmit&&s.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Name",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input name",modelValue:t.form.name,"onUpdate:modelValue":e[0]\|\|(e[0]=m=>t.form.name=m),error:t.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Age"},{default:a(()=>[l(h,{type:"text",placeholder:"Input age ",modelValue:t.form.age,"onUpdate:modelValue":e[1]\|\|(e[1]=m=>t.form.age=m),error:t.errors.age,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Birth Date"},{default:a(()=>[l(h,{type:"date",placeholder:"Input birth date ",modelValue:t.form.birth_date,"onUpdate:modelValue":e[2]\|\|(e[2]=m=>t.form.birth_date=m),error:t.errors.birth_date,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Gender"},{default:a(()=>[l(R,{placeholder:"Input gender",modelValue:t.form.gender,"onUpdate:modelValue":e[3]\|\|(e[3]=m=>t.form.gender=m),options:t.genderOption,error:t.errors.gender,classInput:"h-[48px]"},null,8,["modelValue","options","error"])]),_:1}),l(d,{label:"Civil Status"},{default:a(()=>[l(R,{placeholder:"Input civil status",modelValue:t.form.civil_status,"onUpdate:modelValue":e[4]\|\|(e[4]=m=>t.form.civil_status=m),options:t.civilStatusOption,error:t.errors.civil_status,classInput:"h-[48px]"},null,8,["modelValue","options","error"])]),_:1}),l(d,{label:"Occupation/Position"},{default:a(()=>[l(h,{type:"text",placeholder:"Input occupation/position ",modelValue:t.form.occupation_or_position,"onUpdate:modelValue":e[5]\|\|(e[5]=m=>t.form.occupation_or_position=m),error:t.errors.occupation_or_position,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Company/School"},{default:a(()=>[l(h,{type:"text",placeholder:"Input company/school ",modelValue:t.form.company_or_school,"onUpdate:modelValue":e[6]\|\|(e[6]=m=>t.form.company_or_school=m),error:t.errors.company_or_school,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",am,[t.state.isEdit?(i(),y(S,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(w,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(k,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const cm=F(nm,[["render",dm]]),mm={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{genderOption:["Male","Female"],civilStatusOption:["Single","Married","Widowed","Seperated","Divorced"],form:{employee_id:this.$route.params.id,name:"",age:"",birth_date:"",gender:"",civil_status:"",occupation_or_position:"",company_or_school:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecordChildren(s){console.log("try"),this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModalChildren=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,name:"",age:"",birth_date:"",gender:"",civil_status:"",occupation_or_position:"",company_or_school:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Le.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModalChildren=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Le.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModalChildren=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModalChildren=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({name:B().required("Name field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},um={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},pm={class:"flex gap-1 justify-end"};function fm(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("Multiselect"),w=r("SubmitButton"),S=r("UpdateButton"),k=r("CloseButton"),x=r("FormModal");return i(),y(x,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModalChildren,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",um,[o("form",{onSubmit:e[7]\|\|(e[7]=$((...m)=>s.confirmSubmit&&s.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Name",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input name",modelValue:t.form.name,"onUpdate:modelValue":e[0]\|\|(e[0]=m=>t.form.name=m),error:t.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Age"},{default:a(()=>[l(h,{type:"text",placeholder:"Input age ",modelValue:t.form.age,"onUpdate:modelValue":e[1]\|\|(e[1]=m=>t.form.age=m),error:t.errors.age,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Birth Date"},{default:a(()=>[l(h,{type:"date",placeholder:"Input birth date ",modelValue:t.form.birth_date,"onUpdate:modelValue":e[2]\|\|(e[2]=m=>t.form.birth_date=m),error:t.errors.birth_date,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Gender"},{default:a(()=>[l(R,{placeholder:"Input gender",modelValue:t.form.gender,"onUpdate:modelValue":e[3]\|\|(e[3]=m=>t.form.gender=m),options:t.genderOption,error:t.errors.gender,classInput:"h-[48px]"},null,8,["modelValue","options","error"])]),_:1}),l(d,{label:"Civil Status"},{default:a(()=>[l(R,{placeholder:"Input civil status",modelValue:t.form.civil_status,"onUpdate:modelValue":e[4]\|\|(e[4]=m=>t.form.civil_status=m),options:t.civilStatusOption,error:t.errors.civil_status,classInput:"h-[48px]"},null,8,["modelValue","options","error"])]),_:1}),l(d,{label:"Occupation/Position"},{default:a(()=>[l(h,{type:"text",placeholder:"Input occupation/position ",modelValue:t.form.occupation_or_position,"onUpdate:modelValue":e[5]\|\|(e[5]=m=>t.form.occupation_or_position=m),error:t.errors.occupation_or_position,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Company/School"},{default:a(()=>[l(h,{type:"text",placeholder:"Input company/school ",modelValue:t.form.company_or_school,"onUpdate:modelValue":e[6]\|\|(e[6]=m=>t.form.company_or_school=m),error:t.errors.company_or_school,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",pm,[t.state.isEdit?(i(),y(S,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(w,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(k,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const hm=F(mm,[["render",fm]]),gm={components:{Card:P,Textinput:X,Button:Z,Icon:U,FormGroup:D,Checkbox:$e,Radio:Be,SiblingForm:cm,ChildrenForm:hm,EditButton:ie,DeleteButton:oe},props:{employee_id:{type:String}},data(){return{siblingItems:[],childrenItems:[],familyItems:[],isEditing:!1,isHouseOwnerShip:!1,isLivingWith:!1,isResidenceStatusOthers:!1,isMarried:!1,isSeperated:!1,isWidow:!1,items:[],houseOwnerShipOption:1,livingWithOption:2,form:{employee_id:this.employee_id,fathers_name:"",fathers_age:"",fathers_birth_date:"",fathers_occupation:"",father_deceased:"",fathers_address:"",mothers_name:"",mothers_age:"",mothers_birth_date:"",mother_deceased:"",mothers_occupation:"",mothers_address:"",spouse_name:"",spouse_birth_date:"",spouse_address:"",spouse_contact_no:"",spouse_occupation:"",spouse_employer:"",spouse_employer_contact_no:""},state:{isLoading:!1,isMounted:!1,showModalSibling:!1,showModalChildren:!1,isDeleting:!1}}},methods:{async fetchFamily(){this.state.isLoading=!0,await it.fetchRecord(this.$route.params.id).then(s=>{this.state.isLoading=!1;let e=s.data;this.familyItems=e,this.form=e,this.form.father_deceased=this.familyItems.father_deceased==1,this.form.mother_deceased=this.familyItems.mother_deceased==1,this.calculateAgeFather(),this.calculateAgeMother()}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},async fetchSiblingData(){await Pe.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.siblingItems=e}).catch(s=>{console.error("Error fetching records:",s)})},async fetchChildrenData(){await Le.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.childrenItems=e}).catch(s=>{console.error("Error fetching records:",s)})},reload(){this.$emit("reload")},toggleEdit(){this.isEditing=!0},toggleCancel(){this.isEditing=!1},createRecordSibling(){this.$refs.siblingForm.resetForm(),this.$refs.siblingForm.state.showModalSibling=!0},createRecordChildren(){this.$refs.childrenForm.resetForm(),this.$refs.childrenForm.state.showModalChildren=!0},editRecordSibling(s){this.$refs.siblingForm.resetForm(),this.$refs.siblingForm.loadRecordSibling(s),this.$refs.siblingForm.state.showModalSibling=!0},editRecordChildren(s){this.$refs.childrenForm.resetForm(),this.$refs.childrenForm.loadRecordChildren(s),this.$refs.childrenForm.state.showModalChildren=!0},calculateAge(s){if(s){const e=new Date,p=new Date(s);let E=e.getFullYear()-p.getFullYear();const t=e.getMonth()-p.getMonth();return(t<0\|\|t===0&&e.getDate()<p.getDate())&&E--,E}else return 0},calculateAgeFather(){this.form.fathers_age=this.calculateAge(this.form.fathers_birth_date),console.log("age father",this.form.fathers_age)},calculateAgeMother(){this.form.mothers_age=this.calculateAge(this.form.mothers_birth_date)},async deleteRecordSibling(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{console.log(e),e.value&&(this.state.isDeleting=!0,Pe.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{console.log(e),e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{console.log("final"),this.reload(),this.state.isDeleting=!1})},async deleteRecordChildren(s){console.log(s),this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{e.value&&(this.state.isDeleting=!0,Le.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.reload(),this.state.isDeleting=!1})},async onSubmit(){console.log(this.form);try{this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(s=>{s.value&&this.saveRecord()})}catch(s){if(s instanceof Yup.ValidationError){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}},async saveRecord(){console.log(this.form),await it.create(this.employee_id,this.form).then(s=>{s.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(s=>{console.log(s),s.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1})}},mounted(){this.fetchFamily(),this.fetchSiblingData(),this.fetchChildrenData()},watch:{fathers_birth_date(){this.calculateAgeFather()},mothers_birth_date(){this.calculateAgeMother()}}},ym={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},_m={class:"text-9xl"},bm={key:1},xm={class:"p-6"},vm={class:"grid grid-cols-2 gap-2 mb-8"},wm={class:"grid grid-cols-1 gap-2 mb-2"},km={key:0,class:"text-md"},Cm={key:1},Em={class:"grid grid-cols-2 gap-2 mb-2"},Sm={key:0,class:"text-md"},Rm={key:1},Vm={key:0,class:"text-md"},Fm={key:1},Im={class:"grid grid-cols-1 gap-2 mb-2"},$m={class:"flex items-center cursor-pointer"},Bm=["checked","disabled"],Mm={key:0,class:"text-md"},Dm={key:1},Lm={class:"grid grid-cols-1 gap-2 mb-2"},Am={key:0,class:"text-md"},Um={key:1},Tm={class:"grid grid-cols-1 gap-2 mb-2"},zm={key:0,class:"text-md"},Om={key:1},qm={class:"grid grid-cols-2 gap-2 mb-2"},Pm={key:0,class:"text-md"},jm={key:1},Gm={key:0,class:"text-md"},Nm={key:1},Ym={class:"grid grid-cols-1 gap-2 mb-2"},Wm={class:"flex items-center cursor-pointer"},Hm=["checked","disabled"],Jm={key:0,class:"text-md"},Km={key:1},Qm={class:"grid grid-cols-1 gap-2 mb-2"},Xm={key:0,class:"text-md"},Zm={key:1},eu={class:"grid grid-cols-2 gap-2 mb-2"},tu={key:0,class:"text-md"},su={key:1},ou={key:0,class:"text-md"},iu={key:1},lu={class:"grid grid-cols-1 gap-2 mb-2"},nu={key:0,class:"text-md"},ru={key:1},au={class:"grid grid-cols-2 gap-2 mb-2"},du={key:0,class:"text-md"},cu={key:1},mu={key:0,class:"text-md"},uu={key:1},pu={class:"grid grid-cols-2 gap-2 mb-2"},fu={key:0,class:"text-md"},hu={key:1},gu={key:0,class:"text-md"},yu={key:1},_u={key:0},bu={key:1,class:"mt-4 flex space-x-2"},xu={class:"grid grid-cols-2 gap-2 w-full"},vu={class:"mb-8"},wu={class:"p-6"},ku={key:0,class:"ltr:text-right"},Cu={class:"overflow-x-auto mt-4"},Eu={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Su={class:"bg-zinc-50 dark:bg-zinc-800"},Ru={class:"bg-gray-100"},Vu={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Fu={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Iu={class:"px-6 py-4 whitespace-nowrap"},$u={class:"px-6 py-4 whitespace-nowrap"},Bu={class:"px-6 py-4 whitespace-nowrap"},Mu={class:"px-6 py-4 whitespace-nowrap"},Du={class:"px-6 py-4 whitespace-nowrap"},Lu={class:"px-6 py-4 whitespace-nowrap"},Au={class:"px-6 py-4 whitespace-nowrap"},Uu={class:"px-6 py-4 whitespace-nowrap"},Tu={key:0,class:"px-6 py-4 whitespace-nowrap"},zu={class:"mb-8"},Ou={class:"p-6"},qu={key:0,class:"ltr:text-right"},Pu={class:"overflow-x-auto mt-4"},ju={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Gu={class:"bg-zinc-50 dark:bg-zinc-800"},Nu={class:"bg-gray-100"},Yu={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Wu={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Hu={class:"px-6 py-4 whitespace-nowrap"},Ju={class:"px-6 py-4 whitespace-nowrap"},Ku={class:"px-6 py-4 whitespace-nowrap"},Qu={class:"px-6 py-4 whitespace-nowrap"},Xu={class:"px-6 py-4 whitespace-nowrap"},Zu={class:"px-6 py-4 whitespace-nowrap"},ep={class:"px-6 py-4 whitespace-nowrap"},tp={class:"px-6 py-4 whitespace-nowrap"},sp={key:0,class:"px-6 py-4 whitespace-nowrap"};function op(s,e,p,E,t,c){const v=r("Icon"),h=r("Textinput"),d=r("FormGroup"),R=r("flat-pickr"),w=r("Button"),S=r("EditButton"),k=r("DeleteButton"),x=r("SiblingForm"),m=r("Card"),_=r("ChildrenForm");return i(),n("div",ym,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",_m,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[22]\|\|(e[22]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",bm,[l(m,{bodyClass:"p-0"},{default:a(()=>{var f,b;return[e[47]\|\|(e[47]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," FAMILY ",-1)),o("div",xm,[e[44]\|\|(e[44]=o("div",{class:"ltr:text-right"},null,-1)),o("form",{onSubmit:e[19]\|\|(e[19]=$((...C)=>c.onSubmit&&c.onSubmit(...C),["prevent"])),novalidate:""},[o("div",vm,[o("div",null,[o("div",wm,[l(d,{label:"Father's Name",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Cm,[l(h,{type:"text",placeholder:"Type your fathers name",name:"fathers_name",modelValue:t.form.fathers_name,"onUpdate:modelValue":e[0]\|\|(e[0]=C=>t.form.fathers_name=C)},null,8,["modelValue"])])):(i(),n("div",km,u(t.form.fathers_name),1))]),_:1})]),o("div",Em,[l(d,{label:"Birthday",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Rm,[l(R,{type:"text",placeholder:"Type your fathers birth date",name:"fathers_birth_date",modelValue:t.form.fathers_birth_date,"onUpdate:modelValue":e[1]\|\|(e[1]=C=>t.form.fathers_birth_date=C),class:"form-control",onInput:c.calculateAgeFather},null,8,["modelValue","onInput"])])):(i(),n("div",Sm,u(t.form.fathers_birth_date),1))]),_:1}),l(d,{label:"Age",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Fm,[l(h,{type:"text",placeholder:"Type your fathers age",name:"fathers_age",modelValue:t.form.fathers_age,"onUpdate:modelValue":e[2]\|\|(e[2]=C=>t.form.fathers_age=C)},null,8,["modelValue"])])):(i(),n("div",Vm,u(t.form.fathers_age),1))]),_:1})]),o("div",Im,[o("label",$m,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.father_deceased,"onUpdate:modelValue":e[3]\|\|(e[3]=C=>t.form.father_deceased=C),disabled:!t.isEditing},null,8,Bm),[[te,t.form.father_deceased]]),e[23]\|\|(e[23]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[24]\|\|(e[24]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Deceased",-1))])]),l(d,{label:"Occupation",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Dm,[l(h,{type:"text",placeholder:"Type your fathers occupation",name:"fathers_occupation",modelValue:t.form.fathers_occupation,"onUpdate:modelValue":e[4]\|\|(e[4]=C=>t.form.fathers_occupation=C)},null,8,["modelValue"])])):(i(),n("div",Mm,u(t.form.fathers_occupation),1))]),_:1}),e[25]\|\|(e[25]=o("div",{class:"flex items-center gap-4"},null,-1)),o("div",Lm,[l(d,{label:"Address",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Um,[l(h,{type:"text",placeholder:"Type your fathers address",name:"fathers_address",modelValue:t.form.fathers_address,"onUpdate:modelValue":e[5]\|\|(e[5]=C=>t.form.fathers_address=C)},null,8,["modelValue"])])):(i(),n("div",Am,u(t.form.fathers_address),1))]),_:1})])]),o("div",null,[o("div",Tm,[l(d,{label:"Mother's Name",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Om,[l(h,{type:"text",placeholder:"Type your mothers name",name:"mothers_name",modelValue:t.form.mothers_name,"onUpdate:modelValue":e[6]\|\|(e[6]=C=>t.form.mothers_name=C)},null,8,["modelValue"])])):(i(),n("div",zm,u(t.form.mothers_name),1))]),_:1})]),o("div",qm,[l(d,{label:"Birthday",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",jm,[l(R,{type:"text",placeholder:"Type your mothers birth date",name:"mothers_birth_date",modelValue:t.form.mothers_birth_date,"onUpdate:modelValue":e[7]\|\|(e[7]=C=>t.form.mothers_birth_date=C),class:"form-control",onInput:c.calculateAgeMother},null,8,["modelValue","onInput"])])):(i(),n("div",Pm,u(t.form.mothers_birth_date),1))]),_:1}),l(d,{label:"Age",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Nm,[l(h,{type:"text",placeholder:"Type your mothers age",name:"mothers_age",modelValue:t.form.mothers_age,"onUpdate:modelValue":e[8]\|\|(e[8]=C=>t.form.mothers_age=C)},null,8,["modelValue"])])):(i(),n("div",Gm,u(t.form.mothers_age),1))]),_:1})]),o("div",Ym,[o("label",Wm,[Q(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.mother_deceased,"onUpdate:modelValue":e[9]\|\|(e[9]=C=>t.form.mother_deceased=C),disabled:!t.isEditing},null,8,Hm),[[te,t.form.mother_deceased]]),e[26]\|\|(e[26]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[27]\|\|(e[27]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Deceased",-1))]),l(d,{label:"Occupation",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Km,[l(h,{type:"text",placeholder:"Type your fathers occupation",name:"mothers_occupation",modelValue:t.form.mothers_occupation,"onUpdate:modelValue":e[10]\|\|(e[10]=C=>t.form.mothers_occupation=C)},null,8,["modelValue"])])):(i(),n("div",Jm,u(t.form.mothers_occupation),1))]),_:1})]),o("div",Qm,[l(d,{label:"Address",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",Zm,[l(h,{type:"text",placeholder:"Type your mothers address",name:"mothers_address",modelValue:t.form.mothers_address,"onUpdate:modelValue":e[11]\|\|(e[11]=C=>t.form.mothers_address=C)},null,8,["modelValue"])])):(i(),n("div",Xm,u(t.form.mothers_address),1))]),_:1})])])]),o("div",eu,[l(d,{label:"Name of Spouse/Partner",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",su,[l(h,{type:"text",placeholder:"Type your spouse name",name:"spouse_name",modelValue:t.form.spouse_name,"onUpdate:modelValue":e[12]\|\|(e[12]=C=>t.form.spouse_name=C)},null,8,["modelValue"])])):(i(),n("div",tu,u(t.form.spouse_name),1))]),_:1}),l(d,{label:"Date of Birth",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",iu,[l(R,{type:"text",placeholder:"Type your spouse date of birth",name:"spouse_birth_date",modelValue:t.form.spouse_birth_date,"onUpdate:modelValue":e[13]\|\|(e[13]=C=>t.form.spouse_birth_date=C),class:"form-control"},null,8,["modelValue"])])):(i(),n("div",ou,u(t.form.spouse_birth_date),1))]),_:1})]),o("div",lu,[l(d,{label:"Address",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",ru,[l(h,{type:"text",placeholder:"Type your spouse address",name:"spouse_address",modelValue:t.form.spouse_address,"onUpdate:modelValue":e[14]\|\|(e[14]=C=>t.form.spouse_address=C)},null,8,["modelValue"])])):(i(),n("div",nu,u(t.form.spouse_address),1))]),_:1})]),o("div",au,[l(d,{label:"Contact No.",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",cu,[l(h,{type:"text",placeholder:"Type your spouse contact number",name:"spouse_contact_no",modelValue:t.form.spouse_contact_no,"onUpdate:modelValue":e[15]\|\|(e[15]=C=>t.form.spouse_contact_no=C)},null,8,["modelValue"])])):(i(),n("div",du,u(t.form.spouse_contact_no),1))]),_:1}),l(d,{label:"Occupation",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",uu,[l(h,{type:"text",placeholder:"Type your spouse occupation",name:"spouse_occupation",modelValue:t.form.spouse_occupation,"onUpdate:modelValue":e[16]\|\|(e[16]=C=>t.form.spouse_occupation=C)},null,8,["modelValue"])])):(i(),n("div",mu,u(t.form.spouse_occupation),1))]),_:1})]),o("div",pu,[l(d,{label:"Spouse/Partner's Employer",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",hu,[l(h,{type:"text",placeholder:"Type your spouse employer",name:"spouse_employer",modelValue:t.form.spouse_employer,"onUpdate:modelValue":e[17]\|\|(e[17]=C=>t.form.spouse_employer=C)},null,8,["modelValue"])])):(i(),n("div",fu,u(t.form.spouse_employer),1))]),_:1}),l(d,{label:"Contact No.",labelClass:"font-bold"},{default:a(()=>[t.isEditing?(i(),n("div",yu,[l(h,{type:"text",placeholder:"Type your spouse employer contact number",name:"spouse_employer_contact_no",modelValue:t.form.spouse_employer_contact_no,"onUpdate:modelValue":e[18]\|\|(e[18]=C=>t.form.spouse_employer_contact_no=C)},null,8,["modelValue"])])):(i(),n("div",gu,u(t.form.spouse_employer_contact_no),1))]),_:1})]),this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("div",_u,[!t.isEditing&&s.$ability.can("edit","family")?(i(),y(w,{key:0,text:"EDIT",btnClass:"bg-indigo-600 text-white p-2 w-full",onClick:c.toggleEdit,class:"mt-4"},null,8,["onClick"])):(i(),n("div",bu,[o("div",xu,[s.$ability.can("edit","family")?(i(),y(w,{key:0,text:"UPDATE",btnClass:"btn-info p-2 w-full"})):g("",!0),s.$ability.can("edit","family")?(i(),y(w,{key:1,text:"CANCEL",btnClass:"btn-light p-2 w-full hover:bg-gray-300",onClick:c.toggleCancel},null,8,["onClick"])):g("",!0)])]))])):g("",!0)],32),e[45]\|\|(e[45]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center p-2 mt-4"}," SIBLINGS ",-1)),o("div",vu,[l(m,{bodyClass:"p-0 "},{default:a(()=>{var C,M;return[o("div",wu,[this.$route.params.id!=(((M=(C=this.$store.userSettings.getActiveUser)==null?void 0:C.employees)==null?void 0:M.employee_id)??null)?(i(),n("div",ku,[s.$ability.can("add","family")?(i(),y(w,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecordSibling},null,8,["onClick"])):g("",!0)])):g("",!0),o("div",Cu,[o("table",Eu,[o("thead",Su,[o("tr",Ru,[e[28]\|\|(e[28]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[29]\|\|(e[29]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Name",-1)),e[30]\|\|(e[30]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Age",-1)),e[31]\|\|(e[31]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Birthdate",-1)),e[32]\|\|(e[32]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Gender",-1)),e[33]\|\|(e[33]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Civil Status",-1)),e[34]\|\|(e[34]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Occupation/Position",-1)),e[35]\|\|(e[35]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Company/School",-1)),s.$ability.can("edit","family")\|\|s.$ability.can("delete","family")?(i(),n("th",Vu," Actions ")):g("",!0)])]),o("tbody",Fu,[(i(!0),n(L,null,O(t.siblingItems,(I,ee)=>{var se,ne;return i(),n("tr",{key:ee,class:"mb-5"},[o("td",Iu,u(ee+1),1),o("td",$u,u(I.name),1),o("td",Bu,u(I.age),1),o("td",Mu,u(I.birth_date),1),o("td",Du,u(I.gender),1),o("td",Lu,u(I.civil_status),1),o("td",Au,u(I.occupation_or_position),1),o("td",Uu,u(I.company_or_school),1),this.$route.params.id!=(((ne=(se=this.$store.userSettings.getActiveUser)==null?void 0:se.employees)==null?void 0:ne.employee_id)??null)?(i(),n("td",Tu,[s.$ability.can("edit","family")?(i(),y(S,{key:0,onClick:ae=>c.editRecordSibling(I)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","family")?(i(),y(k,{key:1,onClick:ae=>c.deleteRecordSibling(I.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])]),l(x,{onCloseModal:e[20]\|\|(e[20]=I=>t.state.showModalSibling=!1),ref:"siblingForm",onReload:c.fetchSiblingData},null,8,["onReload"])])]}),_:1})]),e[46]\|\|(e[46]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center p-2 mt-4"}," CHILDRENS ",-1)),o("div",zu,[l(m,{bodyClass:"p-0 "},{default:a(()=>{var C,M;return[o("div",Ou,[this.$route.params.id!=(((M=(C=this.$store.userSettings.getActiveUser)==null?void 0:C.employees)==null?void 0:M.employee_id)??null)?(i(),n("div",qu,[s.$ability.can("add","family")?(i(),y(w,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecordChildren},null,8,["onClick"])):g("",!0)])):g("",!0),o("div",Pu,[o("table",ju,[o("thead",Gu,[o("tr",Nu,[e[36]\|\|(e[36]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[37]\|\|(e[37]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Name",-1)),e[38]\|\|(e[38]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Age",-1)),e[39]\|\|(e[39]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Birthdate",-1)),e[40]\|\|(e[40]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Gender",-1)),e[41]\|\|(e[41]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Civil Status",-1)),e[42]\|\|(e[42]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Occupation/Position",-1)),e[43]\|\|(e[43]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Company/School",-1)),s.$ability.can("edit","family")\|\|s.$ability.can("delete","family")?(i(),n("th",Yu," Actions ")):g("",!0)])]),o("tbody",Wu,[(i(!0),n(L,null,O(t.childrenItems,(I,ee)=>{var se,ne;return i(),n("tr",{key:ee,class:"mb-5"},[o("td",Hu,u(ee+1),1),o("td",Ju,u(I.name),1),o("td",Ku,u(I.age),1),o("td",Qu,u(I.birth_date),1),o("td",Xu,u(I.gender),1),o("td",Zu,u(I.civil_status),1),o("td",ep,u(I.occupation_or_position),1),o("td",tp,u(I.company_or_school),1),this.$route.params.id!=(((ne=(se=this.$store.userSettings.getActiveUser)==null?void 0:se.employees)==null?void 0:ne.employee_id)??null)?(i(),n("td",sp,[s.$ability.can("edit","family")?(i(),y(S,{key:0,onClick:ae=>c.editRecordChildren(I)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","family")?(i(),y(k,{key:1,onClick:ae=>c.deleteRecordChildren(I.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])]),l(_,{onCloseModal:e[21]\|\|(e[21]=I=>t.state.showModalChildren=!0),ref:"childrenForm",onReload:c.fetchChildrenData},null,8,["onReload"])])]}),_:1})])])]}),_:1})]))])}const ip=F(gm,[["render",op]]),lp={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,school:"",level:"",year:"",course:"",remarks:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,school:"",level:"",year:"",course:"",remarks:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Ae.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Ae.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({school:B().required("Code field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},np={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},rp={class:"flex gap-1 justify-end"};function ap(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("SubmitButton"),w=r("UpdateButton"),S=r("CloseButton"),k=r("FormModal");return i(),y(k,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",np,[o("form",{onSubmit:e[5]\|\|(e[5]=$((...x)=>s.confirmSubmit&&s.confirmSubmit(...x),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Level"},{default:a(()=>[l(h,{type:"text",placeholder:"Input level ",modelValue:t.form.level,"onUpdate:modelValue":e[0]\|\|(e[0]=x=>t.form.level=x),error:t.errors.level,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"School",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input school",modelValue:t.form.school,"onUpdate:modelValue":e[1]\|\|(e[1]=x=>t.form.school=x),error:t.errors.school,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Year"},{default:a(()=>[l(h,{type:"text",placeholder:"Input year ",modelValue:t.form.year,"onUpdate:modelValue":e[2]\|\|(e[2]=x=>t.form.year=x),error:t.errors.year,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Course"},{default:a(()=>[l(h,{type:"text",placeholder:"Input course ",modelValue:t.form.course,"onUpdate:modelValue":e[3]\|\|(e[3]=x=>t.form.course=x),error:t.errors.course,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Remarks"},{default:a(()=>[l(h,{type:"text",placeholder:"Input remarks ",modelValue:t.form.remarks,"onUpdate:modelValue":e[4]\|\|(e[4]=x=>t.form.remarks=x),error:t.errors.remarks,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",rp,[t.state.isEdit?(i(),y(w,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(R,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(S,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const dp=F(lp,[["render",ap]]),cp={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,description:"",year_acquired:"",license:"",remarks:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,description:"",year_acquired:"",license:"",remarks:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Ve.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Ve.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({description:B().required("Description field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},mp={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},up={class:"flex gap-1 justify-end"};function pp(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("SubmitButton"),w=r("UpdateButton"),S=r("CloseButton"),k=r("FormModal");return i(),y(k,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",mp,[o("form",{onSubmit:e[4]\|\|(e[4]=$((...x)=>s.confirmSubmit&&s.confirmSubmit(...x),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Description",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input description ",modelValue:t.form.description,"onUpdate:modelValue":e[0]\|\|(e[0]=x=>t.form.description=x),error:t.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Acquired Year"},{default:a(()=>[l(h,{type:"text",placeholder:"Input acquired year",modelValue:t.form.acquired_license,"onUpdate:modelValue":e[1]\|\|(e[1]=x=>t.form.acquired_license=x),error:t.errors.acquired_license,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"License #"},{default:a(()=>[l(h,{type:"text",placeholder:"Input license ",modelValue:t.form.license,"onUpdate:modelValue":e[2]\|\|(e[2]=x=>t.form.license=x),error:t.errors.license,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Remarks"},{default:a(()=>[l(h,{type:"text",placeholder:"Input remarks ",modelValue:t.form.remarks,"onUpdate:modelValue":e[3]\|\|(e[3]=x=>t.form.remarks=x),error:t.errors.remarks,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",up,[t.state.isEdit?(i(),y(w,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(R,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(S,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const fp=F(cp,[["render",pp]]),hp={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,description:"",remarks:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,description:"",remarks:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Fe.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Fe.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({description:B().required("Description field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},gp={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},yp={class:"flex gap-1 justify-end"};function _p(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("SubmitButton"),w=r("UpdateButton"),S=r("CloseButton"),k=r("FormModal");return i(),y(k,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",gp,[o("form",{onSubmit:e[2]\|\|(e[2]=$((...x)=>s.confirmSubmit&&s.confirmSubmit(...x),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Description",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input description ",modelValue:t.form.description,"onUpdate:modelValue":e[0]\|\|(e[0]=x=>t.form.description=x),error:t.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Remarks"},{default:a(()=>[l(h,{type:"text",placeholder:"Input remarks",modelValue:t.form.remarks,"onUpdate:modelValue":e[1]\|\|(e[1]=x=>t.form.remarks=x),error:t.errors.remarks,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",yp,[t.state.isEdit?(i(),y(w,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(R,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(S,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const bp=F(hp,[["render",_p]]),xp={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:dp,AcquiredLicense:Ve,AcquiredLicenseForm:fp,AffiliationForm:bp,Affiliation:Fe,EditButton:ie,DeleteButton:oe},props:{educationalBackgroundItems:{type:Array,required:!0},acquiredLicenseItems:{type:Array,required:!0},affiliationItems:{type:Array,required:!0}},data(){return{educationalBackgroundItems:[],acquiredLicenseItems:[],affiliationItems:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{handleEducationReload(){this.$emit("reload")},reload(){this.$emit("reload")},onSubmit(){console.log("Form submitted:",this.items)},createRecord(s){s=="educationForm"?(this.$refs.educationForm.resetForm(),this.$refs.educationForm.state.showModal=!0):s=="licenseForm"?(this.$refs.licenseForm.resetForm(),this.$refs.licenseForm.state.showModal=!0):s=="affiliationForm"&&(this.$refs.affiliationForm.resetForm(),this.$refs.affiliationForm.state.showModal=!0)},editRecord(s,e){e=="educationForm"?(this.$refs.educationForm.resetForm(),this.$refs.educationForm.loadRecord(s),this.$refs.educationForm.state.showModal=!0):e=="licenseForm"?(this.$refs.licenseForm.resetForm(),this.$refs.licenseForm.loadRecord(s),this.$refs.licenseForm.state.showModal=!0):e=="affiliationForm"&&(this.$refs.affiliationForm.resetForm(),this.$refs.affiliationForm.loadRecord(s),this.$refs.affiliationForm.state.showModal=!0)},async deleteRecord(s,e){let p="";e=="educationForm"?p=Ae:e=="licenseForm"?p=Ve:e=="affiliationForm"&&(p=Fe),this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(E=>{console.log(E),E.value&&(this.state.isDeleting=!0,p.remove(s).then(t=>{console.log(t),t.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(E=>{console.log(E),E.response&&E.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{console.log("final"),this.reload(),this.state.isDeleting=!1})},async fetchEducationalBackgroundData(){await Ae.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.educationalBackgroundItems=e}).catch(s=>{console.error("Error fetching records:",s)})},async fetchAcquiredLicenseData(){await Ve.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.acquiredLicenseItems=e}).catch(s=>{console.error("Error fetching records:",s)})},async fetchAffiliationData(){this.state.isLoading=!0,await Fe.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.affiliationItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1}},mounted(){this.fetchEducationalBackgroundData(),this.fetchAcquiredLicenseData(),this.fetchAffiliationData()}},vp={class:"text-9xl"},wp={key:1,class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},kp={class:"p-6 space-y-8 mb-14"},Cp={key:0,class:"ltr:text-right"},Ep={class:"overflow-x-auto mt-4"},Sp={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Rp={class:"bg-zinc-50 dark:bg-zinc-800"},Vp={class:"bg-gray-100"},Fp={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Ip={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},$p={class:"px-6 py-4 whitespace-nowrap"},Bp={class:"px-6 py-4 whitespace-nowrap"},Mp={class:"px-6 py-4 whitespace-nowrap"},Dp={class:"px-6 py-4 whitespace-nowrap"},Lp={class:"px-6 py-4 whitespace-nowrap"},Ap={class:"px-6 py-4 whitespace-nowrap"},Up={key:0,class:"px-6 py-4 whitespace-nowrap"},Tp={class:"grid grid-cols-5 gap-4"},zp={class:"col-span-3"},Op={class:"p-6"},qp={key:0,class:"ltr:text-right"},Pp={class:"overflow-x-auto mt-4"},jp={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Gp={class:"bg-zinc-50 dark:bg-zinc-800"},Np={class:"bg-gray-100"},Yp={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Wp={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Hp={class:"px-6 py-4 whitespace-nowrap"},Jp={class:"px-6 py-4 whitespace-nowrap"},Kp={class:"px-6 py-4 whitespace-nowrap"},Qp={class:"px-6 py-4 whitespace-nowrap"},Xp={class:"px-6 py-4 whitespace-nowrap"},Zp={key:0,class:"px-6 py-4 whitespace-nowrap"},ef={class:"col-span-2"},tf={class:"p-6"},sf={key:0,class:"ltr:text-right"},of={class:"overflow-x-auto mt-4"},lf={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},nf={class:"bg-zinc-50 dark:bg-zinc-800"},rf={class:"bg-gray-100"},af={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},df={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},cf={class:"px-6 py-4 whitespace-nowrap"},mf={class:"px-6 py-4 whitespace-nowrap"},uf={class:"px-6 py-4 whitespace-nowrap"},pf={key:0,class:"px-6 py-4 whitespace-nowrap"};function ff(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("AcquiredLicenseForm"),k=r("Card"),x=r("AffiliationForm");return i(),n("div",null,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",vp,[l(v,{icon:"svg-spinners:blocks-scale"})]),e[9]\|\|(e[9]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",wp,[e[26]\|\|(e[26]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," EDUCATION / AFFILIATORS ",-1)),o("div",null,[l(k,{bodyClass:"p-0"},{default:a(()=>{var m,_;return[o("div",kp,[this.$route.params.id!=(((_=(m=this.$store.userSettings.getActiveUser)==null?void 0:m.employees)==null?void 0:_.employee_id)??null)?(i(),n("div",Cp,[s.$ability.can("add","education")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:e[0]\|\|(e[0]=f=>c.createRecord("educationForm"))})):g("",!0)])):g("",!0),o("form",{onSubmit:e[1]\|\|(e[1]=$((...f)=>c.onSubmit&&c.onSubmit(...f),["prevent"])),novalidate:""},[o("div",Ep,[o("table",Sp,[o("thead",Rp,[o("tr",Vp,[e[10]\|\|(e[10]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[11]\|\|(e[11]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Level",-1)),e[12]\|\|(e[12]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"School/Collage Name",-1)),e[13]\|\|(e[13]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Year",-1)),e[14]\|\|(e[14]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Course",-1)),e[15]\|\|(e[15]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Remarks",-1)),s.$ability.can("edit","education")\|\|s.$ability.can("delete","education")?(i(),n("th",Fp," Actions ")):g("",!0)])]),o("tbody",Ip,[(i(!0),n(L,null,O(t.educationalBackgroundItems,(f,b)=>{var C,M;return i(),n("tr",{key:b,class:"mb-5"},[o("td",$p,u(b+1),1),o("td",Bp,u(f.level),1),o("td",Mp,u(f.school),1),o("td",Dp,u(f.year),1),o("td",Lp,u(f.course),1),o("td",Ap,u(f.remarks),1),this.$route.params.id!=(((M=(C=this.$store.userSettings.getActiveUser)==null?void 0:C.employees)==null?void 0:M.employee_id)??null)?(i(),n("td",Up,[s.$ability.can("edit","education")?(i(),y(d,{key:0,onClick:I=>c.editRecord(f,"educationForm")},null,8,["onClick"])):g("",!0),s.$ability.can("delete","education")?(i(),y(R,{key:1,onClick:I=>c.deleteRecord(f.id,"educationForm"),onReload:c.handleEducationReload},null,8,["onClick","onReload"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(w,{onCloseModal:e[2]\|\|(e[2]=f=>t.state.showModal=!1),ref:"educationForm",onReload:c.fetchEducationalBackgroundData},null,8,["onReload"])]),o("div",Tp,[o("div",zp,[e[21]\|\|(e[21]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," ACQUIRED LICENSES ",-1)),o("div",null,[l(k,{bodyClass:"p-0"},{default:a(()=>{var f,b;return[o("div",Op,[this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("div",qp,[s.$ability.can("add","education")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:e[3]\|\|(e[3]=C=>c.createRecord("licenseForm"))})):g("",!0)])):g("",!0),o("form",{onSubmit:e[4]\|\|(e[4]=$((...C)=>c.onSubmit&&c.onSubmit(...C),["prevent"])),novalidate:""},[o("div",Pp,[o("table",jp,[o("thead",Gp,[o("tr",Np,[e[16]\|\|(e[16]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[17]\|\|(e[17]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Description",-1)),e[18]\|\|(e[18]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Acquired Year",-1)),e[19]\|\|(e[19]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"License #",-1)),e[20]\|\|(e[20]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Remarks",-1)),s.$ability.can("edit","education")\|\|s.$ability.can("delete","education")?(i(),n("th",Yp," Actions ")):g("",!0)])]),o("tbody",Wp,[(i(!0),n(L,null,O(t.acquiredLicenseItems,(C,M)=>{var I,ee;return i(),n("tr",{key:M,class:"mb-5"},[o("td",Hp,u(M+1),1),o("td",Jp,u(C.description),1),o("td",Kp,u(C.year_acquired),1),o("td",Qp,u(C.license),1),o("td",Xp,u(C.remarks),1),this.$route.params.id!=(((ee=(I=this.$store.userSettings.getActiveUser)==null?void 0:I.employees)==null?void 0:ee.employee_id)??null)?(i(),n("td",Zp,[s.$ability.can("edit","education")?(i(),y(d,{key:0,onClick:se=>c.editRecord(C,"licenseForm")},null,8,["onClick"])):g("",!0),s.$ability.can("delete","education")?(i(),y(R,{key:1,onClick:se=>c.deleteRecord(C.id,"licenseForm")},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(S,{onCloseModal:e[5]\|\|(e[5]=C=>t.state.showModal=!1),ref:"licenseForm",onReload:c.fetchAcquiredLicenseData},null,8,["onReload"])])]}),_:1})])]),o("div",ef,[e[25]\|\|(e[25]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," AFFILIATION ",-1)),o("div",null,[l(k,{bodyClass:"p-0"},{default:a(()=>{var f,b;return[o("div",tf,[this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("div",sf,[s.$ability.can("add","education")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:e[6]\|\|(e[6]=C=>c.createRecord("affiliationForm"))})):g("",!0)])):g("",!0),o("form",{onSubmit:e[7]\|\|(e[7]=$((...C)=>c.onSubmit&&c.onSubmit(...C),["prevent"])),novalidate:""},[o("div",of,[o("table",lf,[o("thead",nf,[o("tr",rf,[e[22]\|\|(e[22]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[23]\|\|(e[23]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Description",-1)),e[24]\|\|(e[24]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Remarks",-1)),s.$ability.can("edit","education")\|\|s.$ability.can("delete","education")?(i(),n("th",af," Actions ")):g("",!0)])]),o("tbody",df,[(i(!0),n(L,null,O(t.affiliationItems,(C,M)=>{var I,ee;return i(),n("tr",{key:M,class:"mb-5"},[o("td",cf,u(M+1),1),o("td",mf,u(C.description),1),o("td",uf,u(C.remarks),1),this.$route.params.id!=(((ee=(I=this.$store.userSettings.getActiveUser)==null?void 0:I.employees)==null?void 0:ee.employee_id)??null)?(i(),n("td",pf,[s.$ability.can("edit","education")?(i(),y(d,{key:0,onClick:se=>c.editRecord(C,"affiliationForm")},null,8,["onClick"])):g("",!0),s.$ability.can("delete","education")?(i(),y(R,{key:1,onClick:se=>c.deleteRecord(C.id,"affiliationForm")},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(x,{onCloseModal:e[8]\|\|(e[8]=C=>t.state.showModal=!1),ref:"affiliationForm",onReload:c.fetchAffiliationData},null,8,["onReload"])])]}),_:1})])])])]}),_:1})])]))])}const hf=F(xp,[["render",ff]]),gf={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,company:"",position:"",reason:"",date_from:"",date_to:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,company:"",reason:"",position:"",date_from:"",date_to:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Ue.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.$emit("reload"))}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Ue.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({company:B().required("Code field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){}},yf={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},_f={class:"grid grid-cols-2 gap-2"},bf={class:"flex gap-1 justify-end"};function xf(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("flat-pickr"),w=r("SubmitButton"),S=r("UpdateButton"),k=r("CloseButton"),x=r("FormModal");return i(),y(x,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",yf,[o("form",{onSubmit:e[5]\|\|(e[5]=$((...m)=>s.confirmSubmit&&s.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Company",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input company",modelValue:t.form.company,"onUpdate:modelValue":e[0]\|\|(e[0]=m=>t.form.company=m),error:t.errors.company,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Position"},{default:a(()=>[l(h,{type:"text",placeholder:"Input position ",modelValue:t.form.position,"onUpdate:modelValue":e[1]\|\|(e[1]=m=>t.form.position=m),error:t.errors.position,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Reason for Leaving"},{default:a(()=>[l(h,{type:"text",placeholder:"Input Reason ",modelValue:t.form.reason,"onUpdate:modelValue":e[2]\|\|(e[2]=m=>t.form.reason=m),error:t.errors.reason,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",_f,[l(d,{label:"Date From"},{default:a(()=>[l(R,{modelValue:t.form.date_from,"onUpdate:modelValue":e[3]\|\|(e[3]=m=>t.form.date_from=m),class:"form-control h-[48px]",id:"date_from",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1}),l(d,{label:"Date To"},{default:a(()=>[l(R,{modelValue:t.form.date_to,"onUpdate:modelValue":e[4]\|\|(e[4]=m=>t.form.date_to=m),class:"form-control h-[48px]",id:"date_to",placeholder:"yyyy, dd M"},null,8,["modelValue"])]),_:1})]),o("div",bf,[t.state.isEdit?(i(),y(S,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(w,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(k,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const vf=F(gf,[["render",xf]]),wf={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:vf,EditButton:ie,DeleteButton:oe},props:{},data(){return{employmentHistoryItems:[],items:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchEmploymentHistoryData(){this.state.isLoading=!0,await Ue.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.employmentHistoryItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},reload(){this.$emit("reload")},removerowEduc(s){this.items.splice(s,1)},onSubmit(){console.log("Form submitted:",this.items)},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{console.log(e),e.value&&(this.state.isDeleting=!0,Ue.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{console.log(e),e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{console.log("final"),this.reload(),this.state.isDeleting=!1})}},mounted(){this.fetchEmploymentHistoryData()}},kf={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Cf={class:"text-9xl"},Ef={key:1},Sf={class:"p-6"},Rf={key:0,class:"ltr:text-right"},Vf={class:"overflow-x-auto mt-4"},Ff={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},If={class:"bg-zinc-50 dark:bg-zinc-800"},$f={class:"bg-gray-100"},Bf={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Mf={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Df={class:"px-6 py-4 whitespace-nowrap"},Lf={class:"px-6 py-4 whitespace-nowrap"},Af={class:"px-6 py-4 whitespace-nowrap"},Uf={class:"px-6 py-4 whitespace-nowrap"},Tf={class:"px-6 py-4 whitespace-nowrap"},zf={key:0,class:"px-6 py-4 whitespace-nowrap"};function Of(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("Card");return i(),n("div",kf,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",Cf,[l(v,{icon:"svg-spinners:blocks-scale",class:"text-gray-400"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",Ef,[l(S,{bodyClass:"p-0 "},{default:a(()=>{var k,x;return[e[8]\|\|(e[8]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," PREVIOUS EMPLOYMENT ",-1)),o("div",Sf,[this.$route.params.id!=(((x=(k=this.$store.userSettings.getActiveUser)==null?void 0:k.employees)==null?void 0:x.employee_id)??null)?(i(),n("div",Rf,[s.$ability.can("add","previousEmployment")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)])):g("",!0),o("form",{onSubmit:e[0]\|\|(e[0]=$((...m)=>c.onSubmit&&c.onSubmit(...m),["prevent"])),novalidate:""},[o("div",Vf,[o("table",Ff,[o("thead",If,[o("tr",$f,[e[3]\|\|(e[3]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[4]\|\|(e[4]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Company",-1)),e[5]\|\|(e[5]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Position",-1)),e[6]\|\|(e[6]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Date From",-1)),e[7]\|\|(e[7]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Date To",-1)),s.$ability.can("edit","previousEmployment")\|\|s.$ability.can("delete","previousEmployment")?(i(),n("th",Bf," Actions ")):g("",!0)])]),o("tbody",Mf,[(i(!0),n(L,null,O(t.employmentHistoryItems,(m,_)=>{var f,b;return i(),n("tr",{key:_,class:"mb-5"},[o("td",Df,u(_+1),1),o("td",Lf,u(m.company),1),o("td",Af,u(m.position),1),o("td",Uf,u(m.date_from),1),o("td",Tf,u(m.date_to),1),this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("td",zf,[s.$ability.can("edit","previousEmployment")?(i(),y(d,{key:0,onClick:C=>c.editRecord(m)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","previousEmployment")?(i(),y(R,{key:1,onClick:C=>c.deleteRecord(m.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(w,{onCloseModal:e[1]\|\|(e[1]=m=>t.state.showModal=!1),ref:"form",onReload:c.fetchEmploymentHistoryData},null,8,["onReload"])])]}),_:1})]))])}const qf=F(wf,[["render",Of]]),Pf={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,name:"",relationship:"",position:"",unit:"",company:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,name:"",relationship:"",position:"",unit:"",company:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await De.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.$emit("reload"))}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await De.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({name:B().required("Code field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}}},jf={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Gf={class:"flex gap-1 justify-end"};function Nf(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("SubmitButton"),w=r("UpdateButton"),S=r("CloseButton"),k=r("FormModal");return i(),y(k,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",jf,[o("form",{onSubmit:e[5]\|\|(e[5]=$((...x)=>s.confirmSubmit&&s.confirmSubmit(...x),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Name",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input name",modelValue:t.form.name,"onUpdate:modelValue":e[0]\|\|(e[0]=x=>t.form.name=x),error:t.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Relationship"},{default:a(()=>[l(h,{type:"text",placeholder:"Input relationship ",modelValue:t.form.relationship,"onUpdate:modelValue":e[1]\|\|(e[1]=x=>t.form.relationship=x),error:t.errors.relationship,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Position"},{default:a(()=>[l(h,{type:"text",placeholder:"Input position ",modelValue:t.form.position,"onUpdate:modelValue":e[2]\|\|(e[2]=x=>t.form.position=x),error:t.errors.position,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Unit"},{default:a(()=>[l(h,{type:"text",placeholder:"Input unit ",modelValue:t.form.unit,"onUpdate:modelValue":e[3]\|\|(e[3]=x=>t.form.unit=x),error:t.errors.unit,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),l(d,{label:"Company"},{default:a(()=>[l(h,{type:"text",placeholder:"Input company ",modelValue:t.form.company,"onUpdate:modelValue":e[4]\|\|(e[4]=x=>t.form.company=x),error:t.errors.company,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",Gf,[t.state.isEdit?(i(),y(w,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(R,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(S,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const Yf=F(Pf,[["render",Nf]]),Wf={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:Yf,EditButton:ie,DeleteButton:oe},props:{},data(){return{characterReferenceItems:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchCharacterReferenceData(){this.state.isLoading=!0,await De.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.characterReferenceItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},reload(){this.$emit("reload")},removerowEduc(s){this.items.splice(s,1)},onSubmit(){console.log("Form submitted:",this.items)},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{console.log(e),e.value&&(this.state.isDeleting=!0,De.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{console.log(e),e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{console.log("final"),this.reload(),this.state.isDeleting=!1})}},mounted(){this.fetchCharacterReferenceData()}},Hf={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Jf={class:"text-9xl"},Kf={key:1,class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Qf={class:"p-6 shadow-md border-dotted border-[0] border-l border-slate-400"},Xf={key:0,class:"ltr:text-right"},Zf={class:"overflow-x-auto mt-4"},eh={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},th={class:"bg-zinc-50 dark:bg-zinc-800"},sh={class:"bg-gray-100"},oh={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},ih={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},lh={class:"px-6 py-4 whitespace-nowrap"},nh={class:"px-6 py-4 whitespace-nowrap"},rh={class:"px-6 py-4 whitespace-nowrap"},ah={class:"px-6 py-4 whitespace-nowrap"},dh={class:"px-6 py-4 whitespace-nowrap"},ch={class:"px-6 py-4 whitespace-nowrap"},mh={key:0,class:"px-6 py-4 whitespace-nowrap"};function uh(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("Card");return i(),n("div",Hf,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",Jf,[l(v,{icon:"svg-spinners:blocks-scale",class:"text-gray-400"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",Kf,[e[9]\|\|(e[9]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," CHARACTER REFERENCES ",-1)),o("div",null,[l(S,{bodyClass:"p-0"},{default:a(()=>{var k,x;return[o("div",Qf,[this.$route.params.id!=(((x=(k=this.$store.userSettings.getActiveUser)==null?void 0:k.employees)==null?void 0:x.employee_id)??null)?(i(),n("div",Xf,[s.$ability.can("add","characterReferences")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)])):g("",!0),o("form",{onSubmit:e[0]\|\|(e[0]=$((...m)=>c.onSubmit&&c.onSubmit(...m),["prevent"])),novalidate:""},[o("div",Zf,[o("table",eh,[o("thead",th,[o("tr",sh,[e[3]\|\|(e[3]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[4]\|\|(e[4]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Name",-1)),e[5]\|\|(e[5]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Relationship",-1)),e[6]\|\|(e[6]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Position",-1)),e[7]\|\|(e[7]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Unit",-1)),e[8]\|\|(e[8]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Company",-1)),s.$ability.can("edit","characterReferences")\|\|s.$ability.can("delete","characterReferences")?(i(),n("th",oh," Actions ")):g("",!0)])]),o("tbody",ih,[(i(!0),n(L,null,O(t.characterReferenceItems,(m,_)=>{var f,b;return i(),n("tr",{key:_,class:"mb-5"},[o("td",lh,u(_+1),1),o("td",nh,u(m.name),1),o("td",rh,u(m.relationship),1),o("td",ah,u(m.position),1),o("td",dh,u(m.unit),1),o("td",ch,u(m.company),1),this.$route.params.id!=(((b=(f=this.$store.userSettings.getActiveUser)==null?void 0:f.employees)==null?void 0:b.employee_id)??null)?(i(),n("td",mh,[s.$ability.can("edit","characterReferences")?(i(),y(d,{key:0,onClick:C=>c.editRecord(m)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","characterReferences")?(i(),y(R,{key:1,onClick:C=>c.deleteRecord(m.id)},null,8,["onClick"])):g("",!0)])):g("",!0)])}),128))])])])],32),l(w,{onCloseModal:e[1]\|\|(e[1]=m=>t.state.showModal=!1),ref:"form",onReload:c.fetchCharacterReferenceData},null,8,["onReload"])])]}),_:1})])]))])}const ph=F(Wf,[["render",uh]]),fh={components:{FormModal:j,FormGroup:D,TextInput:N,TextArea:G,SubmitButton:W,UpdateButton:H,CloseButton:Y,Loading:J,Multiselect:T},data(){return{form:{employee_id:this.$route.params.id,description:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:this.$route.params.id,description:""}},reload(){this.$emit("reload")},async saveRecord(){if(console.log(this.form),this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await Oe.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(s=>{this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"error",timer:2e3})});else{const s=this.form.id;await Oe.update(s,this.form).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await z().shape({description:B().required("Code field is required").min(2)}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(s){if(s instanceof A){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}}},hh={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},gh={class:"flex gap-1 justify-end"};function yh(s,e,p,E,t,c){const v=r("Loading"),h=r("TextInput"),d=r("FormGroup"),R=r("SubmitButton"),w=r("UpdateButton"),S=r("CloseButton"),k=r("FormModal");return i(),y(k,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:a(()=>[t.state.isEdit&&t.state.isLoading?(i(),y(v,{key:0,text:"Fetching record"})):g("",!0),o("div",hh,[o("form",{onSubmit:e[1]\|\|(e[1]=$((...x)=>s.confirmSubmit&&s.confirmSubmit(...x),["prevent"])),class:"space-y-4"},[t.state.isSaving?(i(),y(v,{key:0,text:"Saving record"})):g("",!0),l(d,{label:"Decsription",isRequired:!0},{default:a(()=>[l(h,{type:"text",placeholder:"Input description",modelValue:t.form.description,"onUpdate:modelValue":e[0]\|\|(e[0]=x=>t.form.description=x),error:t.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o("div",gh,[t.state.isEdit?(i(),y(w,{key:1,onClick:c.submitForm},null,8,["onClick"])):(i(),y(R,{key:0,onClick:c.submitForm},null,8,["onClick"])),l(S,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const _h=F(fh,[["render",yh]]),bh={components:{Card:P,Textinput:X,Button:Z,Icon:U,Form:_h,EditButton:ie,DeleteButton:oe},props:{personalInterestItems:{type:Array,required:!0}},data(){return{personalInterestItems:[],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1}}},methods:{async fetchPersonalInterestData(){this.state.isLoading=!0,await Oe.fetchRecord(this.$route.params.id).then(s=>{let e=s.data;this.personalInterestItems=e}).catch(s=>{console.error("Error fetching records:",s)}),this.state.isLoading=!1},reload(){this.$emit("reload")},onSubmit(){console.log("Form submitted:",this.items)},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),this.$refs.form.state.showModal=!0},async deleteRecord(s){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{console.log(e),e.value&&(this.state.isDeleting=!0,Oe.remove(s).then(p=>{console.log(p),p.status==201&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3})}))}).catch(e=>{console.log(e),e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{console.log("final"),this.reload(),this.state.isDeleting=!1})}},mounted(){this.fetchPersonalInterestData()}},xh={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},vh={class:"text-9xl"},wh={key:1,class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},kh={class:"p-6 shadow-md border-dotted border-[0] border-l border-slate-400"},Ch={class:"ltr:text-right"},Eh={class:"overflow-x-auto mt-4"},Sh={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Rh={class:"bg-zinc-50 dark:bg-zinc-800"},Vh={class:"bg-gray-100"},Fh={key:0,class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},Ih={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},$h={class:"px-6 py-4 whitespace-nowrap"},Bh={class:"px-6 py-4 whitespace-nowrap"},Mh={class:"px-6 py-4 whitespace-nowrap"};function Dh(s,e,p,E,t,c){const v=r("Icon"),h=r("Button"),d=r("EditButton"),R=r("DeleteButton"),w=r("Form"),S=r("Card");return i(),n("div",xh,[t.state.isLoading?(i(),n("div",{key:0,class:q(`${t.state.isLoading?"":"absolute"} inset-0 flex flex-col items-center justify-center bg-white bg-opacity-70 z-[999] min-h-[200px]`)},[o("span",vh,[l(v,{icon:"svg-spinners:blocks-scale",class:"text-gray-400"})]),e[2]\|\|(e[2]=o("p",{class:"mt-4 text-lg font-semibold text-gray-400 animation-blink"},"Loading...",-1))],2)):(i(),n("div",wh,[e[5]\|\|(e[5]=o("div",{class:"bg-gray-900 text-white flex justify-center items-center rounded-t-lg p-2"}," PERSONAL INTEREST ",-1)),o("div",null,[l(S,{bodyClass:"p-0"},{default:a(()=>[o("div",kh,[o("div",Ch,[s.$ability.can("add","skills")?(i(),y(h,{key:0,icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:c.createRecord},null,8,["onClick"])):g("",!0)]),o("form",{onSubmit:e[0]\|\|(e[0]=$((...k)=>c.onSubmit&&c.onSubmit(...k),["prevent"])),novalidate:""},[o("div",Eh,[o("table",Sh,[o("thead",Rh,[o("tr",Vh,[e[3]\|\|(e[3]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#",-1)),e[4]\|\|(e[4]=o("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Description",-1)),s.$ability.can("edit","skills")\|\|s.$ability.can("delete","skills")?(i(),n("th",Fh," Actions ")):g("",!0)])]),o("tbody",Ih,[(i(!0),n(L,null,O(t.personalInterestItems,(k,x)=>(i(),n("tr",{key:x,class:"mb-5"},[o("td",$h,u(x+1),1),o("td",Bh,u(k.description),1),o("td",Mh,[s.$ability.can("edit","skills")?(i(),y(d,{key:0,onClick:m=>c.editRecord(k)},null,8,["onClick"])):g("",!0),s.$ability.can("delete","skills")?(i(),y(R,{key:1,onClick:m=>c.deleteRecord(k.id)},null,8,["onClick"])):g("",!0)])]))),128))])])])],32),l(w,{onCloseModal:e[1]\|\|(e[1]=k=>t.state.showModal=!1),ref:"form",onReload:c.fetchPersonalInterestData},null,8,["onReload"])])]),_:1})])]))])}const Lh=F(bh,[["render",Dh]]),Ah="/assets/defaultImage.fffe7b59.jpg";const Uh={components:{Layout:ut,Card:P,Icon:U,EmploymentBasicInformation:jo,SalaryAndWagesIndex:_l,Benefits:Zl,TrainingHistoryIndex:Fn,RequirementsIndex:dr,PassportAndVisaIndex:Xr,OffenseIndex:Sa,MedicalConditionIndex:Ka,AttendanceHistory:rd,PersonalInformationIndex:lm,FamilyIndex:ip,EducationalAttainment:hf,EmploymentHistoryForm:qf,CharacterReferenceForm:ph,PersonalInterestIndex:Lh},data(){return{profile_image:"",activeTab:"basicInfo",employee:[],menuItems:[{id:1,title:"EMPLOYMENT",icon:"mdi:company",expanded:!0,children:[{id:"basicInfo",title:"Basic",ability:this.$ability.can("view","employmentBasic")},{id:"salaryAndWages",title:"Salary & Wages",ability:this.$ability.can("view","salaryAndWages")},{id:"benefitsAndOtherIncome",title:"Benefits & Other Income",ability:this.$ability.can("view","benefitsAndIncome")},{id:"trainingAndSeminars",title:"Training & Seminars",ability:this.$ability.can("view","trainingsAndSeminars")},{id:"requirements",title:"Requirements",ability:this.$ability.can("view","requirements")},{id:"passportAndVisa",title:"Passport & Visa",ability:this.$ability.can("view","passportAndVisa")},{id:"offense",title:"Offense",ability:this.$ability.can("view","offense")},{id:"medicalCondition",title:"Medical Condition",ability:this.$ability.can("view","medicalConditions")},{id:"attendanceHistory",title:"Attendance History",ability:this.$ability.can("view","attendanceHistory")}]},{id:2,title:"PERSONAL",icon:"material-symbols-light:person-pin",expanded:!0,children:[{id:"personalBasic",title:"Basic",ability:this.$ability.can("view","personalBasic")},{id:"family",title:"Family",ability:this.$ability.can("view","family")},{id:"educationAffiliations",title:"Education / Affiliations",ability:this.$ability.can("view","education")},{id:"previousEmployment",title:"Previous Employment",ability:this.$ability.can("view","previousEmployment")},{id:"trainingAndSeminars",title:"Training & Seminars",ability:this.$ability.can("view","trainings")},{id:"characterReferences",title:"Character References",ability:this.$ability.can("view","characterReferences")},{id:"skills",title:"Skills, Hobbies, Sports & Dialect / Language",ability:this.$ability.can("view","skills")}]}],state:{isLoading:!1},form:{id:this.$route.params.id??null,fullname:"",email:"",mobile:"",position:"",company:"",dealership:"",department:null,attachment:""}}},methods:{async handleMainImageUpload(){const s=event.target.files[0];this.form.attachment=s;const e=new FileReader;e.onload=E=>{this.profile_image=E.target.result,s.type.startsWith("image/")?this.profile_image=e.result:s.type==="application/pdf"?this.form.imageView=this.pdf_file_view:s.type==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"&&(this.form.imageView=this.excel_file_view)},e.readAsDataURL(s);let p=new FormData;Object.keys(this.form).forEach(E=>{p.append(E,this.form[E])}),await Re.uploadProfilePicture(p).then(E=>{E.status==201&&this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3})}).catch(E=>{console.log(E)})},triggerFileInput(){this.$refs.fileInput.click()},async fetchEmployeeDatas(){this.state.isLoading=!0;try{const s=await Re.fetchRecord(this.$route.params.id);s.status===200&&(this.employee=s.data,console.log("formsss",this.employee)),this.state.isLoading=!1}catch{this.state.isLoading=!1}},toggleExpand(s){s.expanded=!s.expanded},setActiveTab(s){this.activeTab=s}},mounted(){this.fetchEmployeeDatas()}},Th={class:"my-5"},zh={class:"flex flex-1"},Oh={class:"w-56 bg-gray-50 border-r border-gray-200 font-sans"},qh={key:0,class:"p-6 border-b border-gray-200"},Ph={key:1,class:"p-6 border-b border-gray-200"},jh={class:"flex flex-col items-center"},Gh={class:"relative mb-4"},Nh=["src"],Yh=["src"],Wh={key:2,src:Ah,alt:"Default Profile",class:"rounded-full w-20 h-20 object-cover border-2 border-indigo-200"},Hh={class:"text-lg font-medium text-gray-800"},Jh={class:"text-sm text-indigo-600 mb-2"},Kh=["onClick"],Qh={class:"mr-2 opacity-70"},Xh={class:"ml-auto text-xs"},Zh={key:0,class:"pl-4"},eg=["onClick"],tg={class:"flex-1 p-6 bg-white"},sg={key:0,class:"space-y-4"},og={class:"bg-gray-50 p-4 rounded border border-gray-200"},ig={key:1,class:"space-y-4"},lg={class:"bg-gray-50 p-4 rounded border border-gray-200"},ng={key:2,class:"space-y-4"},rg={key:3,class:"space-y-4"},ag={key:4,class:"space-y-4"},dg={key:5,class:"space-y-4"},cg={key:6,class:"space-y-4"},mg={key:7,class:"space-y-4"},ug={key:8,class:"space-y-4"},pg={key:9,class:"space-y-4"},fg={key:10,class:"space-y-4"},hg={key:11,class:"space-y-4"},gg={key:12,class:"space-y-4"},yg={key:13,class:"space-y-4"},_g={key:14,class:"space-y-4"},bg={key:15,class:""};function xg(s,e,p,E,t,c){const v=r("Icon"),h=r("EmploymentBasicInformation"),d=r("SalaryAndWagesIndex"),R=r("Benefits"),w=r("TrainingHistoryIndex"),S=r("RequirementsIndex"),k=r("PassportAndVisaIndex"),x=r("OffenseIndex"),m=r("MedicalConditionIndex"),_=r("AttendanceHistory"),f=r("PersonalInformationIndex"),b=r("FamilyIndex"),C=r("EducationalAttainment"),M=r("EmploymentHistoryForm"),I=r("CharacterReferenceForm"),ee=r("PersonalInterestIndex"),se=r("Card"),ne=r("Layout");return i(),y(ne,{breadcrumbs:s.breadcrumbs},{default:a(()=>[o("div",Th,[l(se,{title:"Employee Form"},{default:a(()=>{var ae,Xe,Ze,et,tt,st;return[o("div",zh,[o("div",Oh,[t.state.isLoading?(i(),n("div",qh,e[2]\|\|(e[2]=[o("div",{class:"flex flex-col items-center"},[o("div",{class:"relative mb-4 flex items-center justify-center"},[o("div",{class:"w-20 h-20 rounded-full animate-spin bg-gradient-to-r from-indigo-100 via-indigo-200 to-indigo-300"}),o("div",{class:"absolute w-18 h-18 bg-white rounded-full"})])],-1)]))):(i(),n("div",Ph,[o("div",jh,[o("div",Gh,[(t.profile_image.length==0?t.profile_image:(ae=t.employee)!=null&&ae.employee_profile?(Ze=(Xe=t.employee)==null?void 0:Xe.employee_profile)!=null&&Ze.attachment:t.profile_image)?(i(),n("img",{key:0,src:t.profile_image,alt:"Employee Profile",class:"rounded-full w-20 h-20 object-cover border-2 border-indigo-200"},null,8,Nh)):((et=t.employee)!=null&&et.employee_profile?(st=(tt=t.employee)==null?void 0:tt.employee_profile)!=null&&st.attachment:t.profile_image)?(i(),n("img",{key:1,src:t.employee.employee_profile.attachment,alt:"Employee Profile",class:"rounded-full w-20 h-20 object-cover border-2 border-indigo-200"},null,8,Yh)):(i(),n("img",Wh)),o("button",{onClick:e[0]\|\|(e[0]=(...le)=>c.triggerFileInput&&c.triggerFileInput(...le)),class:"absolute bottom-0 right-0 bg-white rounded-full p-1 shadow-md text-indigo-600 hover:bg-indigo-50 transition-colors"},[l(v,{icon:"heroicons:pencil-square",class:"w-4 h-4"})]),o("input",{type:"file",ref:"fileInput",accept:"image/*",class:"hidden",onChange:e[1]\|\|(e[1]=le=>c.handleMainImageUpload())},null,544)]),o("h2",Hh,u(t.employee.firstname)+" "+u(t.employee.lastname),1),o("p",Jh,u(t.employee.email),1)])])),(i(!0),n(L,null,O(t.menuItems,le=>(i(),n("div",{key:le.id,class:"mb-2"},[o("div",{class:"flex items-center px-3 py-2 text-xs font-semibold text-gray-500 cursor-pointer hover:bg-gray-100",onClick:re=>c.toggleExpand(le)},[o("span",Qh,[l(v,{icon:le.icon,class:"text-md"},null,8,["icon"])]),o("span",null,u(le.title),1),o("span",Xh,[le.expanded?(i(),y(v,{key:0,icon:"el:caret-right",size:"14"})):(i(),y(v,{key:1,icon:"el:caret-down",size:"14"}))])],8,Kh),le.expanded?(i(),n("div",Zh,[(i(!0),n(L,null,O(le.children.filter(re=>re.ability===!0),re=>(i(),n("div",{key:re.id,class:q(["px-3 py-2 text-sm cursor-pointer",t.activeTab===re.id?"bg-blue-100 text-blue-700 font-medium":"text-gray-700 hover:bg-gray-100"]),onClick:wg=>c.setActiveTab(re.id)},u(re.title),11,eg))),128))])):g("",!0)]))),128))]),o("div",tg,[t.activeTab==="basicInfo"?(i(),n("div",sg,[e[3]\|\|(e[3]=o("h2",{class:"text-xl font-bold"},"Basic",-1)),o("div",og,[l(h,{id:this.$route.params.id},null,8,["id"])])])):g("",!0),t.activeTab==="salaryAndWages"?(i(),n("div",ig,[e[4]\|\|(e[4]=o("h2",{class:"text-xl font-bold"},"Salary & Wages",-1)),o("div",lg,[l(d,{employee_id:this.$route.params.id},null,8,["employee_id"])])])):t.activeTab==="benefitsAndOtherIncome"?(i(),n("div",ng,[e[5]\|\|(e[5]=o("h2",{class:"text-xl font-bold"},"Benefits & Other Income",-1)),s.$ability.can("view","benefitsAndIncome")?(i(),y(R,{key:0})):g("",!0)])):t.activeTab==="trainingAndSeminars"?(i(),n("div",rg,[e[6]\|\|(e[6]=o("h2",{class:"text-xl font-bold"},"Training & Seminars",-1)),s.$ability.can("view","trainings")?(i(),y(w,{key:0,id:this.$route.params.id},null,8,["id"])):g("",!0)])):t.activeTab==="requirements"?(i(),n("div",ag,[e[7]\|\|(e[7]=o("h2",{class:"text-xl font-bold"},"Requirements",-1)),s.$ability.can("view","requirements")?(i(),y(S,{key:0,id:this.$route.params.id},null,8,["id"])):g("",!0)])):t.activeTab==="passportAndVisa"?(i(),n("div",dg,[e[8]\|\|(e[8]=o("h2",{class:"text-xl font-bold"},"Passport & Visa",-1)),l(k,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="offense"?(i(),n("div",cg,[e[9]\|\|(e[9]=o("h2",{class:"text-xl font-bold"},"Offense",-1)),l(x,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="medicalCondition"?(i(),n("div",mg,[e[10]\|\|(e[10]=o("h2",{class:"text-xl font-bold"},"Medical Condition",-1)),l(m,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="attendanceHistory"?(i(),n("div",ug,[e[11]\|\|(e[11]=o("h2",{class:"text-xl font-bold"},"Attendance History",-1)),l(_,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="personalBasic"?(i(),n("div",pg,[e[12]\|\|(e[12]=o("h2",{class:"text-xl font-bold"},"Personal Basic",-1)),l(f,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="family"?(i(),n("div",fg,[e[13]\|\|(e[13]=o("h2",{class:"text-xl font-bold"},"Family",-1)),l(b,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="educationAffiliations"?(i(),n("div",hg,[e[14]\|\|(e[14]=o("h2",{class:"text-xl font-bold"},"Education / Affiliations",-1)),l(C,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="previousEmployment"?(i(),n("div",gg,[e[15]\|\|(e[15]=o("h2",{class:"text-xl font-bold"},"Previous Employment",-1)),l(M,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="characterReferences"?(i(),n("div",yg,[e[16]\|\|(e[16]=o("h2",{class:"text-xl font-bold"},"Character References",-1)),l(I,{id:this.$route.params.id},null,8,["id"])])):t.activeTab==="skills"?(i(),n("div",_g,[e[17]\|\|(e[17]=o("h2",{class:"text-xl font-bold"},"Skills, Hobbies, Sports & Dialect / Language",-1)),l(ee,{id:this.$route.params.id},null,8,["id"])])):(i(),n("div",bg))])])]}),_:1})])]),_:1},8,["breadcrumbs"])}const vg=F(Uh,[["render",xg]]),hy=Object.freeze(Object.defineProperty({__proto__:null,default:vg},Symbol.toStringTag,{value:"Module"}));export{Le as C,Qe as D,vg as F,lt as P,Pe as S,it as a,hy as f};

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0.01 | proxy | phpinfo | Settings