{"version":3,"sources":["webpack:///./src/components/shared/pagination.vue","webpack:///./src/components/shared/pagination.vue?5b98","webpack:///./src/components/icons/IconChevronLeft.vue","webpack:///./src/components/icons/IconChevronLeft.vue?9548","webpack:///./src/components/icons/IconCheckBadge.vue","webpack:///./src/components/icons/IconCheckBadge.vue?e826","webpack:///./src/pages/employment/supervisor/users.vue","webpack:///./src/pages/employment/supervisor/users/view.vue","webpack:///./src/pages/employment/supervisor/users/view.vue?150d","webpack:///./src/pages/employment/supervisor/users.vue?75ee","webpack:///./src/pages/employment/supervisor/users.vue?43a6","webpack:///./src/components/icons/IconChevronRight.vue","webpack:///./src/components/icons/IconChevronRight.vue?9ca9"],"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","xmlns","fill","viewBox","stroke-width","stroke","stroke-linecap","stroke-linejoin","d","script","scope","$apollo","queries","alumniList","loading","filteredAlumniList","length","alumni","index","src","getProfilePicture","profile_picture_url","alt","english_name","is_verified_by_career_counselor","student_id","school_id","graduated_year","viewAlumniUser","id","mode","openViewAlumniUserModal","title","viewAlumniUserModaltitle","height","closeViewAlumniUserModal","alumni-user-id","alumniUserId","alumniUser","user","email","arabic_name","emirates_id","nationality","gender","academic_year","graduatedDate","is_employed","company_name","job_title","industry","year_of_experience","current_status","isLoading","class-list","text","text-class-list","type","submitData","IconCheckBadge","error","parsedDate","Date","graduated_date","toLocaleDateString","day","month","year","replace","$store","getters","userId","apollo","query","fetchPolicy","console","log","IconEye","IconCheck","Pagination","EmploymentUsersView","first","data","refetch","closeModal","profilePictureUrl","__scopeId"],"mappings":"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","file":"js/chunk-5f51e42a.3eb0a5c4.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    <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=\"1.5\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z\" />\n    </svg>\n</template>","import { render } from \"./IconCheckBadge.vue?vue&type=template&id=062e831e\"\nconst script = {}\nscript.render = render\n\nexport default script","<template>\n    <section class=\"h-full w-full flex flex-col bg-white rounded-2xl border shadow-lg p-6 md:p-8\">\n        <div class=\"flex justify-between\">\n            <h1 class=\"text-base md:text-lg font-semibold\">Users</h1>\n        </div>\n\n        <div class=\"h-full flex justify-center items-center\" v-if=\"$apollo.queries.alumniList.loading\">\n            <base-spinner></base-spinner>\n        </div>\n        <div v-else-if=\"!$apollo.queries.alumniList.loading && filteredAlumniList.length <= 0\"\n            class=\"h-full flex justify-center items-center\">\n            <h1 class=\"text-center text-xl font-medium\">No users 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-4 text-gray-400 w-8\">#</th>\n                                    <th scope=\"col\" class=\"px-6 py-4 text-gray-400\">Name</th>\n                                    <th scope=\"col\" class=\"px-6 py-4 text-gray-400\">School ID</th>\n                                    <th scope=\"col\" class=\"px-6 py-4 text-gray-400\">Graduated Year</th>\n                                    <th scope=\"col\" class=\"px-6 py-4 text-gray-400\">Actions</th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                <tr v-for=\"(alumni, index) in filteredAlumniList\" :key=\"index\"\n                                    class=\"border-b border-dashed dark:border-neutral-500\">\n                                    <td class=\"whitespace-nowrap px-6 py-4 font-medium\">{{ paginatorInfo.firstItem +\n                                        index }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-4\">\n                                        <div class=\"flex items-center\">\n                                            <div class=\"flex-shrink-0 mr-3\">\n                                                <img class=\"h-12 w-12 rounded-lg object-cover\"\n                                                    :src=\"getProfilePicture(alumni.profile_picture_url)\" alt=\"\">\n                                            </div>\n                                            <div class=\"flex-grow flex flex-col\">\n                                                <h1 class=\"text-sm font-semibold flex items-center\">\n                                                    <span>{{ alumni.english_name }}</span>\n                                                    <span v-if=\"alumni.is_verified_by_career_counselor\"\n                                                        class=\"ml-1 h-3 w-3 rounded-full bg-blue-600 flex items-center justify-center\">\n                                                        <icon-check class=\"w-2 h-2 text-white\"></icon-check>\n                                                    </span>\n                                                </h1>\n                                                <p class=\"text-xs text-gray-400\">{{ alumni.student_id }}</p>\n                                            </div>\n                                        </div>\n                                    </td>\n                                    <td class=\"whitespace-nowrap px-6 py-4\">{{ alumni.school_id }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-4\">{{ alumni.graduated_year }}</td>\n                                    <td class=\"px-6 py-4\">\n                                        <div class=\"flex\">\n                                            <div @click.stop=\"viewAlumniUser(alumni.id, alumni.english_name)\"\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 @click.stop=\"editAlumniUser(alumni.id, alumni.english_name)\" 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-pen class=\"w-4 h-4 transform group-hover:text-purple-pink group-hover:scale-110 hover:scale-110\"></icon-pen>\n                                        </div>\n                                        <div class=\"bg-gray-100 hover:bg-blue-50 w-8 h-8 flex justify-center items-center rounded-lg group cursor-pointer\">\n                                            <icon-trash class=\"w-4 h-4 transform group-hover:text-purple-pink group-hover:scale-110 hover:scale-110\"></icon-trash>\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-modal v-if=\"openViewAlumniUserModal\" :title=\"`Alumni Form - ${viewAlumniUserModaltitle}`\"\n                height=\"90vh\" @close=\"closeViewAlumniUserModal\">\n                <employment-users-view :alumni-user-id=\"alumniUserId\"></employment-users-view>\n            </base-modal>\n        </transition>\n\n    </section>\n</template>\n\n<script>\nimport IconEye from \"../../../components/icons/IconEye.vue\";\n// import IconPen from \"../../../components/icons/IconPen.vue\";\n// import IconTrash from \"../../../components/icons/IconTrash.vue\";\n// import IconPlus from \"../../../components/icons/IconPlus.vue\";\nimport IconCheck from \"../../../components/icons/IconCheck.vue\";\nimport gql from 'graphql-tag';\nimport Pagination from \"../../../components/shared/pagination.vue\";\n// import EmploymentUsersForm from \"./users/form.vue\";\nimport EmploymentUsersView from \"./users/view.vue\";\nexport default {\n    name: \"employment-supervisor-users\",\n    components: {\n        IconEye,\n        // IconPen,\n        // IconTrash,\n        // IconPlus,\n        IconCheck,\n        Pagination,\n        // EmploymentUsersForm,\n        EmploymentUsersView,\n    },\n    data() {\n        return {\n            alumniList: [],\n            first: 5,\n            page: 1,\n            openViewAlumniUserModal: false,\n            viewAlumniUserModaltitle: \"\",\n            alumniUserId: null,\n        };\n    },\n    computed: {\n        filteredAlumniList() {\n            return this.alumniList.data;\n        },\n        paginatorInfo() {\n            return this.alumniList.paginatorInfo;\n        },\n    },\n    apollo: {\n        alumniList() {\n            return {\n                query: gql`query AllUsers($first: Int!, $page: Int!) {\n                    alumniList(first: $first, page: $page) {\n                        data {\n                            id\n                            english_name\n                            student_id\n                            school_id\n                            graduated_year\n                            profile_picture_url\n                            is_verified_by_career_counselor\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        setPage(page) {\n            this.page = page;\n        },\n        onAddAlumniUser() {\n            this.$apollo.queries.alumniList.refetch();\n            this.closeModal();\n        },\n        viewAlumniUser(id, name) {\n            this.alumniUserId = id;\n            this.viewAlumniUserModaltitle = name;\n            this.openViewAlumniUserModal = true;\n        },\n        closeViewAlumniUserModal() {\n            this.openViewAlumniUserModal = false;\n            this.viewAlumniUserModaltitle = \"\";\n            this.alumniUserId = null;\n        },\n        editAlumniUser(id, name) {\n            console.log(id, name);\n        },\n        getProfilePicture(profilePictureUrl) {\n            return process.env.VUE_APP_PUBLIC_URL + profilePictureUrl;\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=\"h-full w-full flex flex-col p-8\">\n\n        <div class=\"h-full flex justify-center items-center\" v-if=\"$apollo.queries.alumniUser.loading\">\n            <base-spinner></base-spinner></div>\n\n        <div v-else class=\"h-full w-full flex flex-col\">\n            <div class=\"w-full flex justify-start items-center border rounded-2xl p-2 sm:p-4 relative\">\n                <div class=\"h-12 sm:h-16 lg:h-20 w-12 sm:w-16 lg:w-20 mr-2 sm:mr-4 flex-shrink-0\">\n                    <img class=\"h-full w-full object-cover rounded-xl\" :src=\"getProfilePicture\" alt=\"\">\n                </div>\n                <div class=\"flex-grow flex flex-col\">\n                    <h1 class=\"text-base sm:text-lg lg:text-xl font-medium capitalize break-all\">{{\n                        alumniUser.english_name }}</h1>\n                    <p class=\"text-xs lg:text-sm text-gray-600 break-all\">{{ alumniUser.user.email }}</p>\n                </div>\n                <div v-if=\"alumniUser.is_verified_by_career_counselor\" class=\"absolute right-0 top-0\">\n                    <div class=\"flex items-center px-4 py-2 bg-green-600 text-white rounded-tr-xl\">\n                        <div class=\"mr-1\">\n                            <icon-check-badge class=\"h-6 w-6 animate-waving-hand\"></icon-check-badge>\n                        </div>\n                        <div class=\"text-sm\">Verified</div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"grid grid-col-1 sm:grid-cols-2 xl:grid-cols-3 gap-4 mt-4\">\n                <div class=\"w-full flex flex-col border rounded-2xl p-4\">\n                    <h1 class=\"font-medium text-xs sm:text-sm lg:text-base\">Personal Information</h1>\n                    <div class=\"flex mt-3 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2 capitalize\">English Name:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.english_name }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Arabic Name:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.arabic_name }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Emirates ID:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.emirates_id }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Nationality:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.nationality }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Gender:</div>\n                        <div class=\"text-gray-600 capitalize\">{{ alumniUser.gender }}</div>\n                    </div>\n                </div>\n                <div class=\"w-full flex flex-col border rounded-2xl p-4\">\n                    <h1 class=\"font-medium text-xs sm:text-sm lg:text-base\">Academic Information</h1>\n                    <div class=\"flex mt-3 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2 capitalize\">School ID:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.school_id }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Student ID:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.student_id }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Academic Year:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.academic_year }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Graduated Year:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.graduated_year }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Graduated Date:</div>\n                        <div class=\"text-gray-600\">{{ graduatedDate }}</div>\n                    </div>\n                </div>\n                <div v-if=\"alumniUser.is_employed\" class=\"w-full flex flex-col border rounded-2xl p-4\">\n                    <h1 class=\"font-medium text-xs sm:text-sm lg:text-base\">Professional Information</h1>\n                    <div class=\"flex mt-3 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2 capitalize\">Company Name:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.company_name }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Job Title:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.job_title }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Industry:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.industry }}</div>\n                    </div>\n                    <div class=\"flex mt-1 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"font-semibold mr-2\">Year Of Experience:</div>\n                        <div class=\"text-gray-600\">{{ alumniUser.year_of_experience }}</div>\n                    </div>\n                </div>\n                <div v-else class=\"w-full flex flex-col border rounded-2xl p-4\">\n                    <h1 class=\"font-medium text-xs sm:text-sm lg:text-base\">Current Status</h1>\n                    <div class=\"flex mt-3 text-xs sm:text-sm lg:text-base\">\n                        <div class=\"text-gray-600\">{{ alumniUser.current_status }}</div>\n                    </div>\n                </div>\n            </div>\n\n            <div v-if=\"!alumniUser.is_verified_by_career_counselor\"\n                class=\"flex-auto w-full flex flex-col justify-end items-center mt-8\">\n                <div v-if=\"isLoading\"\n                    class=\"w-36 bg-gradient-to-r from-primary to-secondaryLight px-4 py-2 rounded-lg text-white flex items-center justify-center\">\n                    <base-spinner-with-text class-list=\"h-6 w-6 text-white\" text=\"Submitting...\"\n                        text-class-list=\"text-white\"></base-spinner-with-text>\n                </div>\n                <button type=\"button\" @click.stop=\"submitData\" v-else\n                    class=\"w-36 bg-gradient-to-r from-primary to-secondaryLight px-4 py-2 rounded-lg text-white\">Submit</button>\n            </div>\n\n        </div>\n\n    </div>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport IconCheckBadge from \"../../../../components/icons/IconCheckBadge.vue\";\nexport default {\n    name: \"employment-users-view\",\n    props: [\"alumniUserId\"],\n    components: {\n        IconCheckBadge,\n    },\n    data() {\n        return {\n            isLoading: false,\n            error: null,\n            alumniUser: null,\n        };\n    },\n    computed: {\n        graduatedDate() {\n            const parsedDate = new Date(this.alumniUser.graduated_date);\n            return parsedDate.toLocaleDateString('en-GB', {\n                day: '2-digit',\n                month: '2-digit',\n                year: 'numeric',\n            }).replace(/\\//g, '-');\n        },\n        userId() {\n            return this.$store.getters.userId;\n        },\n        getProfilePicture() {\n            return process.env.VUE_APP_PUBLIC_URL + this.alumniUser.profile_picture_url;\n        },\n    },\n    apollo: {\n        alumniUser() {\n            return {\n                query: gql`query alumniUser($id: ID!) {\n                    alumniUser(id: $id) {\n                        id\n                        academic_year\n                        arabic_name\n                        emirates_id\n                        english_name\n                        gender\n                        graduated_date\n                        graduated_year\n                        nationality\n                        school_id\n                        student_id\n                        profile_picture_url\n                        is_verified_by_career_counselor\n                        is_employed\n                        company_name\n                        job_title\n                        industry\n                        year_of_experience\n                        current_status\n                        user {\n                            email\n                        }\n                    }\n                }`,\n                variables() {\n                    return {\n                        id: this.alumniUserId,\n                    }\n                },\n                fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n        async submitData() {\n            console.log('submitData')\n            // this.isLoading = true;\n\n            // const VERIFY_ALUMNI_USER_MUTATION = gql`\n            //     mutation verifyAlumniUser($id: ID!, $user_id: ID!) {\n            //         verifyAlumniUser(id: $id, user_id: $user_id) {\n            //             error\n            //             message\n            //         }\n            //     }\n            // `;\n\n            // try {\n\n            //     await this.$apollo.mutate({\n            //         mutation: VERIFY_ALUMNI_USER_MUTATION,\n            //         variables: {\n            //             id: this.alumniUser.id,\n            //             user_id: this.userId\n            //         },\n            //     }).then((data) => {\n            //         if (data.data.verifyAlumniUser.error) {\n            //             this.error = data.data.verifyAlumniUser.message;\n            //         } else {\n            //             this.$apollo.queries.alumniUser.refetch();\n            //         }\n            //     }).catch((error) => {\n            //         this.error = error.message;\n            //     })\n\n            // } catch (error) {\n            //     this.error = error.message || \"Failed to authenticate, try later.\";\n            // }\n\n            // this.isLoading = false;\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped></style>","import { render } from \"./view.vue?vue&type=template&id=44d60ece\"\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 \"./users.vue?vue&type=template&id=43f1cb19&scoped=true\"\nimport script from \"./users.vue?vue&type=script&lang=js\"\nexport * from \"./users.vue?vue&type=script&lang=js\"\n\nimport \"./users.vue?vue&type=style&index=0&id=43f1cb19&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-43f1cb19\"\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!./users.vue?vue&type=style&index=0&id=43f1cb19&lang=scss&scoped=true\"","<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"],"sourceRoot":""}