<!-- templates/contact.html -->
{% extends 'base.html' %}
{% block title %}Contact Us - BlickBox{% endblock %}
{% block content %}
<div class="static-container">
    <h1>Contact Us</h1>
    <p>Have questions or feedback? Reach out to the BlickBox team!</p>
    <section>
        <h2>Get in Touch</h2>
        <form class="contact-form">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" id="name" placeholder="Your Name" required>
            </div>
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" placeholder="Your Email" required>
            </div>
            <div class="form-group">
                <label for="message">Message</label>
                <textarea id="message" placeholder="Your Message" required></textarea>
            </div>
            <button type="submit" class="btn btn-primary">Send Message</button>
        </form>
    </section>
    <p>Email: support@blickbox.com | Phone: (123) 456-7890</p>
</div>
{% endblock %}
{% block scripts %}
<script>
    document.querySelector('.contact-form').addEventListener('submit', (e) => {
        e.preventDefault();
        alert('Contact form submitted! (Placeholder functionality)');
        // Add API call to handle form submission later
    });
</script>
{% endblock %}