{% extends "base.html" %}
{% block title %}Report URL{% endblock %}
{% block content %}
<section class="report-section">
    <h2>Report a Suspicious URL to the Joker</h2>
    
    <div class="intel" style="margin: 20px 0;">
        <p style="text-align: center; color: #ccc; line-height: 1.8;">
            Found something suspicious on the web? Report it here.<br>
            <strong style="color: #ffdf00;">The Joker himself will personally investigate</strong> any URLs you submit.<br>
            He'll visit the link from his secure network to check it out.
        </p>
    </div>

    <form method="POST" action="{{ url_for('report') }}" style="max-width: 600px; margin: 0 auto;">
        <label for="url">Suspicious URL:</label>
        <input type="text" id="url" name="url" placeholder="https://example.com/suspicious-page" required>
        <button type="submit" class="btn-primary">Submit Report to Joker</button>
    </form>
</section>
{% endblock %}