{% extends "base.html" %}

{% block title %}Special Tours - LKgetaways{% endblock %}

{% block inner_hero_background %}/static/images/special-tours-inner.avif{% endblock %}
{% block inner_hero_title %}Special Tours{% endblock %}
{% block inner_hero_subtitle %} {% endblock %}

{% block content %}
<div class="container mt-5">
   
    <div class="row">
        {% for tour in tours %}
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="{{ tour.image_url }}" class="card-img-top" alt="{{ tour.name }}">
                <div class="card-body">
                    <h5 class="card-title">{{ tour.name }}</h5>
                    <p class="card-text">{{ tour.description[:100] }}...</p>
                    <p class="card-text"><strong>Duration:</strong> {{ tour.duration }}</p>
                    <p class="card-text"><strong>Price:</strong> ${{ tour.price }}</p>
                    <a href="{{ url_for('main.tour_detail', id=tour.id) }}" class="btn btn-primary">View Details</a>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}