/*
 Must return javascript code

 PHP code will be parsed

 <?php
 echo time();
 $tour = array(

 'steps' => array(
 array(
 'title' => 'first title'
 ),
 array(
 'title' => 'second title'
 ),
 )

 );?>
 */
// Define the tour!
var tour = {
    nextOnTargetClick: true,
    //showPrevButton: true,


    steps: [

        {
            title: "<?php echo MH_TOUR_SETUP_TEMPLATES_TITLE_INFO1; ?>",
            content: "<?php echo MH_TOUR_SETUP_TEMPLATES_CONTENT_INFO1; ?>",
            target: document.querySelector('[class="mh_tour_started"]'),
            placement: "top",
            multipage: false, // indicates that the next step is on a different page.
            showNextButton: true,
            width: 400
        },
        {
            title: "<?php echo MH_TOUR_SETUP_TEMPLATES_TITLE_INFO2; ?>",
            content: "<?php echo MH_TOUR_SETUP_TEMPLATES_CONTENT_INFO2; ?>",
            target: document.querySelector('[class="mh_tour_started"]'),
            placement: "top",
            multipage: false, // indicates that the next step is on a different page.
            showNextButton: true,
            xOffset: 30,
            width: 500
        },
        {
            title: "<?php echo MH_TOUR_SETUP_TEMPLATES_TITLE_INFO3; ?>",
            content: "<?php echo MH_TOUR_SETUP_TEMPLATES_CONTENT_INFO3; ?>",
            target: document.querySelector('[class="mh_tour_started"]'),
            placement: "top",
            multipage: false, // indicates that the next step is on a different page.
            showNextButton: true,
            xOffset: 60,
            width: 500

        },
        {
            title: "<?php echo MH_TOUR_SETUP_TEMPLATES_TITLE_INFO4; ?>",
            content: "<?php echo MH_TOUR_SETUP_TEMPLATES_CONTENT_INFO4; ?>",
            target: document.querySelector('[class="mh_tour_started"]'),
            placement: "top",
            multipage: false, // indicates that the next step is on a different page.
            showNextButton: true,
            xOffset: 90,
            width: 400
        },

        {
            title: "<?php echo MH_TOUR_SETUP_TEMPLATES_TITLE_PRO; ?>",
            content: "<?php echo MH_TOUR_SETUP_TEMPLATES_CONTENT_PRO; ?>",
            target: document.querySelector('[class*="cloudbeez_select_button"]'),
            placement: "left",

            ctaLabel: '<?php echo MAILBEEZ_MAILHIVE_CLOUDLOADER_SELECT_PACKAGE_BUTTON; ?>',

            showCTAButton: true,
            yOffset: -20,
            onCTA: function () {
                document.querySelector('a[href*="plans?cla=buy"]').click();
                hopscotch.endTour(true);
            },
            width: 400
        }
    ]
};