{% extends "base.html" %}
{% load static %}

{% block content %}
<div class="hero-section">
    <div class="container text-center">
        <h1 class="hero-title">Your Shield Against Digital Scams</h1>
        <p class="hero-subtitle">Analyze suspicious messages, emails, and websites to protect yourself from digital threats.</p>
        <a href="#report-form" class="btn btn-accent btn-lg">Check for Scams</a>
    </div>
</div>

<div class="container content-section">
    <div class="row justify-content-center">
        <!-- Analysis Form Column -->
        <div class="col-lg-8">
            <div id="analysis-form" class="form-container">
                <h2>Analyze a Potential Scam</h2>
                <p>Enter any text, URL, or message below. Our AI will analyze it for signs of a scam and give you a risk assessment.</p>
                <form method="post" action="/analyze/" novalidate>
                    {% csrf_token %}
                    <div class="mb-3">
                        {{ form.description.label_tag }}
                        {{ form.description }}
                    </div>
                    <div class="mb-4">
                        {{ form.source.label_tag }}
                        {{ form.source }}
                    </div>
                    <button type="submit" class="btn btn-primary w-100">Analyze Now</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}
