{% extends "base.html" %}

{% block title %}Contact Us - Lanka Travel Bee{% endblock %}

{% block inner_hero_background %}/static/images/contact-inner.avif{% endblock %}
{% block inner_hero_title %}Contact Us{% endblock %}
{% block inner_hero_subtitle %}Get in touch with us for any inquiries or support{% endblock %}

{% with messages = get_flashed_messages(with_categories=true) %}
  {% if messages %}
    <div class="flashed-messages">
      {% for category, message in messages %}
        <div class="alert alert-{{ category }}">{{ message }}</div>
      {% endfor %}
    </div>
  {% endif %}
{% endwith %}

{% block content %}
<div class="container my-5">
    <div class="row">
        <div class="col-lg-8">
            <h2>Send Us a Message</h2>
            <form method="POST" action="{{ url_for('main.contact') }}">
                {{ form.hidden_tag() }}
                <div class="mb-3">
                    {{ form.name.label(class="form-label") }}
                    {{ form.name(class="form-control") }}
                </div>
                <div class="mb-3">
                    {{ form.email.label(class="form-label") }}
                    {{ form.email(class="form-control") }}
                </div>
                <div class="mb-3">
                    {{ form.subject.label(class="form-label") }}
                    {{ form.subject(class="form-control") }}
                </div>
                <div class="mb-3">
                    {{ form.message.label(class="form-label") }}
                    {{ form.message(class="form-control", rows="5") }}
                </div>
                {{ form.submit(class="btn primary_btn") }}
            </form>
        </div>
        <div class="col-lg-4">
            <h2>Contact Information</h2>
            <p><strong>Address:</strong><br>
            No. 68/A, St. Mary’s Road, Pallansena North,<br>
            Kochchikade, Negombo (11540) <br> 
            Sri Lanka</p>
            
            <p><strong>Phone:</strong><br>
            <a href="tel:+94773866402">+94 77 408 7251</a></p>
            
            <p><strong>Email:</strong><br>
            <a href="mailto:info@lankatravelbee.com">info@lankatravelbee.com</a></p>
            
            <h3 class="mt-4">Follow Us</h3>
            <div class="social-icons">
                <a href="#" class="me-2"><i class="fab fa-facebook-f"></i></a>
                <a href="#" class="me-2"><i class="fab fa-twitter"></i></a>
                <a href="#" class="me-2"><i class="fab fa-instagram"></i></a>
            </div>
        </div>
    </div>
</div>
{% endblock %}