{% extends 'layouts/public.twig' %}

{% block content %}
<div class="card shadow-sm" style="width: 100%; max-width: 400px;">
    <div class="card-body p-4">
        <div class="text-center mb-4">
            <i class="fa-solid fa-circle-nodes fa-3x text-primary mb-2"></i>
            <h3>Бизнес.Точка</h3>
            <p class="text-muted">Вход в систему</p>
        </div>

        {{ form_open(base_url('/login'), 'class="needs-validation"') }}
            {{ csrf_field()|raw }}

            {% if error %}
                <div class="alert alert-danger">{{ error }}</div>
            {% endif %}

            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input type="email" name="email" value="{{ old.email|default('') }}" class="form-control" id="email" required autofocus>
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Пароль</label>
                <input type="password" name="password" value="{{ old.password|default('') }}" class="form-control" id="password" required>
            </div>

            <div class="mb-3 form-check">
                <input type="checkbox" class="form-check-input" id="remember" name="remember">
                <label class="form-check-label" for="remember">Запомнить меня</label>
            </div>

            <button type="submit" class="btn btn-primary w-100">Войти</button>

        {{ form_close() }}
        
        <div class="mt-3 text-center">
            <small><a href="{{ base_url('/forgot-password') }}">Забыли пароль?</a></small>
        </div>
        <div class="mt-2 text-center">
            <small>Нет аккаунта? <a href="{{ base_url('/register') }}">Зарегистрироваться</a></small>
        </div>
    </div>
</div>

{% endblock %}