{% extends get_theme_base_template() %}

{% block base_title %}Login{% endblock %}

{% block base_content %}
    {{ parent() }}
    {% set settings = get_settings() %}
    {% set loginMode = settings.loginIdentifierMode %}
    {% set identifierLabel = loginMode == 'email' ? 'E-Mail' : (loginMode == 'username' ? 'Benutzername' : 'Benutzername oder E-Mail') %}
    {% set identifierPlaceholder = loginMode == 'email' ? 'ihre@email.de' : (loginMode == 'username' ? 'Ihr Benutzername' : 'Benutzername oder E-Mail') %}
    {% set identifierType = loginMode == 'email' ? 'email' : 'text' %}
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-6">
                <h2 class="text-center mb-4">Login</h2>

                {% if error %}
                    <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                <form action="{{ path('app_storefront_login') }}" method="post" class="form-horizontal">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                    <div class="mb-3">
                        <label for="login_identifier" class="form-label">
                            {{ identifierLabel }}:
                        </label>
                        <input type="{{ identifierType }}"
                               id="login_identifier"
                               name="_username"
                               value="{{ last_username }}"
                               class="form-control" 
                               placeholder="{{ identifierPlaceholder }}"
                               required>
                    </div>

                    <div class="mb-3">
                        <label for="password" class="form-label">Passwort:</label>
                        <input type="password" id="password" name="_password" class="form-control" required>
                    </div>

                    {% if settings.allowRememberMeOnLogin %}
                        <div class="mb-3 form-check">
                            <input type="checkbox" id="remember_me" name="_remember_me" class="form-check-input">
                            <label for="remember_me" class="form-check-label">Angemeldet bleiben</label>
                        </div>
                    {% endif %}

                    {% if settings.allowPasswordReset %}
                        <div class="mb-3 text-end">
                            <a href="{{ path('app_forgot_password') }}">Passwort vergessen?</a>
                        </div>
                    {% endif %}

                    {% include '@TerraFlowCMS/partials/friendly_captcha_widget.html.twig' with { captcha_context: 'login' } %}

                    <button type="submit" class="btn btn-primary w-100">Login</button>
                </form>

                {% include '@TerraFlowCMS/partials/oauth_login_buttons.html.twig' %}
            </div>
        </div>
    </div>
{% endblock %}