https://www.alphadi.org/Internal/Account/Login?returnUrl=~%2F

1
2<!DOCTYPE html>
3<html>
4<head>
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    <title>Login | Alphadi</title>
7    <link rel="stylesheet" href="/bundles/styles.min.css" type="text/css" />
8    <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
9    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
10    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
11    <link rel="manifest" href="/site.webmanifest">
12    

12<script src="/bundles/compact.min.js"></script>

12
13</head>
14
15<body class="text-center" id="login-body">
16    <div class="min-vh-100 d-flex justify-content-center align-items-center py-4">
17        <div class="container d-flex flex-column">
18            <div class="row min-vh-100">
19                <div class="col-sm-10 col-md-8 col-lg-6 mx-auto d-table h-100 p-4">
20                    <div class="d-table-cell align-middle">
21                        <div class="card bg-white m-0 main-card">
22                            <div class="card-body p-5 pb-4">
23                                <img src="/img/logo_f.svg" width="200" />
24                                <br />
25                                <br />
26
27                                
28<form id="LoginForm" name="LoginForm" method="post" class="form mt-2" action="/Internal/Account/Login">
29    <input data-val="true" data-val-required="The ReturnUrl field is required." id="ReturnUrl" name="ReturnUrl" type="hidden" value="~/" />
30
31    <div style="background:#fff7ec;border-radius:8px;padding:1rem;margin-bottom:1.5rem;">
32        <div style="color:#4d5764;font-size:.9rem;line-height:1.5;text-align:center;">
33            Voluntary &#x2013; only needed if you want to order in the shop, e.g. AlphadiTab, workshops or other products. No newsletter or community login.
34        </div>
35    </div>
36
37    <div class="mb-4">
38        <input type="text" placeholder="Username or Email" class="form-control text-center" data-val="true" data-val-required="The UserName field is required." id="UserName" name="UserName" value="">
39    </div>
40
41    <div class="mb-4">
42        <input class="form-control text-center" type="password" placeholder="Password" data-val="true" data-val-required="The Password field is required." id="Password" name="Password">
43    </div>
44
45    <div class="mb-2 w-100">
46        
47<label class="dt-switch " title="Remember Me">
48        <input class="" onchange="" type="checkbox" data-val="true" data-val-required="The KeepLoggedIn field is required." id="KeepLoggedIn" name="KeepLoggedIn" value="true" />
49
50    <span class="checkmark"></span>
51    <span>Remember Me</span>
52</label>
53    </div>
54
55    <div class="mb-3">
56        <div><div class="w-100 mt-2 flex-row justify-content-center g-recaptcha"
57                data-sitekey="6Ldd40kpAAAAAKUeUMBF7pRd4c0ZKGmE8ldlcL9L" data-theme="light" data-size="normal"></div>

57<script src="https://www.google.com/recaptcha/api.js" async defer></script>

57</div>
58    </div>
59
60    
61<button id="save-button" class="btn btn-primary busy-button mt-3 mb-1 w-100 shadow " type="submit"
62        form=LoginForm 
63        
64        
65        >
66        <i class="align-middle" data-feather="log-in"></i>
67    Log in into Shop
68</button>
69
70
71<button id="save-button" class="btn btn-secondary busy-button mt-1 mb-3 w-100 shadow " type="submit"
72        form=LoginForm 
73        
74        name="LoginToPortal"
75        value="true">
76        <i class="align-middle" data-feather="external-link"></i>
77    Log in into AlphadiPortal
78</button>
79    <a href="/Internal/Account/ForgotPassword">Forgot password?</a>
80    <div class="text-center mt-3">
81        <span>No account yet?</span>
82        <a href="/Internal/Account/Register?returnUrl=https%3A%2F%2Fwww.alphadi.org%2FInternal%2FAccount%2FLogin%3FreturnUrl%3D~%252F">Create an account</a>
83    </div>
84<input name="__RequestVerificationToken" type="hidden" value="CfDJ8BIMwQTuEtBBtnnpT6fmYEI15ZX-2k__ymXumf3EXgfzLvikl65Qx52iNyDZ00f1pkd5FnziqhM7qys5JHDXtJ3dw8KEOPBCCe6RNgK6yHE7E5e1Ypitv68x1mY-P8MUvLYKlAv155HFfcEmlizaQ2k" /><input name="KeepLoggedIn" type="hidden" value="false" /></form>
85
86                            </div>
87                        </div>
88
89                        <div class="text-center mt-3">
90                            <label class="mb-1">Language:</label>
91                            <form class="w-50 mx-auto" id="selectLanguage" method="post" action="/Internal/Account/SetLoginLanguage?returnUrl=~%2FInternal%2FAccount%2FLogin%3FreturnUrl%3D~%252F">
92                                <select id="LanguageSwitcher" title="Language" name="culture" class="form-select language-selector" data-val="true" data-val-required="The Name field is required.">
93                                <option value="de-DE">German</option>
94<option selected="selected" value="en-US">English</option>
95<option value="es-ES">Spanish</option>
96<option value="fr-FR">French</option>
97<option value="it-IT">Italian</option>
98<option value="pl-PL">Polish</option>
99<option value="pt-PT">Portuguese</option>
100</select>
101                            <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BIMwQTuEtBBtnnpT6fmYEI15ZX-2k__ymXumf3EXgfzLvikl65Qx52iNyDZ00f1pkd5FnziqhM7qys5JHDXtJ3dw8KEOPBCCe6RNgK6yHE7E5e1Ypitv68x1mY-P8MUvLYKlAv155HFfcEmlizaQ2k" /></form>
102                        </div>
103                    </div>
104                </div>
105            </div>
106        </div>
107    </div>
108
109    
110</body>
111</html>
112

113<script>
114    $(document).ready(function () {
115        function formatLanguageOption(opt) {
116            const option = $(opt.element);
117            if (!option.val()) {
118                return opt.text;
119            }
120
121            const country = option.val().split('-')[1].toLowerCase();
122            return $(`<span class="language-option"><i class="lang-icon ${country}" style="background-image: url(/img/icons/lang/${country}.webp)"></i> <span class="option-text">${opt.text}</span></span>`);
123        }
124
125        $('.language-selector').select2({
126            templateResult: formatLanguageOption,
127            templateSelection: formatLanguageOption,
128            minimumResultsForSearch: -1
129        });
130
131        $('#LanguageSwitcher').change(function (e) {
132            $('form#selectLanguage').submit();
133        });
134    });
135</script>