{% extends "base.html" %}
{% block inner_hero_background %}{{ url_for('static', filename='uploads/' + tour.image) }}{% endblock %}
{% block inner_hero_title %}{{ tour.title }}{% endblock %}
{% block inner_hero_subtitle %}{{ tour.subtitle }}{% endblock %}
{% block content %}
<div class="container mt-5">
    <div class="row">
        <div class="col-lg-8">
            <div class="card mb-4">
                <div class="card-body">
                    <h2 class="card-title" id="tour-overview">Tour Overview</h2>
                    {{ tour.description|safe }}
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-body">
                    <h2 class="card-title" id="tour-itinerary">Tour Itinerary</h2>
                    {% if tour.tour_days %}
                        {% for day in tour.tour_days %}
                            <h3>Day {{ day.day_number }}: {{ day.title }}</h3>
                            {{ day.description|safe }}
                        {% endfor %}
                    {% else %}
                        {{ tour.itinerary|safe }}
                    {% endif %}
                </div>
            </div>

            {% if tour.inclusions %}
                <div class="card mb-4">
                    <div class="card-body">
                        <h3>Inclusions</h3>
                        {{ tour.inclusions|safe }}
                    </div>
                </div>
            {% endif %}

            {% if tour.exclusions %}
                <div class="card mb-4">
                    <div class="card-body">
                        <h3>Exclusions</h3>
                        {{ tour.exclusions|safe }}
                    </div>
                </div>
            {% endif %}

            {% if tour.additional_info %}
                <div class="card mb-4">
                    <div class="card-body">
                        <h3>Additional Information</h3>
                        {{ tour.additional_info|safe }}
                    </div>
                </div>
            {% endif %}
        </div>
        <div class="col-lg-4">
            <div class="card mb-4">
                <div class="card-body">
                    <h3 class="card-title" id="tour-details">Tour Details</h3>
                    <p><strong>Category:</strong> {{ tour.subcategory.parent_category.name }} - {{ tour.subcategory.name }}</p>
                    <p><strong>Views:</strong> {{ tour.views }}</p>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <h3 class="card-title" id="book-this-tour">Book This Tour</h3>
                    <p>Ready to experience this amazing tour?</p>
                    <a href="{{ url_for('main.request_quote', tour_id=tour.id) }}" class="btn primary_btn btn-block">Request a Quote</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}