footballrs.net

Register 

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="180x180" href="/content/themes/footballrs.net/resources/Views/Assets/dist/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/content/themes/footballrs.net/resources/Views/Assets/dist/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/content/themes/footballrs.net/resources/Views/Assets/dist/favicons/favicon-16x16.png">
    <link rel="manifest" href="/content/themes/footballrs.net/resources/Views/Assets/dist/favicons/site.webmanifest">
    <link rel="mask-icon" href="/content/themes/footballrs.net/resources/Views/Assets/dist/favicons/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="/content/themes/footballrs.net/resources/Views/Assets/dist/favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-config" content="/content/themes/footballrs.net/resources/Views/Assets/dist/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="../../assets/dist/css/app.css">

</head>

<body class="">
    <header class="mb-4 py-1">
        <div class="standard-grid">
            <div class="col-span-12">
                <nav class="flex justify-between">
                    <ul class="flex ml-0 pl-0 list-none gap-x-2">
                        <li><a href="">Teams</a></li>
                        <li><a href="">Stadien</a></li>
                        <li><a href="">Spiele</a></li>
                        <li><a href="">Mitglieder</a></li>
                    </ul>
                    <div class="flex gap-x-2">
                        <ul class="flex ml-0 pl-0 list-none gap-x-2">
                            <li><a href="">Registrieren</a></li>
                            <li><a href="">Einloggen</a></li>
                        </ul>

                    </div>
                </nav>
            </div>
        </div>
    </header>
    <main>
        <section class="mx-auto">
            <div class="standard-grid">
                <div class="col-span-12">
                    <h1>Registrierung</h1>

                    <form method="POST" class="my-5">
                        <div class="flex gap-y-1.5 flex-col content-start">
                            <div class="flex gap-1">
                                <div class="grow error">
                                    <label for="first_name">Vorname</label>
                                    <input id="first_name" type="text" name="first_name" autocomplete="first_name" autofocus required>
                                </div>

                                <div class="grow error">
                                    <label for="last_name">Nachname</label>
                                    <input id="last_name" type="text" name="last_name" autocomplete="last_name" autofocus required>
                                </div>
                            </div>

                            <div class="error-message">email</div>
                            <div class=" error">
                                <label for="email">E-Mail Adresse</label>
                                <input id="email" type="email" name="email" autocomplete="email">
                            </div>

                            <div class="error-message">p<br>a<br>s<br>s<br>w<br>o<br>r<br>d</div>
                            <div class="flex gap-1">
                                <div class="grow error">
                                    <label for="password">Passwort</label>
                                    <input id="password" type="password" name="password" required autocomplete="new-password">
                                </div>
                                <div class="grow error">
                                    <label for="password-confirm">Passwort bestätigen</label>
                                    <input id="password-confirm" type="password" name="password_confirmation" required autocomplete="new-password">
                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary">
                                Jetzt registrieren
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </main>
    <footer>

        <script src="../../assets/dist/js/app.js"></script>
    </footer>
</body>

</html>
 
{% extends '@layouts/base.twig' %}

{% block content %}
    <div class="standard-grid">
        <div class="col-span-12">
            <h1>{{ t('Registrierung') }}</h1>

            <form method="POST" class="my-5">
                <div class="flex gap-y-1.5 flex-col content-start">
                    <div class="flex gap-1">
                        <div class="grow{% if errors.has('first_name') %} error{% endif %}">
                            <label for="first_name">{{ t('Vorname') }}</label>
                            <input id="first_name" type="text" name="first_name" {% if first_name %} value="{{ first_name }}"{% endif %} autocomplete="first_name"
                                   autofocus required>
                        </div>

                        <div class="grow{% if errors.has('last_name') %} error{% endif %}">
                            <label for="last_name">{{ t('Nachname') }}</label>
                            <input id="last_name" type="text" name="last_name" {% if last_name %} value="{{ last_name }}"{% endif %} autocomplete="last_name"
                                   autofocus
                                   required>
                        </div>
                    </div>

                    {% if errors.has('email') %}
                        <div class="error-message">{{ errors.first('email') }}</div>
                    {% endif %}
                    <div class="{% if errors.has('email') %} error{% endif %}">
                        <label for="email">{{ t('E-Mail Adresse') }}</label>
                        <input id="email" type="email" name="email" {% if email %} value="{{ email }}"{% endif %} autocomplete="email">
                    </div>

                    {% if errors.has('password') %}
                        <div class="error-message">{{ errors.get('password')|join('<br>')|raw }}</div>
                    {% endif %}
                    <div class="flex gap-1">
                        <div class="grow{% if errors.has('password') %} error{% endif %}">
                            <label for="password">{{ t('Passwort') }}</label>
                            <input id="password" type="password" name="password" required autocomplete="new-password">
                        </div>
                        <div class="grow{% if errors.has('password') %} error{% endif %}">
                            <label for="password-confirm">{{ t('Passwort bestätigen') }}</label>
                            <input id="password-confirm" type="password" name="password_confirmation"  required autocomplete="new-password">
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary">
                        {{ t('Jetzt registrieren') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}
 
/* No context defined. */

No notes defined.