{"version":3,"sources":["webpack:///./src/pages/admin/ForgotPasswordPage/index.vue","webpack:///./src/pages/admin/ForgotPasswordPage/index.vue?27a2","webpack:///./src/pages/admin/ForgotPasswordPage/index.vue?21f3"],"names":["class","style","type","sendForgotPasswordRequest","email","placeholder","setup","router","a","post","value","then","push","catch","__exports__","render"],"mappings":"6NACKA,MAAM,gB,GACFA,MAAM,+DAA+DC,MAAA,kB,GACjED,MAAM,2B,uBACP,eAAgC,UAA5B,2BAAuB,M,GAElBA,MAAM,c,uBACP,eAAgC,aAAzB,qBAAiB,M,uBAG5B,eAAgF,UAAxEE,KAAK,SAASF,MAAM,2BAA0B,qBAAiB,M,uBAInF,eAAiC,OAA5BA,MAAM,iBAAe,Y,gDAb9B,eAcM,MAdN,EAcM,CAbF,eAWM,MAXN,EAWM,CAVF,eASM,MATN,EASM,CARF,EACA,eAMO,QANA,SAAM,8CAAU,EAAAG,2BAAA,EAAAA,0BAAA,qBAAyB,e,CAC5C,eAGM,MAHN,EAGM,CAFF,E,eACA,eAAkF,S,qDAAlE,EAAAC,MAAK,IAAEJ,MAAM,eAAeE,KAAK,OAAOG,YAAY,e,mBAApD,EAAAD,WAEpB,G,QAIZ,I,qCAQW,GACXE,MADW,WAEP,IAAMC,EAAS,iBACTH,EAAQ,eAAI,IAEZD,EAA4B,WAC9B,EAAAK,EAAMC,KAAN,UAAc,sBAAd,iCAAyE,CAACL,MAAOA,EAAMM,QAClFC,MAAK,WACFJ,EAAOK,KAAK,sBAEfC,OAAM,gBAKf,MAAO,CACHT,QACAD,+B,iCChCZ,MAAMW,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,oCCTf,W","file":"js/chunk-a3e07258.1ba0d789.js","sourcesContent":["<template>\r\n<div class=\"grid-wrapper\">\r\n    <div class=\"left-column d-flex align-items-center justify-content-center\" style=\"height: 100vh\">\r\n        <div class=\"forgot-password-wrapper\">\r\n            <h2>Zaboravili ste lozinku?</h2>\r\n            <form @submit.prevent=\"sendForgotPasswordRequest\">\r\n                <div class=\"form-group\">\r\n                    <label>Unesite vas email</label>\r\n                    <input v-model=\"email\" class=\"form-control\" type=\"text\" placeholder=\"Unesi email\">\r\n                </div>\r\n                <button type=\"submit\" class=\"btn forgot-password-btn\">Posalji reset kod</button>\r\n            </form>\r\n        </div>\r\n    </div>\r\n    <div class=\"second-column\"></div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport { ref } from 'vue';\r\nimport axios from 'axios';\r\nimport { useRouter } from 'vue-router'\r\nexport default {\r\n    setup() {\r\n        const router = useRouter();\r\n        const email = ref(\"\");\r\n\r\n        const sendForgotPasswordRequest = () => {\r\n            axios.post(`${process.env.VUE_APP_API_URL}/api/Accounts/forgot-password`,{email: email.value})\r\n                .then(() => {\r\n                    router.push('resetuj-lozinku');\r\n                })\r\n                .catch(() => {\r\n                    // handle error\r\n                })\r\n        }\r\n\r\n        return {\r\n            email,\r\n            sendForgotPasswordRequest\r\n        }\r\n    },\r\n}\r\n</script>\r\n\r\n\r\n<style scoped lang=\"scss\">\r\n.grid-wrapper {\r\n    @include media(\">=tablet\") {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;  \r\n    } \r\n\r\n    @include media(\"<=tablet\") {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center; \r\n    } \r\n}\r\n\r\n    .forgot-password-wrapper {\r\n        width: 30vw;\r\n\r\n        @include media(\"<=tablet\") { \r\n            width: 80vw;\r\n        }\r\n    }\r\n\r\n        h2 {\r\n            color: color(blue);\r\n            font-size: 28.42px;\r\n\r\n            @include media(\"<=phone-large\") { \r\n                font-size: $h4-size!important;\r\n            }\r\n        }\r\n\r\n        .form-group {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .forgot-password-btn {\r\n            width: 200px;\r\n            height: 40px;\r\n            background: color(blue);\r\n            color: white;\r\n            float: right;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .forgot-password-btn:hover {\r\n            color: white;\r\n        }\r\n\r\n    .second-column {\r\n        @include media(\">=tablet\") {\r\n            background: url(../../../assets/images/login-background.png);\r\n            background-position: center;\r\n            background-repeat: no-repeat; \r\n            background-size: cover;\r\n        } \r\n\r\n        @include media(\"<=tablet\") {\r\n            display: none;\r\n        } \r\n    }\r\n</style>","import { render } from \"./index.vue?vue&type=template&id=64948fd9&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=64948fd9&scoped=true&lang=scss\"\n\nimport exportComponent from \"D:\\\\Projects\\\\vodoterm\\\\Frontend\\\\vodoterm\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-64948fd9\"]])\n\nexport default __exports__","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!./index.vue?vue&type=style&index=0&id=64948fd9&scoped=true&lang=scss\""],"sourceRoot":""}