{# resources/views/layout/auth_layout.twig #}
<!DOCTYPE html>
<html lang="{{ current_locale | slice(0, 2) | default('pt') }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {# O bloco page_title_block será definido pelas views de login, etc. #}
    <title>{% block page_title_block %}{{ __('auth.authentication') }}{% endblock %} - {{ config_app.get('site_name') }}</title>
    
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <style> 
        body { 
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
            background-color: #f1f5f9; /* slate-100 */
        } 
    </style>
    {% block stylesheets %}{% endblock %}
</head>
<body>
    <div class="container mx-auto">
        {# Container para posicionar as mensagens flash no topo da tela de auth #}
        <div class="max-w-md mx-auto pt-8 px-4">
             {% include 'partials/flash_messages.twig' %}
        </div>
        
        <main>
            {% block content %}{% endblock %}
        </main>
    </div>

    <footer class="text-center text-gray-500 text-xs py-6">
        <p>
            {{ __('footer.copyright', {
                'app_name': config_app.get('site_name'), 
                'year': "now"|date("Y") 
            }) | raw }}
        </p>
    </footer>

    <script src="{{ asset('js/main.js') }}"></script>
    {% block javascripts %}{% endblock %}
</body>
</html>