{"version":3,"file":"Login-BnYmgCVk.js","sources":["../../../resources/js/Pages/Auth/Login.vue"],"sourcesContent":["<script setup>\nimport AppLayout from \"@/Layouts/AppLayout.vue\";\nimport AuthPage from \"@/Layouts/AuthLayout.vue\";\nimport {Link, useForm} from '@inertiajs/vue3';\nimport {route} from '@/Composables/route';\nimport {trans} from \"@/Composables/trans\";\n\nconst loginForm = useForm({\n    email: '',\n    password: '',\n    remember: false\n});\n\nconst submitLoginForm = () => {\n    loginForm.post(route('login'), {\n        onFinish: () => loginForm.reset('password'),\n    });\n};\n</script>\n\n<template>\n    <AppLayout :title=\"trans('meta.auth.login.title')\" :description=\"trans('meta.auth.login.description')\">\n        <AuthPage @submit=\"submitLoginForm\">\n            <template #title>\n                {{ trans('auth.login.login.login') }}\n            </template>\n            <template #helper-text>\n                {{ trans('auth.login.login.dont_have_account') }}\n                <Link class=\"link-primary\" :href=\"route('register')\">\n                    {{ trans('auth.login.login.register') }}\n                </Link>\n            </template>\n            <template #form>\n                <b-form-group :label=\"trans('auth.login.login.your_email')\" label-for=\"email\">\n                    <b-form-input\n                        id=\"email\"\n                        type=\"email\"\n                        v-model=\"loginForm.email\"\n                        :placeholder=\"'email@site.com'\"\n                        autocomplete=\"username\"\n                        size=\"lg\"\n                        required\n                    />\n                </b-form-group>\n                <b-form-group>\n                    <div class=\"d-flex justify-content-between align-items-center\">\n                        <label for=\"password\" class=\"form-label d-block mb-2\">\n                            {{ trans('auth.login.login.password') }}\n                        </label>\n                        <Link class=\"mb-2 link-primary\" :href=\"route('password.request')\">\n                            {{ trans('auth.login.login.forgot_password') }}\n                        </Link>\n                    </div>\n                    <b-form-input\n                        id=\"password\"\n                        type=\"password\"\n                        v-model=\"loginForm.password\"\n                        :placeholder=\"trans('auth.login.login.characters_required')\"\n                        autocomplete=\"current-password\"\n                        size=\"lg\"\n                        minlength=\"8\"\n                        required\n                    />\n                </b-form-group>\n                <b-form-checkbox v-model=\"loginForm.remember\" name=\"remember\">\n                    {{ trans('auth.login.login.remember_me') }}\n                </b-form-checkbox>\n            </template>\n            <template #buttons>\n                <div class=\"d-grid gap-3 text-center\">\n                    <b-button\n                        type=\"submit\"\n                        variant=\"primary\"\n                        size=\"lg\"\n                        :disabled=\"loginForm.processing\"\n                    >\n                        {{ trans('auth.login.login.log_in') }}\n                    </b-button>\n                    <span>{{ trans('auth.auth.or') }}</span>\n                    <b-row class=\"gy-4\">\n                        <b-col cols=\"12\" md=\"6\">\n                            <Link\n                                :href=\"route('social.login', { provider: 'discord' })\"\n                                class=\"btn btn-lg btn-outline-dark w-100\"\n                            >\n                                <span class=\"d-flex justify-content-center align-items-center\">\n                                  <i class=\"bi bi-discord me-2\"></i>\n                                  {{ trans('auth.auth.log_in_with_discord') }}\n                                </span>\n                            </Link>\n                        </b-col>\n                        <b-col cols=\"12\" md=\"6\">\n                            <Link\n                                :href=\"route('social.login', { provider: 'google' })\"\n                                class=\"btn btn-lg btn-outline-danger w-100\"\n                            >\n                                <span class=\"d-flex justify-content-center align-items-center\">\n                                  <i class=\"bi bi-google me-2\"></i>\n                                  {{ trans('auth.auth.log_in_with_google') }}\n                                </span>\n                            </Link>\n                        </b-col>\n                    </b-row>\n                </div>\n            </template>\n        </AuthPage>\n    </AppLayout>\n</template>\n"],"names":["loginForm","useForm","submitLoginForm","route"],"mappings":"64CAOA,MAAMA,EAAYC,EAAQ,CACtB,MAAO,GACP,SAAU,GACV,SAAU,EACd,CAAC,EAEKC,EAAkB,IAAM,CAC1BF,EAAU,KAAKG,EAAM,OAAO,EAAG,CAC3B,SAAU,IAAMH,EAAU,MAAM,UAAU,CAClD,CAAK,CACL"}