/*
Template Name: Adminto - Responsive Bootstrap 5 Admin Dashboard
Author: CoderThemes
Website: https://coderthemes.com/
Contact: support@coderthemes.com
File: Tour init js
*/

$(document).ready(function () {

    // Define the tour!
    var tour = {
        id: "my-intro",
        steps: [
            {
                target: "logo-tour",
                title: "Logo Here",
                content: "You can find here status of user who's currently online.",
                placement: 'bottom',
                yOffset: 10,
                xOffset:-105,
                arrowOffset:"center"
            },
            {
                target: 'heading-title-tour',
                title: "Display Text",
                content: "Click on the button and make sidebar navigation small.",
                placement: 'top',
                zindex: 9999
            },
            {
                target: 'blockquote-title-tour',
                title: "User settings",
                content: "You can edit you profile info here.",
                placement: 'bottom',
                zindex: 999
            },
            {
                target: 'thankyou-tour',
                title: "Thank you !",
                content: "Here you can change theme skins and other features.",
                placement: 'top',
                zindex: 999,
                yOffset: -10,
                xOffset:-105,
                arrowOffset:"center"
            }
        ],
        showPrevButton: true
    };

    // Start the tour!
    hopscotch.startTour(tour);
});
