{"version":3,"sources":["webpack:///./src/components/shared/pagination.vue","webpack:///./src/components/shared/pagination.vue?5b98","webpack:///./src/pages/post-training/post-training-opportunities.vue","webpack:///./src/pages/post-training/post-training-opportunities/tab-1.vue","webpack:///./src/pages/post-training/post-training-opportunities/view.vue","webpack:///./src/pages/post-training/post-training-opportunities/upload-documents.vue","webpack:///./src/pages/post-training/post-training-opportunities/upload-documents.vue?86d3","webpack:///./src/pages/post-training/post-training-opportunities/view.vue?69a5","webpack:///./src/pages/post-training/post-training-opportunities/tab-1.vue?2055","webpack:///./src/pages/post-training/post-training-opportunities.vue?1806","webpack:///./src/components/shared/TableShimmer.vue","webpack:///./src/components/shared/TableShimmer.vue?aa8e","webpack:///./src/components/icons/IconChevronLeft.vue","webpack:///./src/components/icons/IconChevronLeft.vue?9548","webpack:///./src/components/icons/IconChevronRight.vue","webpack:///./src/components/icons/IconChevronRight.vue?9ca9","webpack:///./src/pages/post-training/post-training-opportunities/tab-1.vue?a2a0","webpack:///./src/pages/post-training/post-training-opportunities.vue?e4d1"],"names":["class","paginatorInfo","firstItem","lastItem","total","goToPage","pages","page","currentPage","key","totalPages","previousPage","nextPage","name","components","IconChevronRight","IconChevronLeft","props","Object","setPage","Function","computed","this","lastPage","hasMorePages","startPage","Math","max","endPage","min","i","push","methods","hasPreviousPage","hasNextPage","render","to","tabs","tab","index","activeTab","id","selectTab","mode","scope","$apollo","queries","getPostTrainingOpportunities","loading","titleHeaders","rows","first","hasItems","items","item","partner","title","description","formattedDate","start_date","end_date","hasPermission","openModal","isOpenModal","selectedItem","height","closeModal","openDocumentModal","en_company_name","trainer_information","getFormattedDate","location","entity","duration","prerequisites","additional_information","showUploadDocumentModal","onDocumentSubmit","isLoading","type","class-list","submitForm","uploadDocuments","handleFileChange","accept","hasUploadDocuments","removeFile","addFile","isFormInvalid","disabled","emits","IconPlus","IconClose","val","isValid","msg","uploadDocumentIndex","length","some","file","ref","console","log","$refs","click","event","target","files","includes","size","splice","validFiles","map","filter","$emit","UploadDocuments","date","documents","applyForPostTraining","CREATE_MUTATION","error_msg","success_msg","mutate","mutation","variables","token","uploaded_documents","context","headers","then","data","error","message","catch","Toast","$swal","mixin","toast","position","showConfirmButton","timer","timerProgressBar","didOpen","addEventListener","stopTimer","resumeTimer","fire","icon","text","result","value","dismiss","PostTrainingView","TableShimmer","IconEye","Pagination","watch","newVal","error_code","$router","replace","alert","$store","getters","role","apollo","query","fetchPolicy","parsedDate","Date","toLocaleDateString","day","month","year","daysAgo","today","targetDate","setDate","getDate","diffTime","abs","diffDays","floor","diffWeeks","diffMonths","diffYears","crudName","permissions","permissionsArray","split","__scopeId","Tab1","selectedTab","header","xmlns","fill","viewBox","stroke-width","stroke","stroke-linecap","stroke-linejoin","d","script"],"mappings":"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","file":"js/chunk-58951374.08bdb7ad.js","sourcesContent":["<template>\n    <div class=\"flex flex-col overflow-x-auto\">\n        <div class=\"text-xs text-gray-600\">Showing <span class=\"font-bold\">{{ paginatorInfo.firstItem }}</span> to <span class=\"font-bold\">{{ paginatorInfo.lastItem }}</span> of <span class=\"font-bold\">{{ paginatorInfo.total }}</span> Entries</div>\n        <div class=\"flex justify-between items-center mt-2\">\n            <div class=\"flex border border-gray-100\">\n                <div class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" @click=\"goToPage(1)\">First</div>\n                <div :class=\"paginatorInfo.currentPage == page ? 'text-purple-pink bg-blue-50 font-medium' : ''\" class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" v-for=\"page in pages\" :key=\"page\" @click=\"goToPage(page)\">{{ page }}</div>\n                <div class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" @click=\"goToPage(totalPages)\">Last</div>\n            </div>\n            <div class=\"border-2 border-gray-100 flex\">\n                <div @click=\"previousPage\" class=\"w-10 h-8 border-r border-gray-100 flex justify-center items-center cursor-pointer hover:bg-blue-50 group\">\n                    <icon-chevron-left class=\"h-5 w-5 text-gray-400 group-hover:text-purple-pink\"></icon-chevron-left>\n                </div>\n                <div @click=\"nextPage\" class=\"w-10 h-8 border-l border-gray-100 flex justify-center items-center cursor-pointer hover:bg-blue-50 group\">\n                    <icon-chevron-right class=\"h-5 w-5 text-gray-400 group-hover:text-purple-pink\"></icon-chevron-right>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport IconChevronRight from '../icons/IconChevronRight.vue';\nimport IconChevronLeft from '../icons/IconChevronLeft.vue';\nexport default {\n    name: \"pagination\",\n    components: {\n        IconChevronRight,\n        IconChevronLeft,\n    },\n    props: {\n        paginatorInfo: Object,\n        setPage: Function,\n    },\n    computed: {\n        page() {\n            return this.paginatorInfo.currentPage;\n        },\n        totalPages() {\n            return this.paginatorInfo.lastPage;\n        },\n        hasPreviousPage() {\n            return this.paginatorInfo.currentPage > 1;\n        },\n        hasNextPage() {\n            return this.paginatorInfo.hasMorePages;\n        },\n        pages() {\n            const startPage = Math.max(this.page - 2, 1);\n            const endPage = Math.min(startPage + 4, this.totalPages);\n            const pages = [];\n            for (let i = startPage; i <= endPage; i++) {\n                pages.push(i);\n            }\n            return pages;\n        }\n    },\n    methods: {\n        previousPage() {\n            if (this.hasPreviousPage) {\n                this.setPage(this.page - 1);\n            }\n        },\n        nextPage() {\n            if (this.hasNextPage) {\n                this.setPage(this.page + 1);\n            }\n        },\n        goToPage(page) {\n            this.setPage(page);\n        }\n    }\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n</style>","import { render } from \"./pagination.vue?vue&type=template&id=fc68b128\"\nimport script from \"./pagination.vue?vue&type=script&lang=js\"\nexport * from \"./pagination.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"h-full w-full flex flex-col\">\n        <div class=\"h-full container mx-auto\">\n            <div class=\"px-8 flex flex-col h-full w-full py-8\">\n                <div class=\"w-full bg-white rounded-2xl border shadow-lg px-6 md:px-8 py-4 flex flex-col\">\n                    <div class=\"flex items-center text-sm font-light\">\n                        <router-link to=\"/dashboard\" class=\"opacity-50 hover:opacity-100\">Dashboard</router-link>\n                        <span class=\"mx-2\">/</span>\n                        <router-link to=\"/training-module\" class=\"opacity-50 hover:opacity-100\">Internship</router-link>\n                        <span class=\"mx-2\">/</span>\n                        <span>Post Internship</span>\n                    </div>\n                    <div class=\"font-bold\">Post Internship</div>\n                </div>\n                <section class=\"mt-8 h-full w-full flex flex-col bg-white rounded-2xl border shadow-lg p-6 md:p-8\">\n                    <div class=\"w-full flex bg-secondary text-white px-8 pt-6 rounded-t-xl\">\n                        <div v-for=\"(tab, index) in tabs\" :key=\"index\"\n                            class=\"px-4 py-2 mr-4 cursor-pointer rounded-t-lg\" @click=\"selectTab(tab.id)\"\n                            :class=\"activeTab == tab.id ? 'text-ternary font-bold bg-white' : 'bg-ternary text-white'\">\n                            {{ tab.name }}</div>\n                    </div>\n                    <div class=\"w-full\">\n                        <transition name=\"fade\" mode=\"out-in\">\n                            <keep-alive>\n                                <component :is=\"activeTab\"></component>\n                            </keep-alive>\n                        </transition>\n                    </div>\n                </section>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Tab1 from \"./post-training-opportunities/tab-1.vue\";\nexport default {\n    name: \"post-training-opportunities\",\n    components: {\n        Tab1,\n    },\n    data() {\n        return {\n            activeTab: \"tab-1\",\n            tabs: [\n                { id: 'tab-1', name: 'Postings' },\n            ],\n        };\n    },\n    methods: {\n        selectTab(selectedTab) {\n            this.activeTab = selectedTab;\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n    opacity: 0;\n}\n</style>","<template>\n    <div class=\"w-full flex flex-col text-ternary py-4\">\n        <div class=\"flex flex-col mt-4\" v-if=\"$apollo.queries.getPostTrainingOpportunities.loading\">\n            <table-shimmer\n                :titleHeaders=\"['#', 'Employer', 'Title', 'Description', 'Vacancy', 'Start Date', 'End Date', 'Actions']\"\n                :rows=\"first\"></table-shimmer>\n        </div>\n        <div v-else-if=\"!$apollo.queries.getPostTrainingOpportunities.loading && !hasItems\"\n            class=\"h-full flex justify-center items-center\">\n            <h1 class=\"text-center text-xl font-medium\">No internship found!</h1>\n        </div>\n        <div v-else class=\"flex flex-col mt-4\">\n            <div class=\"flex flex-col overflow-x-auto\">\n                <div class=\"inline-block min-w-full py-2\">\n                    <div class=\"overflow-x-auto\">\n                        <table class=\"min-w-full text-left text-sm font-light\">\n                            <thead class=\"border-b font-medium dark:border-neutral-500\">\n                                <tr>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400 w-8\">#</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Employer</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Title</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Description</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Start Date</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Close Date</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Actions</th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                <tr v-for=\"(item, index) in items\" :key=\"index\"\n                                    class=\"border-b border-dashed dark:border-neutral-500\">\n                                    <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{ paginatorInfo.firstItem +\n                                        index }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.partner ?\n                                        item.partner.en_company_name : '' }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.title }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.description }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ formattedDate(item.start_date) }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ formattedDate(item.end_date) }}</td>\n                                    <td class=\"px-6 py-2\">\n                                        <div class=\"flex\">\n                                            <div v-if=\"hasPermission('jobs-show')\" @click.stop=\"openModal(item)\"\n                                                class=\"bg-gray-100 hover:bg-blue-50 w-8 h-8 flex justify-center items-center rounded-lg group cursor-pointer mr-2\">\n                                                <icon-eye\n                                                    class=\"w-4 h-4 transform group-hover:text-purple-pink group-hover:scale-110 hover:scale-110\"></icon-eye>\n                                            </div>\n                                        </div>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n            </div>\n            <div class=\"mt-4\">\n                <pagination :paginatorInfo=\"paginatorInfo\" :setPage=\"setPage\"></pagination>\n            </div>\n        </div>\n\n        <transition name=\"fade\" mode=\"out-in\">\n            <base-full-modal v-if=\"isOpenModal\" :title=\"`Posting Details (${selectedItem.title})`\" height=\"\"\n                @close=\"closeModal\">\n                <post-training-view class=\"text-left\" :item=\"selectedItem\" @close=\"closeModal\"></post-training-view>\n            </base-full-modal>\n        </transition>\n\n    </div>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport PostTrainingView from \"./view.vue\";\nimport Pagination from \"../../../components/shared/pagination.vue\";\nimport TableShimmer from '../../../components/shared/TableShimmer.vue';\nimport IconEye from \"../../../components/icons/IconEye.vue\";\nexport default {\n    name: 'tab- 2',\n    components: {\n        PostTrainingView,\n        TableShimmer,\n        IconEye,\n        Pagination,\n    },\n    data() {\n        return {\n            getPostTrainingOpportunities: [],\n            first: 10,\n            page: 1,\n            isOpenModal: false,\n            selectedItem: null,\n        }\n    },\n    watch: {\n        getPostTrainingOpportunities(newVal) {\n            if (newVal.error) {\n                if (newVal.error_code == 403) {\n                    this.$router.replace('/no-permission');\n                } else if (newVal.error_code == 401) {\n                    this.$router.replace('/');\n                } else {\n                    alert(newVal.message);\n                    this.$router.replace('/');\n                }\n            }\n        },\n    },\n    computed: {\n        items() {\n            return this.getPostTrainingOpportunities.data;\n        },\n        hasItems() {\n            if (this.items && this.items.length > 0) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        paginatorInfo() {\n            return this.getPostTrainingOpportunities.paginatorInfo;\n        },\n        role() {\n            return this.$store.getters.role;\n        },\n    },\n    apollo: {\n        getPostTrainingOpportunities() {\n            return {\n                query: gql`query GetPostTrainingOpportunities($first: Int!, $page: Int!) {\n                    getPostTrainingOpportunities(first: $first, page: $page) {\n                        error\n                        error_code\n                        message\n                        data {\n                            token\n                            entity\n                            title\n                            description\n                            trainer_information\n                            start_date\n                            end_date\n                            location\n                            duration\n                            prerequisites\n                            additional_information\n                            partner {\n                                en_company_name\n                            }\n                        }\n                        paginatorInfo {\n                            count\n                            currentPage\n                            firstItem\n                            hasMorePages\n                            lastItem\n                            lastPage\n                            perPage\n                            total\n                        }\n                    }\n                }`,\n                variables() {\n                    return {\n                        first: this.first,\n                        page: this.page,\n                    }\n                },\n                fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n        formattedDate(date) {\n            if (date) {\n                const parsedDate = new Date(date);\n                return parsedDate.toLocaleDateString('en-GB', {\n                    day: '2-digit',\n                    month: '2-digit',\n                    year: 'numeric',\n                }).replace(/\\//g, '-');\n            } else {\n                return \"\";\n            }\n        },\n        setPage(page) {\n            this.page = page;\n        },\n        dateInAgo(daysAgo) {\n            const today = new Date();\n            const targetDate = new Date();\n            targetDate.setDate(today.getDate() - daysAgo);\n\n            const diffTime = Math.abs(today - targetDate);\n            const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));\n\n            if (diffDays === 0) {\n                return 'Today';\n            } else if (diffDays === 1) {\n                return 'Yesterday';\n            } else if (diffDays <= 7) {\n                return `${diffDays} days ago`;\n            } else if (diffDays <= 30) {\n                const diffWeeks = Math.floor(diffDays / 7);\n                return `${diffWeeks} week${diffWeeks > 1 ? 's' : ''} ago`;\n            } else if (diffDays <= 365) {\n                const diffMonths = Math.floor(diffDays / 30);\n                return `${diffMonths} month${diffMonths > 1 ? 's' : ''} ago`;\n            } else {\n                const diffYears = Math.floor(diffDays / 365);\n                return `${diffYears} year${diffYears > 1 ? 's' : ''} ago`;\n            }\n        },\n        openModal(item) {\n            this.selectedItem = item;\n            this.isOpenModal = true;\n        },\n        closeModal() {\n            this.isOpenModal = false;\n            this.selectedItem = null;\n        },\n        hasPermission(crudName) {\n            if (this.role == 'superadmin') {\n                return true;\n            } else {\n                const permissions = this.$store.getters.permissions;\n                const permissionsArray = permissions.split(\",\");\n                if (permissionsArray.includes(crudName)) {\n                    return true;\n                } else {\n                    return false;\n                }\n            }\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n    opacity: 0;\n}\n</style>","<template>\n    <div class=\"w-full flex flex-col p-8 text-ternary\">\n        <div class=\"flex justify-end mt-2\">\n            <div @click.stop=\"openDocumentModal\"\n                class=\"border-2 font-medium border-ternary text-white hover:text-ternary bg-ternary hover:bg-white rounded-lg px-5 py-2 uppercase text-sm cursor-pointer\">\n                Apply</div>\n        </div>\n        <div v-if=\"item.partner\" class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Employer</div>\n            <div class=\"w-3/4\">{{ item.partner.en_company_name }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Title</div>\n            <div class=\"w-3/4\">{{ item.title }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Description</div>\n            <div class=\"w-3/4\">{{ item.description }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Trainer Information</div>\n            <div class=\"w-3/4\" v-html=\"item.trainer_information\"></div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Start Date</div>\n            <div class=\"w-3/4\">{{ getFormattedDate(item.start_date) }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">End Date</div>\n            <div class=\"w-3/4\">{{ getFormattedDate(item.end_date) }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Location</div>\n            <div class=\"w-3/4\">{{ item.location }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Entity</div>\n            <div class=\"w-3/4\">{{ item.entity }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Duration</div>\n            <div class=\"w-3/4\">{{ item.duration }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Prerequisites</div>\n            <div class=\"w-3/4\">{{ item.prerequisites }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Additional Information</div>\n            <div class=\"w-3/4\">{{ item.additional_information }}</div>\n        </div>\n\n        <transition name=\"fade\" mode=\"out-in\">\n            <base-modal v-if=\"showUploadDocumentModal\" :title=\"`Upload Documents`\" height=\"\" @close=\"closeModal\">\n                <upload-documents @document-submit=\"onDocumentSubmit\" @close=\"closeModal\"></upload-documents>\n            </base-modal>\n        </transition>\n\n        <div class=\"h-full flex justify-center items-center\" v-if=\"isLoading\">\n            <base-page-spinner type=\"spin\" class-list=\"h-20\"></base-page-spinner>\n        </div>\n\n    </div>\n</template>\n\n<script>\nimport { formattedDate } from \"../../../helpers/utils\";\nimport gql from 'graphql-tag';\nimport UploadDocuments from \"./upload-documents.vue\";\nexport default {\n    name: \"post-training-view\",\n    props: [\"item\"],\n    emits: [\"close\"],\n    components: {\n        UploadDocuments,\n    },\n    data() {\n        return {\n            isLoading: false,\n            showUploadDocumentModal: false,\n        }\n    },\n    methods: {\n        getFormattedDate(date) {\n            return formattedDate(date);\n        },\n        openDocumentModal() {\n            this.showUploadDocumentModal = true;\n        },\n        closeModal() {\n            this.showUploadDocumentModal = false;\n        },\n        onDocumentSubmit(documents) {\n            // this.showUploadDocumentModal = false;\n            this.documents = documents;\n            this.applyForPostTraining();\n        },\n        async applyForPostTraining() {\n            this.isLoading = true;\n\n            const CREATE_MUTATION = gql`\n                mutation ApplyForPostTraining($token: String!, $uploaded_documents: [Upload]!) {\n                    applyForPostTraining(token: $token, uploaded_documents: $uploaded_documents) {\n                        error\n                        message\n                    }\n                }\n            `;\n\n            let error_msg = null;\n            let success_msg = null;\n\n            try {\n                await this.$apollo.mutate({\n                    mutation: CREATE_MUTATION,\n                    variables: {\n                        token: this.item.token,\n                        uploaded_documents: this.documents,\n                    },\n                    context: {\n                        headers: {\n                            'content-type': 'multipart/form-data',\n                        },\n                    },\n                }).then((data) => {\n                    if (data.data.applyForPostTraining.error) {\n                        error_msg = data.data.applyForPostTraining.message;\n                    } else {\n                        success_msg = data.data.applyForPostTraining.message;\n                    }\n                }).catch((error) => {\n                    console.log(error)\n                    error_msg = error.message;\n                })\n\n            } catch (error) {\n                console.log(error);\n                error_msg = error.message || \"Please try again later.\";\n            }\n\n            if (error_msg === null) {\n\n                const Toast = this.$swal.mixin({\n                    toast: true,\n                    position: 'top-end',\n                    showConfirmButton: false,\n                    timer: 1000,\n                    timerProgressBar: true,\n                    didOpen: (toast) => {\n                        toast.addEventListener('mouseenter', this.$swal.stopTimer)\n                        toast.addEventListener('mouseleave', this.$swal.resumeTimer)\n                    }\n                })\n                Toast.fire({\n                    icon: 'success',\n                    title: success_msg\n                })\n\n                // this.$emit('close');\n\n            } else {\n                this.$swal.fire({\n                    icon: 'error',\n                    title: 'Oops...',\n                    text: error_msg,\n                }).then((result) => {\n                    if (result.value || result.dismiss) {\n                        error_msg = \"\";\n                        success_msg = \"\";\n                    }\n                })\n            }\n\n            this.isLoading = false;\n        },\n    },\n}\n</script>","<template>\n    <div class=\"h-full w-full flex flex-col p-8\">\n        <form @submit.prevent=\"submitForm\">\n            <div v-for=\"(item, index) in uploadDocuments\" :key=\"index\" class=\"flex justify-start items-center mb-4\">\n                <div class=\"mr-2\">{{ index + 1 }}.</div>\n\n\n                <!-- <input :ref=\"`document-file-${index}`\" class=\"hidden\" :id=\"`document-file-${index}`\" :key=\"`document-file-${index}`\" @change=\"handleFileChange\" type=\"file\" accept=\"application/pdf,image/*\">\n                <div class=\"flex items-center\">\n                    <div @click.stop=\"onPickFile(`document-file-${index}`)\" class=\"rounded-lg h-10 border border-ternary bg-white hover:bg-ternary text-ternary hover:text-white px-6 text-sm uppercase cursor-pointer flex items-center justify-center\">Upload</div>\n                    <div class=\"ml-2 flex items-center cursor-pointer group\" v-if=\"item.val\">\n                        <icon-document class=\"h-4 w-4 flex-shrink-0\"></icon-document>\n                        <div class=\"ml-0.5 leading-tight text-xs\">{{ item.val.name }}</div>\n                    </div>\n                </div> -->\n\n                <input :id=\"`document-file-${index}`\" :key=\"`document-file-${index}`\" type=\"file\" @change=\"handleFileChange\" accept=\"application/pdf,image/*\" />\n\n                <div v-if=\"hasUploadDocuments\" class=\"flex-grow flex justify-end items-center\">\n                    <button type=\"button\" @click=\"removeFile(index)\">\n                        <icon-close class=\"h-6 w-6 text-red-600\"></icon-close>\n                    </button>\n                </div>\n            </div>\n            <div class=\"w-full flex justify-center mt-6\">\n                <div @click.stop=\"addFile\" :class=\"isFormInvalid ? 'cursor-not-allowed' : 'cursor-pointer'\" class=\"flex items-center bg-white border border-ternary hover:bg-ternary px-4 py-2 rounded-lg cursor-pointer text-ternary hover:text-white\">\n                    <icon-plus class=\"w-4 h-4\"></icon-plus>\n                    <span class=\"text-xs ml-2\">Add more</span>\n                </div>\n            </div>\n            <div class=\"w-full flex justify-end mt-6\">\n                <button type=\"submit\" :class=\"isFormInvalid ? 'cursor-not-allowed' : 'cursor-pointer'\" class=\"flex items-center bg-ternary border border-ternary hover:bg-white px-4 py-2 rounded-lg text-white hover:text-ternary\" :disabled=\"isFormInvalid\">Submit</button>\n            </div>\n        </form>\n    </div>\n</template>\n\n<script>\nimport IconPlus from \"../../../components/icons/IconPlus.vue\";\nimport IconClose from \"../../../components/icons/IconClose.vue\";\n// import IconDocument from \"../../../components/icons/IconDocument.vue\";\nexport default {\n    name: \"upload-documents\",\n    emits: [\"document-submit\"],\n    components: {\n        IconPlus,\n        IconClose,\n        // IconDocument,\n    },\n    data() {\n        return {\n        uploadDocuments: [\n                {\n                    val: null,\n                    isValid: true,\n                    msg: \"\",\n                },\n            ],\n            uploadDocumentIndex: 0,\n        };\n    },\n    computed: {\n        hasUploadDocuments () {\n            if (this.uploadDocuments.length > 1) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        isFormInvalid() {\n            // Disable the submit button if there are null files\n            return this.uploadDocuments.some((file) => file.val === null);\n        },\n    },\n    methods: {\n        onPickFile(ref) {\n            console.log(ref);\n            this.$refs[ref].click();\n        },\n        handleFileChange(event) {\n\n            this.uploadDocuments[this.uploadDocumentIndex].isValid = true;\n            this.uploadDocuments[this.uploadDocumentIndex].msg = \"\";\n            const file = event.target.files[0];\n\n            if (file) {\n                if (file.type !== 'application/pdf' && !file.type.includes('image/')) {\n                    this.uploadDocuments[this.uploadDocumentIndex].isValid = false;\n                    this.uploadDocuments[this.uploadDocumentIndex].msg = 'Only JPG, JPEG, PNG and PDF files are allowed.';\n                } else if (file.size > 2 * 1024 * 1024) {\n                    this.uploadDocuments[this.uploadDocumentIndex].isValid = false;\n                    this.uploadDocuments[this.uploadDocumentIndex].msg = 'File size must be less than 2MB.';\n                } else {\n                    this.uploadDocuments[this.uploadDocumentIndex].isValid = true;\n                    this.uploadDocuments[this.uploadDocumentIndex].msg = '';\n                    this.uploadDocuments[this.uploadDocumentIndex].val = file;\n                }\n            }\n\n        },\n        addFile() {\n            if (this.uploadDocuments.some((file) => file.val === null)) {\n                console.log('no file');\n            } else {\n                this.uploadDocuments.push(\n                    {\n                        val: null,\n                        isValid: true,\n                        msg: \"\",\n                    }\n                );\n                this.uploadDocumentIndex += 1;\n            }\n        },\n        removeFile(index) {\n            this.uploadDocuments.splice(index, 1);\n            this.uploadDocumentIndex -= 1;\n        },\n        submitForm() {\n            const validFiles = this.uploadDocuments\n                .map((file) => file.val)\n                .filter((file) => file !== null);\n\n            this.$emit('document-submit', validFiles);\n        },\n    },\n};\n</script>","import { render } from \"./upload-documents.vue?vue&type=template&id=6bc5e97a\"\nimport script from \"./upload-documents.vue?vue&type=script&lang=js\"\nexport * from \"./upload-documents.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./view.vue?vue&type=template&id=e206195e\"\nimport script from \"./view.vue?vue&type=script&lang=js\"\nexport * from \"./view.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./tab-1.vue?vue&type=template&id=6c857846&scoped=true\"\nimport script from \"./tab-1.vue?vue&type=script&lang=js\"\nexport * from \"./tab-1.vue?vue&type=script&lang=js\"\n\nimport \"./tab-1.vue?vue&type=style&index=0&id=6c857846&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-6c857846\"\n\nexport default script","import { render } from \"./post-training-opportunities.vue?vue&type=template&id=52068ff8&scoped=true\"\nimport script from \"./post-training-opportunities.vue?vue&type=script&lang=js\"\nexport * from \"./post-training-opportunities.vue?vue&type=script&lang=js\"\n\nimport \"./post-training-opportunities.vue?vue&type=style&index=0&id=52068ff8&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-52068ff8\"\n\nexport default script","<template>\n    <div class=\"flex flex-col overflow-x-auto\">\n        <div class=\"inline-block min-w-full py-2\">\n            <div class=\"overflow-x-auto\">\n                <div class=\"min-w-full text-left text-sm font-light\">\n                    <div class=\"border-b font-medium dark:border-neutral-500\">\n                        <div class=\"flex justify-between\">\n                            <div v-for=\"(header, index) in titleHeaders\" :key=\"index\" class=\"px-6 py-2 text-gray-400 w-12 lg:w-16 flex-grow\">{{ header }}</div>\n                        </div>\n                    </div>\n                    <div>\n                        <div v-for=\"(item, index) in rows\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500 w-full flex justify-start animate-pulse\">\n                            <div class=\"w-full flex justify-between\">\n                                <div v-for=\"(header, index) in titleHeaders\" :key=\"index\" class=\"px-6 py-2 text-gray-400 w-12 lg:w-16 flex-grow\">\n                                    <div class=\"h-4 w-24 lg:w-40 bg-gray-300 animate-pulse\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"table-shimmer\",\n    props: [\"titleHeaders\", \"rows\",],\n}\n</script>","import { render } from \"./TableShimmer.vue?vue&type=template&id=6da2499a\"\nimport script from \"./TableShimmer.vue?vue&type=script&lang=js\"\nexport * from \"./TableShimmer.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronLeft.vue?vue&type=template&id=4040c84e\"\nconst script = {}\nscript.render = render\n\nexport default script","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronRight.vue?vue&type=template&id=30fb9afe\"\nconst script = {}\nscript.render = render\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./tab-1.vue?vue&type=style&index=0&id=6c857846&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./post-training-opportunities.vue?vue&type=style&index=0&id=52068ff8&lang=scss&scoped=true\""],"sourceRoot":""}