<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex">
    <title>Staging | Tensor Trust</title>
    {% load static %}
    <link rel="icon" type="image/png" href="{% static 'images/favicon.png' %}" sizes="128x128">
    {% load static tailwind_tags %}
    {% tailwind_css %}
    {% block head %}
    {% endblock %}
</head>

<body class="bg-beige">
    <nav class="bg-cream p-6">
        <div class="flex flex-col md:flex-row justify-between items-center max-w-5xl mx-auto">
            <div class="flex flex-col md:flex-row items-center">
                <div class="flex text-center justify-center w-full mb-4 md:mr-7 md:mb-0 md:w-auto">
                    <a href="{% url 'overview' %}">
                        <img src="{% static 'images/logo-1544x250.png' %}"
                            alt="Logo showing a robot with a safe and the words 'Tensor Trust' next to it"
                            class="md:max-h-12">
                    </a>
                </div>
            </div>
        </div>
    </nav>

    <div class="container max-w-4xl mx-auto px-4 text-center">
        <div class="lockdown-form-container">
            <h1 class="md:text-xl pt-4 mb-4 font-semibold">Bank Manager Hangout 😎</h1>
            <p class="my-2">What's the magic word?</p>
            <form method="post" action="">
                {% csrf_token %}
                <div><input type="password" name="{{ form.password.name }}" required></div>
                <div><button type="submit" class="btn mt-3">Enter</button></div>
            </form>
        </div>
    </div>
</body>

</html>