{"version":3,"file":"login-e815d226.js","sources":["../../../resources/js/customers/components/login.vue"],"sourcesContent":["<template>\n\n    <section v-if=\"$store.state.isLoggedIn != null && $store.state.isLoggedIn === false\" class=\"customer-portal-login container-fluid w-100\">\n\n        <div class=\"row d-flex align-items-center h-100\">\n\n            <!-- Login main picture -->\n            <div class=\"col-lg-8 col-md-7 left-column d-none d-md-block\">\n                <div class=\"login-main-picture d-flex justify-content-center\">\n                    <img src=\"/images/customer-portal-login.png\" alt=\"Login img\">\n                </div>\n            </div>\n\n            <!-- Right column (Login Form) -->\n            <div class=\"col-lg-4 col-md-5 col-12 right-column h-100 d-flex flex-column justify-content-center align-items-center\">\n\n                <!-- Company details (Name & logo) -->\n                <div class=\"company-details d-flex flex-column justify-content-center align-items-center mb-5\">\n                    <img v-if=\"company_logo\" :src=\"company_logo\" class=\"company-logo img-fluid d-block mx-auto\" alt=\"\">\n                    <img v-else src=\"../assets/favicon.png\" class=\"img-fluid d-block mx-auto\" alt=\"\">\n                    <h2 class=\"company-name mb-0\">{{ $store.getters.company.company_name }}</h2>\n                </div>\n\n                <!-- Login Form -->\n                <el-form \n                    :model=\"loginForm\" \n                    :rules=\"rules\" \n                    ref=\"loginForm\"\n                    :hide-required-asterisk=\"true\" \n                    class=\"login-form px-0 px-md-3 w-100\" \n                    method=\"post\" \n                    action=\"/login\" \n                    v-on:submit.prevent=\"processLogin()\"\n            >\n                    <input type=\"hidden\" name=\"_token\" value=\"\" v-model=\"token\">\n\n                    <!-- Company Email Input -->\n                    <el-form-item prop=\"email\" label=\"Your Email\" class=\"company-email\">\n                        <el-input v-model=\"loginForm.email\" type=\"email\" name=\"email\" placeholder=\"john@example.com\" aria-required=\"\" />\n                    </el-form-item>\n\n                    <!-- Password Input -->\n                    <el-form-item prop=\"password\" label=\"Password\" class=\"company-email\">\n                        <el-input v-model=\"loginForm.password\" name=\"password\" type=\"password\" aria-required=\"\" />\n                    </el-form-item>\n\n                    <!-- <div class=\"col-12 text-center\"> -->\n                        <!-- <p class=\"mb-0 mt-3\"><small class=\"text-dark mr-2\">Don't have an account ?</small>\n                            <router-link to=\"/signup\" class=\"text-dark font-weight-bold\">Sign Up</router-link>\n                        </p> -->\n                    <!-- </div> -->\n\n                    <!-- Submit button -->\n                    <el-button type=\"primary\" class=\"w-100\" @click.stop.prevent=\"processLogin()\">Login</el-button>\n\n                    <!-- Forgot Password -->\n                    <div class=\"password-reset d-flex justify-content-end\">\n                        <router-link to=\"/password-reset\" class=\"forgot-password\">Forgot password?</router-link>\n                    </div>\n\n\n                </el-form>\n\n            </div>\n\n        </div>\n\n    </section>\n\n</template>\n\n\n<script>\n\n    import { HomeIcon, UserIcon, KeyIcon } from 'vue-feather-icons';\n\n    /* Auth-login component */\n\n    export default {\n\n        data() {\n            return {\n                token: '',\n                loginForm: {\n                    email: '',\n                    password: '',\n                },\n                request_sent : false,\n                rules: {\n                    email: [\n                        { required: true, message: 'Email Address is required', trigger: ['blur', 'change'] },\n                        { type: 'email', message: 'Please insert a valid email address', trigger: 'blur' }\n                    ],\n                    password: [\n                        { required: true, message: 'Password is required', trigger: ['blur', 'change'] },\n                    ]\n                },\n            }\n        },\n\n        mounted(){\n            // console.log(this.$store.getters.company)\n        },\n\n        components: {\n            HomeIcon,\n            UserIcon,\n            KeyIcon\n        },\n\n        computed:{\n            company_logo() {\n\n                if (this.$store.getters.company.company_logo)\n                    return (\n                        import.meta.env.VITE_APP_URL + '/' +\n                        this.$store.getters.company.company_logo.replace(\n                            \"public\",\n                            \"storage\"\n                        )\n                    );\n            },\n        },\n\n        methods: {\n            validateEmail() {\n                if (/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(this.loginForm.email))\n                {\n                    return true\n                }\n\n                return false\n            },\n\n            processLogin () {\n\n                this.$refs['loginForm'].validate((valid, errors) => {\n\n                    if (valid) {\n\n                        if(this.loginForm.email && this.loginForm.password ){\n\n                            this.$store.dispatch(\"auth_login\", {\n                                email: this.loginForm.email,\n                                password: this.loginForm.password\n                            })\n                        }\n                    }\n                })\n            }\n        }\n    }\n\n</script>\n\n<style src='bootstrap/dist/css/bootstrap.css' scoped></style>\n\n<style lang=\"scss\" scoped>\n\n    .customer-portal-login {\n        background-color: #FAFAFA;\n        height: 100vh;\n    }\n\n    .login-main-picture img {\n        max-width: 550px;\n    }\n\n    .customer-portal-login .right-column {\n        background-color: white;\n    }\n\n    .company-details img {\n        max-width: 125px;\n        width: 100%;\n    }\n\n    .company-name {\n        font-size: 20px;\n        font-weight: 500;\n        text-transform: capitalize;\n    }\n\n    .company-logo {\n        margin-bottom: 35px;\n    }\n\n    .el-form-item::v-deep {\n\n        margin-bottom: 24px;\n\n        .el-input__inner {\n            box-sizing: border-box;\n            border: 1px solid #EAEAEA;\n            border-radius: 12px;\n            padding: 0 16px;\n            height: 44px;\n            font-size: 14px;\n            font-weight: 500;\n            color: #072540;\n        }\n\n        &.is-error {\n            .el-input__inner {\n                border-color: #E95A5A;\n            }\n        }\n\n    }\n\n    .el-button--primary {\n        background-color: #072540;\n        border-color: #072540;\n        border-radius: 12px;\n        height: 44px;\n        font-weight: 500;\n        font-size: 14px;\n        margin-top: 16px;\n    }\n\n    .password-reset {\n        margin: 12px 0 12px;\n\n        .forgot-password {\n            color: #E95A5A;\n            font-weight: 500;\n            font-size: 13px;\n            line-height: 22px;\n        }\n    }\n\n</style>\n\n"],"names":["_sfc_main","HomeIcon","UserIcon","KeyIcon","valid","errors"],"mappings":"igBA8EA,MAAAA,EAAA,CAEA,MAAA,CACA,MAAA,CACA,MAAA,GACA,UAAA,CACA,MAAA,GACA,SAAA,EACA,EACA,aAAA,GACA,MAAA,CACA,MAAA,CACA,CAAA,SAAA,GAAA,QAAA,4BAAA,QAAA,CAAA,OAAA,QAAA,CAAA,EACA,CAAA,KAAA,QAAA,QAAA,sCAAA,QAAA,MAAA,CACA,EACA,SAAA,CACA,CAAA,SAAA,GAAA,QAAA,uBAAA,QAAA,CAAA,OAAA,QAAA,CAAA,CACA,CACA,CACA,CACA,EAEA,SAAA,CAEA,EAEA,WAAA,CACA,SAAAC,EACA,SAAAC,EACA,QAAAC,CACA,EAEA,SAAA,CACA,cAAA,CAEA,GAAA,KAAA,OAAA,QAAA,QAAA,aACA,MACA,0BACA,KAAA,OAAA,QAAA,QAAA,aAAA,QACA,SACA,SACA,CAEA,CACA,EAEA,QAAA,CACA,eAAA,CACA,MAAA,yEAAA,KAAA,KAAA,UAAA,KAAA,CAMA,EAEA,cAAA,CAEA,KAAA,MAAA,UAAA,SAAA,CAAAC,EAAAC,IAAA,CAEAD,GAEA,KAAA,UAAA,OAAA,KAAA,UAAA,UAEA,KAAA,OAAA,SAAA,aAAA,CACA,MAAA,KAAA,UAAA,MACA,SAAA,KAAA,UAAA,QACA,CAAA,CAGA,CAAA,CACA,CACA,CACA"}