{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block content %}
<section class="home">
    <div class="takeover-warning">
        <h3>SYSTEM ALERT</h3>
        <p>GothamNet has been compromised by the Joker.</p>
        <p>Batman is requesting assistance from skilled operatives.</p>
        <p>Your mission: Infiltrate the network and recover intelligence from Joker's lieutenants.</p>
    </div>

    <h2>Welcome to GothamNet</h2>
    <p>The network that once protected Gotham now serves chaos.</p>
    <p>Three villains hold the keys to restoring order.</p>

    {% if 'user_id' not in session %}
        <p>Access credentials required. Batman is counting on you.</p>
        <a href="{{ url_for('login') }}" class="btn-primary home-btn">Enter Compromised Network</a>
    {% else %}
        <p>Operative authenticated. Begin your mission.</p>
        <a href="{{ url_for('dashboard') }}" class="btn-primary home-btn">Go to Dashboard</a>
    {% endif %}
</section>
{% endblock %}