{#
    Flows.sh Tour Initialization

    Initializes the Flows.sh SDK and configures the demo tour.
    Include this partial in demo admin pages.

    Required context:
    - sessionId: Demo session ID
    - tourProgress: Current tour progress (optional)
    - concept: Selected store concept

    @see docs/specs/021-demo-dashboard/solution-design.md (lines 673-678)
#}

{% if showTour is not defined or showTour %}
<!-- Flows.sh SDK -->
<script src="https://cdn.flows.sh/flows.js" defer></script>

<!-- Demo Tour Configuration -->
<script src="/js/demo/tour-config.js" defer></script>
<script src="/js/demo/analytics.js" defer></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Initialize demo tour
    if (typeof initDemoTour === 'function') {
        initDemoTour({
            sessionId: {{ sessionId }},
            concept: '{{ concept }}',
            progress: {{ tourProgress|json_encode|raw }},
            autoStart: {{ tourProgress is null ? 'true' : 'false' }}
        });
    }

    // Initialize analytics tracking
    if (typeof initDemoAnalytics === 'function') {
        initDemoAnalytics({
            sessionId: {{ sessionId }},
            concept: '{{ concept }}'
        });
    }
});
</script>
{% endif %}