{% extends "_base.jinja2" %}

{% block title %}Contact - NSimpleWebApp{% endblock %}

{% block head %}
<style>
    form { max-width: 500px; }
    label { display: block; margin-top: 10px; font-weight: bold; }
    input, textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; }
    button { margin-top: 15px; padding: 10px 20px; background: #0066cc; color: white; border: none; cursor: pointer; }
    .success { color: green; padding: 10px; background: #e8f5e9; margin-top: 10px; }
    .error { color: red; padding: 10px; background: #ffebee; margin-top: 10px; }
</style>
{% endblock %}

{% block content %}
<h1>Contact Us</h1>

{% if request.query.message is defined %}
<div class="success">Message sent successfully!</div>
{% endif %}

<form action="/contact/submit" method="POST">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>

    <label for="message">Message:</label>
    <textarea id="message" name="message" rows="5" required></textarea>

    <button type="submit">Send Message</button>
</form>
{% endblock %}