{% extends "base.html" %}

{% block content %}
<div class="bg-slate-900 px-6 py-4 shadow-sm border-b border-slate-800 flex items-center gap-4">
    <a href="{{ url_for('dashboard') }}" class="p-1 -ml-1 text-slate-400 hover:text-white"><i data-lucide="chevron-left"></i></a>
    <h1 class="font-bold text-slate-200 text-lg">Tour Settings</h1>
</div>

<div class="p-6 space-y-6 flex-1 overflow-y-auto">
    {% if tour %}
    <div class="bg-slate-900 p-6 rounded-2xl shadow-sm border border-slate-800">
        <h2 class="text-sm font-bold text-slate-500 uppercase tracking-wider mb-4">Current Tour</h2>
        <div class="space-y-2">
            <div class="flex justify-between">
                <span class="text-slate-400">Name</span>
                <span class="font-medium text-white">{{ tour.name }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-slate-400">Budget</span>
                <span class="font-medium text-white">{{ tour.currency }}{{ tour.budget }}</span>
            </div>
        </div>
    </div>
    {% endif %}

    <div class="space-y-3">
        {% if tour %}
        <a href="{{ url_for('export_excel', tour_id=tour.id) }}" class="flex w-full items-center justify-between bg-slate-800 text-slate-200 border border-slate-700 hover:bg-slate-700 px-6 py-3 rounded-xl font-semibold transition-all">
            <span class="flex items-center gap-2"><i data-lucide="file-json"></i> Export Data to Excel</span>
        </a>
        {% endif %}
        
        <a href="{{ url_for('archives') }}" class="flex w-full items-center justify-between bg-slate-800 text-slate-200 border border-slate-700 hover:bg-slate-700 px-6 py-3 rounded-xl font-semibold transition-all">
            <span class="flex items-center gap-2"><i data-lucide="archive"></i> Previous Tours</span>
        </a>
    </div>

    {% if tour %}
    <div class="pt-8 border-t border-slate-800">
        <h2 class="text-sm font-bold text-slate-500 uppercase tracking-wider mb-4">Danger Zone</h2>
        <a href="{{ url_for('end_tour') }}" onclick="return confirm('End current tour?')" class="flex w-full justify-center items-center gap-2 bg-red-900/20 text-red-400 border border-red-900/50 hover:bg-red-900/30 px-6 py-3 rounded-xl font-semibold transition-all">
            <i data-lucide="trash-2"></i> End Tour & Start New
        </a>
    </div>
    {% endif %}
</div>
{% endblock %}