{% extends "admin_base.html" %}
{% block content %}
<div class="container-fluid mt-3">
    <h3 class="mb-3">Edit Special Excursion: {{ excursion.title }}</h3>
    <form method="POST" action="{{ url_for('admin_blueprint.edit_special_excursion', id=excursion.id) }}" enctype="multipart/form-data" id="excursion-form">
        {{ form.hidden_tag() }}
        
        <!-- Basic Information -->
        <div class="card mb-3">
            <div class="card-header py-2">
                <h6 class="mb-0">Basic Information</h6>
            </div>
            <div class="card-body py-3">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="mb-2">
                            {{ form.title.label(class="form-label fw-bold") }}
                            {{ form.title(class="form-control form-control-sm") }}
                            {% for error in form.title.errors %}
                                <div class="text-danger small">{{ error }}</div>
                            {% endfor %}
                        </div>
                        <div class="mb-2">
                            {{ form.subtitle.label(class="form-label") }}
                            {{ form.subtitle(class="form-control form-control-sm") }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mb-2">
                            {{ form.price.label(class="form-label") }}
                            {{ form.price(class="form-control form-control-sm") }}
                        </div>
                        <div class="mb-2">
                            {{ form.duration.label(class="form-label") }}
                            {{ form.duration(class="form-control form-control-sm") }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mb-2">
                            {{ form.max_participants.label(class="form-label") }}
                            {{ form.max_participants(class="form-control form-control-sm") }}
                        </div>
                        <div class="mb-2">
                            {{ form.location.label(class="form-label") }}
                            {{ form.location(class="form-control form-control-sm") }}
                        </div>
                    </div>
                </div>
                <div class="row g-3 mt-1">
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.meeting_point.label(class="form-label") }}
                            {{ form.meeting_point(class="form-control form-control-sm") }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.image.label(class="form-label") }}
                            {{ form.image(class="form-control form-control-sm") }}
                            {% if excursion.image %}
                                <div class="mt-1">
                                    <small class="text-muted d-block">Current: {{ excursion.image }}</small>
                                    <img src="{{ url_for('static', filename='uploads/' + excursion.image) }}" alt="Current Image" class="img-thumbnail" style="max-width: 120px; max-height: 80px;">
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Content -->
        <div class="card mb-3">
            <div class="card-header py-2">
                <h6 class="mb-0">Content</h6>
            </div>
            <div class="card-body py-3">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.description.label(class="form-label") }}
                            {{ form.description(class="form-control form-control-sm", rows="6") }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.itinerary.label(class="form-label") }}
                            {{ form.itinerary(class="form-control form-control-sm", rows="6") }}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Inclusions & Exclusions -->
        <div class="card mb-3">
            <div class="card-header py-2">
                <h6 class="mb-0">Inclusions & Exclusions</h6>
            </div>
            <div class="card-body py-3">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.inclusions.label(class="form-label") }}
                            {{ form.inclusions(class="form-control form-control-sm", rows="4") }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.exclusions.label(class="form-label") }}
                            {{ form.exclusions(class="form-control form-control-sm", rows="4") }}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Additional Information & Call to Action -->
        <div class="card mb-3">
            <div class="card-header py-2">
                <h6 class="mb-0">Additional Information & Call to Action</h6>
            </div>
            <div class="card-body py-3">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.additional_info_title.label(class="form-label") }}
                            {{ form.additional_info_title(class="form-control form-control-sm") }}
                        </div>
                        <div class="mb-2">
                            {{ form.additional_info.label(class="form-label") }}
                            {{ form.additional_info(class="form-control form-control-sm", rows="4") }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-2">
                            {{ form.cta_title.label(class="form-label") }}
                            {{ form.cta_title(class="form-control form-control-sm") }}
                        </div>
                        <div class="mb-2">
                            {{ form.cta_description.label(class="form-label") }}
                            {{ form.cta_description(class="form-control form-control-sm", rows="4") }}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Settings & Actions -->
        <div class="card mb-3">
            <div class="card-header py-2">
                <h6 class="mb-0">Settings</h6>
            </div>
            <div class="card-body py-3">
                <div class="row g-3 align-items-end">
                    <div class="col-md-3">
                        <div class="mb-2">
                            {{ form.tour_id.label(class="form-label") }}
                            {{ form.tour_id(class="form-select form-select-sm") }}
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-check">
                            {{ form.is_active(class="form-check-input") }}
                            {{ form.is_active.label(class="form-check-label") }}
                        </div>
                    </div>
                    <div class="col-md-6 text-end">
                        <button type="submit" class="btn btn-primary btn-sm me-2">Update Excursion</button>
                        <a href="{{ url_for('admin_blueprint.manage_special_excursions') }}" class="btn btn-secondary btn-sm">Cancel</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
{% endblock %}

{% block extra_js %}
<!-- No additional JavaScript needed -->
{% endblock %}