<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        {{ pwa() }}
        <title>{% block title %}Welcome!{% endblock %}</title>
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
        {% block stylesheets %}
            <link rel="stylesheet" href="{{ asset('styles/app.css') }}">
        {% endblock %}

        {% block javascripts %}
            {% block importmap %}{{ importmap('app') }}{% endblock %}
            <script src="https://bugs.caldwell.digital/js-sdk-loader/8dddf7fb26fbec602ad212173a942450.min.js" crossorigin="anonymous"></script>
        {% endblock %}
    </head>
    <body class="bg-cyan-950 flex flex-col h-full">
        <h1 class="px-4 py-4 text-3xl font-extrabold text-orange-500">Torsearch</h1>
        <div class="p-4 flex flex-col justify-center items-center">
            {% block body %}{% endblock %}
            <div class="mt-2 inline-flex gap-4 justify-between text-white">
                <a class="text-sm" href="{{ path('app_login') }}">Sign In</a>
                <span class="text-sm">{{ app_version() }}</span>
            </div>
        </div>
    </body>
</html>
