{% extends 'partials/_master.twig' %}

{% block main %}

    <section class="bg-orange" data-bg="bg-orange">
        <div class="container">     
            {{ include('partials/_back.twig') }}  
            <h1 class="text-center">Logowanie</h1>
            <div class="text-center mb-5">{{ record.content|raw }}</div>
        
            <div class="inner-small">
            {# Wyświetlenie błędów logowania, jeśli istnieją #}
                {% if error %}
                    <div class="bg-dark-green p-5 text-center">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}
                
                <form method="post" action="/{{categoryName}}/logowanie">
                    <div class="form-group mb-3">
                        <label for="form-email" class="d-none">e-mail*</label>
                        <input placeholder="e-mail*" class="form-control" type="text" name="email" id="form-email" required autocomplete="off"/>
                    </div>
                    <div class="form-group mb-3">
                        <label for="form-password" class="d-none">password*</label>
                        <input placeholder="hasło*" class="form-control" type="password" name="password" id="form-password" required autocomplete="off"/>
                    </div>
                    <div class="d-flex justify-content-center">
                        <button type="submit" class="btn"><span>Zaloguj</span></button>
                    </div>
                </form>
                <div class="mt-5">Nie pamiętasz hasła? <a href="/{{categoryName}}/przypomnienie-hasla">Przypomnij</a></div>
            </div>
        </div>
    </section>

{% endblock main %}