spawntree
/
timetracking


			
				
					
						
						
							
							{# templates/registration/register.html.twig #}
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ 'app.register.page_title'|trans }}</title>
    {{ encore_entry_link_tags('app') }}
</head>
<body class="register-body">

{% embed '_components/register-card.html.twig' %}
  {% block content %}

    <div class="register-card__brand">
        <a href="{{ path('app_home') }}">spawntree Timetracker</a>
    </div>
    <h1 class="register-card__title">{{ 'app.register.title'|trans }}</h1>
    <p class="register-card__sub">{{ 'app.register.subtitle'|trans }}</p>

    <div id="register-errors" class="register-errors" role="alert"></div>

    <form id="register-form" novalidate>

        <fieldset class="register-fieldset">
            <legend class="register-fieldset__legend">{{ 'app.register.section_company'|trans }}</legend>

            <div class="register-field">
                <label class="register-field__label" for="companyName">{{ 'app.register.label_company_name'|trans }}</label>
                <input class="input"
                       type="text"
                       id="companyName"
                       name="companyName"
                       placeholder="{{ 'app.register.placeholder_company_name'|trans }}"
                       autocomplete="organization"
                       required />
                <div class="register-field__hint">
                    {{ 'app.register.url_preview_label'|trans }} <strong id="slug-preview" class="register-field__slug">…</strong>
                </div>
            </div>
        </fieldset>

        <fieldset class="register-fieldset">
            <legend class="register-fieldset__legend">{{ 'app.register.section_account'|trans }}</legend>

            <div class="register-field-row">
                <div class="register-field">
                    <label class="register-field__label" for="firstName">{{ 'app.register.label_first_name'|trans }}</label>
                    <input class="input" type="text" id="firstName" name="firstName"
                           autocomplete="given-name" required />
                </div>
                <div class="register-field">
                    <label class="register-field__label" for="lastName">{{ 'app.register.label_last_name'|trans }}</label>
                    <input class="input" type="text" id="lastName" name="lastName"
                           autocomplete="family-name" required />
                </div>
            </div>

            <div class="register-field">
                <label class="register-field__label" for="email">{{ 'app.register.label_email'|trans }}</label>
                <input class="input" type="email" id="email" name="email"
                       autocomplete="email" required />
            </div>

            <div class="register-field-row">
                <div class="register-field">
                    <label class="register-field__label" for="password">{{ 'app.register.label_password'|trans }}</label>
                    <input class="input" type="password" id="password" name="password"
                           autocomplete="new-password" minlength="8" required />
                </div>
                <div class="register-field">
                    <label class="register-field__label" for="passwordRepeat">{{ 'app.register.label_password_repeat'|trans }}</label>
                    <input class="input" type="password" id="passwordRepeat" name="passwordRepeat"
                           autocomplete="new-password" required />
                </div>
            </div>
        </fieldset>

        <div class="register-actions">
            <button type="submit" id="submit-btn" class="btn btn-primary register-actions__submit">
                {{ 'app.register.btn_submit'|trans }}
            </button>
            <p class="register-actions__login">
                {{ 'app.register.already_registered'|trans }} <a href="{{ path('app_home') }}">{{ 'app.register.link_login'|trans }}</a>
            </p>
        </div>

    </form>

  {% endblock %}
{% endembed %}

<script>window.REGISTER_APP_DOMAIN = '{{ appDomain }}';</script>
{{ encore_entry_script_tags('registration') }}

</body>
</html>