{% extends "base.html" %}

{% block content %}
<h2>Submit a Quote</h2>

{% if success %}
<div class="message success">
    <strong>Success!</strong> Your quote has been submitted and is pending moderation. Thanks for contributing!
</div>
{% endif %}

{% if error %}
<div class="message error">
    <strong>Error:</strong> {{ error }}
</div>
{% endif %}

<form method="POST" action="{{ url_for('submit') }}">
    <div>
        <label for="quote">Quote (required):</label>
        <textarea name="quote" id="quote" required placeholder="Paste your quote here. You can use &lt;br /&gt; tags for line breaks."></textarea>
    </div>
    
    <div>
        <label for="comment">Comment (optional):</label>
        <input type="text" name="comment" id="comment" placeholder="Add a comment about this quote">
    </div>
    
    <div>
        <button type="submit">Submit Quote</button>
    </div>
</form>

<div style="margin-top: 30px; padding: 15px; background: #f0f0f0; border-left: 4px solid #333;">
    <h3 style="margin-bottom: 10px;">Submission Guidelines:</h3>
    <ul style="margin-left: 20px; line-height: 1.8;">
        <li>Quotes are submitted anonymously</li>
        <li>All submissions go through moderation before appearing on the site</li>
        <li>Use <code>&lt;br /&gt;</code> tags to separate lines in multi-line quotes</li>
        <li>Keep it funny, interesting, or memorable!</li>
        <li>No personal information, hate speech, or illegal content</li>
    </ul>
</div>
{% endblock %}