{{# form }} <div class="login-form"> <form id="loginform" autocomplete="on"> <div class="message-box hidden">placeholder</div> <div class="two-factor-activate hidden">placeholder</div> <div class="user-consent-content hidden">placeholder</div> {{# fields }} {{# username }} <label class="login-username"> {{# data.useEmailTranslation }}Email{{/ data.useEmailTranslation }}{{^ data.useEmailTranslation }}Username{{/ data.useEmailTranslation }} <input type="text" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> </label> {{/ username }} {{# password }} <label class="login-password">Password <input type="password" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> </label> {{/ password }} {{# formId }} <div class="form-id"> {{# field.isCheckbox }}<input type="checkbox" name="{{ name }}" value="{{ value }}"{{# checked }} checked{{/ checked }} data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isCheckbox }} {{# field.isDate }}<input type="text" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isDate }} {{# field.isFile_single }}<input{{^ allowUpload }} style="display:none;"{{/ allowUpload }} type="file" name="{{ name }}" data-node="{{ field.node }}" data-validation="{{ field.rules }}" data-multiple="{{ isMultiple }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> <div class="file-upload-existing-container"> {{# files }} <div class="file-upload-existing-file" data-id="{{ id }}" data-action="{{ action }}"> <a class="file-upload-existing" href="{{ link }}">{{ label }}</a><button type="button" class="button file-upload-remove-button" data-id="{{ id }}">X</button> </div> {{/ files }} </div> {{/ field.isFile_single }} {{# field.isFile_multiple }}<input{{^ allowUpload }} style="display:none;"{{/ allowUpload }} type="file" name="{{ name }}" data-node="{{ field.node }}" data-validation="{{ field.rules }}" data-multiple="{{ isMultiple }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> <div class="file-upload-existing-container"> {{# files }} <div class="file-upload-existing-file" data-id="{{ id }}" data-action="{{ action }}"> <a class="file-upload-existing" href="{{ link }}">{{ label }}</a><button type="button" class="button file-upload-remove-button" data-id="{{ id }}">X</button> </div> {{/ files }} </div> {{/ field.isFile_multiple }} {{# field.isHidden }}<input type="hidden" name="{{ name }}" value="{{ value }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isHidden }} {{# field.isPassword }}<input type="password" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isPassword }} {{# field.isSelect }}<select name="{{ name }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> {{# opts }} <option value="{{ value }}"{{# selected }} selected{{/ selected }}{{# disabled }} disabled{{/ disabled }}>{{ label }}</option> {{/ opts }} </select>{{/ field.isSelect }} {{# field.isText }}<input type="text" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isText }} {{# field.isTextarea }}<textarea name="{{ name }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{ value }}</textarea>{{/ field.isTextarea }} {{# field.isRadiogroup }}{{# opts }} <label><input type="radio" name="{{ name }}" data-validation="{{ field.rules }}" value="{{ value }}"{{# selected }} checked{{/ selected }}{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{ label }}</label> {{/ opts }} {{/ field.isRadiogroup }} </div> {{/ formId }} {{# twoFactorPin }} <label class="login-pin is-hidden">Code <input type="text" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> </label> {{/ twoFactorPin }} {{# twoFactorType }} <label class="login-choose-two-factor is-hidden"> {{^ field.isRadiogroup }} <label><span class="input-label">{{ field.label }}</span> {{# field.isCheckbox }}<input type="checkbox" name="{{ name }}" value="{{ value }}"{{# checked }} checked{{/ checked }} data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isCheckbox }} {{# field.isDatalist }}<input type="text" value="{{ value }}" list="{{ name }}" name="{{ name }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> <datalist id="{{ name }}"{{# isSuggestions }} suggestions{{/ isSuggestions }}> {{# opts }} <option list-value="{{ value }}"{{# selected }} selected{{/ selected }}>{{ label }}</option> {{/ opts }} </datalist>{{/ field.isDatalist }} {{# field.isDate }}<input type="text" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isDate }} {{# field.isFile_single }}<input{{^ allowUpload }} style="display:none;"{{/ allowUpload }} type="file" name="{{ name }}" data-node="{{ field.node }}" data-validation="{{ field.rules }}" data-multiple="{{ isMultiple }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> <div class="file-upload-existing-container"> {{# files }} <div class="file-upload-existing-file" data-id="{{ id }}" data-action="{{ action }}"> <a class="file-upload-existing" href="{{ link }}">{{ label }}</a><button type="button" class="button file-upload-remove-button" data-id="{{ id }}">X</button> </div> {{/ files }} </div> {{/ field.isFile_single }} {{# field.isFile_multiple }}<input{{^ allowUpload }} style="display:none;"{{/ allowUpload }} type="file" name="{{ name }}" data-node="{{ field.node }}" data-validation="{{ field.rules }}" data-multiple="{{ isMultiple }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> <div class="file-upload-existing-container"> {{# files }} <div class="file-upload-existing-file" data-id="{{ id }}" data-action="{{ action }}"> <a class="file-upload-existing" href="{{ link }}">{{ label }}</a><button type="button" class="button file-upload-remove-button" data-id="{{ id }}">X</button> </div> {{/ files }} </div> {{/ field.isFile_multiple }} {{# field.isHidden }}<input type="hidden" name="{{ name }}" value="{{ value }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isHidden }} {{# field.isPassword }}<input type="password" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isPassword }} {{# field.isSelect }}<select name="{{ name }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> {{# opts }} <option value="{{ value }}"{{# selected }} selected{{/ selected }}{{# disabled }} disabled{{/ disabled }}>{{ label }}</option> {{/ opts }} </select>{{/ field.isSelect }} {{# field.isText }}<input type="text" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{/ field.isText }} {{# field.isTextarea }}<textarea name="{{ name }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{ value }}</textarea>{{/ field.isTextarea }} </label> {{/ field.isRadiogroup }} {{# field.isRadiogroup }} <label><span class="input-label">{{ field.label }}</span></label> {{# opts }} <label><input type="radio" name="{{ name }}" data-validation="{{ field.rules }}" value="{{ value }}"{{# selected }} checked{{/ selected }}{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}>{{ label }}</label> {{/ opts }} {{/ field.isRadiogroup }} </label> {{/twoFactorType}} {{/ fields }} <div class="change-password"> </div> <button type="submit" class="button login-form-button">Log in</button> <button type="button" class="button login-form-forgot-password">Forgot password</button> <button type="button" class="is-hidden button login-form-reject-consent">Reject terms</button> <button type="button" class="is-hidden button login-form-two-factor-choice-back">Back</button> {{# data.allowRegistration }} <button type="button" class="button login-form-register" data-link="{{ . }}">New Customer</button> {{/ data.allowRegistration }} </form> </div> {{/ form }}