{% extends 'users/userbase.html' %}
{% load static %}
{% block contents %}

<div class="fade-in">

    <!-- Welcome -->
    <div class="text-center mb-5">
        <h2 class="hero-title" style="font-size: 3rem;">Welcome Back, Agent</h2>
        <p class="text-muted lead">The secure portal is active. Select a tool to begin analysis.</p>
        <div class="mt-4">
            <a href="{% url 'prediction' %}" class="btn-modern px-5 py-3 fs-5">
                <i class="fas fa-search me-2"></i> Launch Scanner
            </a>
        </div>
    </div>

    <!-- Widgets -->
    <div class="row g-4 justify-content-center">
        <div class="col-md-4 col-lg-3">
            <div class="glass-panel p-4 text-center h-100">
                <div class="mb-3">
                    <i class="fas fa-database text-primary fs-1"></i>
                </div>
                <h5 class="text-white fw-bold">Training Data</h5>
                <p class="text-muted small">Access the 284k+ transaction records used for model calibration.</p>
            </div>
        </div>

        <div class="col-md-4 col-lg-3">
            <div class="glass-panel p-4 text-center h-100">
                <div class="mb-3">
                    <i class="fas fa-network-wired text-secondary fs-1"></i>
                </div>
                <h5 class="text-white fw-bold">Neural Logic</h5>
                <p class="text-muted small">Visualize the decision paths of the active Deep Learning models.</p>
            </div>
        </div>

        <div class="col-md-4 col-lg-3">
            <div class="glass-panel p-4 text-center h-100">
                <div class="mb-3">
                    <i class="fas fa-file-alt text-success fs-1"></i>
                </div>
                <h5 class="text-white fw-bold">Reports</h5>
                <p class="text-muted small">Generate detailed PDFs of fraud analysis sessions.</p>
            </div>
        </div>
    </div>

</div>

{% endblock %}