{% extends 'base.html.twig' %}

{% block title %}{{ pageTitle }} - {{ parent() }}{% endblock %}

{% block header %}
    {% include 'header.html.twig' %}
{% endblock %}

{% block body %}
    <link rel="stylesheet" href="{{ asset('css/register.css') }}" type="text/css">
    <div class="ibe-container ng-tns-c132-0">
        <section class="ibe-create-guest-account">
            <div class="ibe-row">
                <div class="ibe-col-md-6 ibe-create-guest-account-info">
                    <h1>Benutzerkonto anlegen</h1>
                    <p>Das Erstellen eines Benutzerkontos würde folgendes vereinfachen:</p>
                    <ul>
                        <li>
                            <div class="ibe-icon">
                            </div>
                            <span>Verwalten Sie Ihre Reservierungsinformationen</span>
                        </li>
                        <li>
                            <div class="ibe-icon">
                            </div>
                            <span>Reservierungsverlauf anzeigen</span>
                        </li>
                        <li>
                            <div class="ibe-icon">
                            </div>
                            <span>Bevorstehende Reservierungen ändern</span>
                        </li>
                    </ul>
                </div>
                <div class="ibe-guest-create-email-form">
                    <form action="{{ path('api.user.register') }}" method="post" novalidate class="ibe-guest-signup">
                        <div class="ibe-form-group">
                            <label for="ibeFirstNameInput">Vorname</label>
                            <input type="text" name="firstName" id="ibeFirstNameInput"
                                   class="ibe-form-control" placeholder="Vorname">
                        </div>
                        <div class="ibe-form-group">
                            <label for="ibeLastNameInput">Nachname</label>
                            <input type="text" name="lastName" id="ibeLastNameInput" class="ibe-form-control"
                                   placeholder="Nachname">
                        </div>
                        <div class="ibe-form-group">
                            <label for="ibeEmailInput">E-Mail</label>
                            <input type="text" name="email" id="ibeEmailInput" class="ibe-form-control"
                                   placeholder="E-Mail">
                        </div>
                        <div class="ibe-form-group">
                            <label for="ibePasswordInput">Passwort</label>
                            <input type="password" name="password[first]" id="ibePasswordInput"
                                   class="ibe-form-control" placeholder="Passwort">
                        </div>
                        <div class="ibe-form-group">
                            <label for="ibeConfirmPasswordInput">Passwort bestätigen</label>
                            <input type="password" name="password[second]" id="ibeConfirmPasswordInput"
                                   class="ibe-form-control" placeholder="Passwort bestätigen">
                        </div>
                        <div class="ibe-form-group">
                            <label for="privacyPolicyCheckbox">
                                <input type="checkbox" name="isAccepted" id="privacyPolicyCheckbox">
                                Ich akzeptiere die Datenschutzbestimmungen
                            </label>
                        </div>
                        <button type="submit" class="ibe-btn ibe-primary-btn create-guest">Anmelden</button>
                    </form>
                    <p class="ibe-guest-create-login-link"> Sie haben schon ein Benutzerkonto? <a> Melden Sie sich mit
                            Ihrem Benutzerkonto an </a></p>
                </div>
            </div>
    </section>
    </div>
{% endblock %}

{% block footer %}
    {% include 'footer.html.twig' %}
{% endblock %}