{% extends "base.html" %}

{% block title %}Special Tours - Lanka Travel Bee{% endblock %}

{% block description %}Discover our exclusive special tours in Sri Lanka. Experience unique destinations and adventures with Lanka Travel Bee.{% endblock %}

{% block inner_hero_title %}Special Tours{% endblock %}

{% block inner_hero_subtitle %}Experience extraordinary adventures with our specially curated tour packages{% endblock %}

{% block inner_hero_background %}{{ url_for('static', filename='images/special-tours-hero.jpg') }}{% endblock %}

{% block content %}
<section class="tours-section py-5">
    <div class="container">
        {% if not tours_by_category %}
            <div class="text-center py-5">
                <h2>Coming Soon</h2>
                <p>We are currently preparing some amazing special tours for you. Please check back later or contact us for custom tour arrangements.</p>
                <a href="{{ url_for('main.contact') }}" class="btn primary_btn rounded-pill mt-3">Contact Us</a>
            </div>
        {% else %}
            {% for category, tours in tours_by_category.items() %}
                <div class="row">
                    <div class="col-12">
                        <h2 class="section-title mb-4">{{ category.name }}</h2>
                    </div>
                </div>
                <div class="row g-4">
                    {% for tour in tours %}
                        <div class="col-md-6 col-lg-4">
                            <div class="card h-100 tour-card">
                                {% if tour.image %}
                                    <img src="{{ url_for('static', filename='uploads/' + tour.image) }}" class="card-img-top" alt="{{ tour.title }}">
                                {% else %}
                                    <img src="{{ url_for('static', filename='images/default-tour.jpg') }}" class="card-img-top" alt="{{ tour.title }}">
                                {% endif %}
                                <div class="card-body">
                                    <h5 class="card-title">{{ tour.title }}</h5>
                                    <p class="card-text">{{ tour.subtitle or tour.description[:100] + '...' }}</p>
                                    {% if tour.duration %}
                                        <p class="card-text"><small class="text-muted">Duration: {{ tour.duration }}</small></p>
                                    {% endif %}
                                </div>
                                <div class="card-footer bg-white border-0">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <a href="{{ url_for('main.tour_detail', slug=tour.slug) }}" class="btn btn-outline-primary rounded-pill">View Details</a>
                                        <a href="{{ url_for('main.request_quote', tour_id=tour.id) }}" class="btn primary_btn rounded-pill">Request Quote</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endfor %}
        {% endif %}
    </div>
</section>
{% endblock %}