<!-- 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>
<footer class="footer">
    <div class="footer-links">
        <a href="/terms/">Terms and Conditions</a>
        <a href="/privacy/">Privacy Policy</a>
        <a href="/about/">About Us</a>
        <a href="/contact/">Contact Us</a>
    </div>
    <div class="footer-app-links">
        <a href="https://play.google.com/store/apps" target="_blank"><i class="fab fa-google-play"></i> Google Play</a>
        <a href="https://www.apple.com/app-store/" target="_blank"><i class="fab fa-app-store"></i> App Store</a>
    </div>
    <p>© 2025 BlickBox. All rights reserved.</p>
</footer>
{% 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 %}