haikal/templates/tours/start_tour.html
2025-08-31 14:49:32 +03:00

27 lines
1008 B
HTML

{% extends "base.html" %}
{% block title %}{{ tour.name }} - Interactive Guide{% endblock %}
{% block content %}
<div class="container my-4">
<h1>{{ tour.name }}</h1>
<p class="lead">{{ tour.description }}</p>
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">{% trans "Ready to Start" %}</h5>
<p>{% trans "This interactive guide will walk you through each step of the process." %}</p>
<button class="btn btn-primary"
onclick="window.tourManager.loadTour('{{ tour.slug }}')">{% trans "Start Guide Now" %}</button>
</div>
</div>
</div>
{% endblock %}
{% block extra_js %}
<script>
// Auto-start the tour after a short delay
document.addEventListener('DOMContentLoaded', () => {
setTimeout(() => {
window.tourManager.loadTour('{{ tour.slug }}');
}, 1000);
});
</script>
{% endblock %}