<div class="wpgmza-tour" data-type="mapEditor">
    <div class="wpgmza-tour-prompt">
        <div class="wpgmza-tour-prompt-emoji">👋</div>
        <div class="wpgmza-tour-prompt-content">
            <div class="wpgmza-tour-prompt-title">
                <span><?php _e("Need a little help getting started?", "wp-google-maps"); ?></span>
            </div>
            <div class="wpgmza-tour-prompt-actions">
                <a href="#" class="wpgmza-button" data-action="start"><?php _e("Start tour", "wp-google-maps"); ?></a>
                <a href="#" class="wpgmza-button" data-action="dismiss"><?php _e("Dismiss", "wp-google-maps"); ?></a>
            </div>
        </div>
    </div>

    <div class="wpgmza-tour-step" data-anchor=".quick-actions .icon[for='qa-add-datasets']">
        <div class="wpgmza-tour-step-title"><?php _e("Quick action tools", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Add markers and shapes using the quick add toolbar", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor=".quick-actions .icon[data-type='marker']" data-step-delay="500">
        <div class="wpgmza-tour-step-title"><?php _e("Create a marker", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Let's place a marker on our map!", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor="#wpgmza_add_address_map_editor" data-step-delay="500">
        <div class="wpgmza-tour-step-title"><?php _e("Enter an address", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Type the location for your marker", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor=".dynamic-action" data-step-delay="200">
        <div class="wpgmza-tour-step-title"><?php _e("Save marker", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("You can come back and edit your marker later", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor=".item.caret-left[data-group='map-markers']" data-step-delay="3000">
        <div class="wpgmza-tour-step-title"><?php _e("Marker list", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Head over to the marker list", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor="#wpgmza-table-container-Marker" data-step-delay="700" data-auto-step="2000">
        <div class="wpgmza-tour-step-title"><?php _e("Your markers", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Here's a list of the markers on your map", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor=".grouping[data-group='map-markers'] .item.caret-left[data-group='global']">
        <div class="wpgmza-tour-step-title"><?php _e("Map Settings", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Let's take a brief look at you map settings", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor=".grouping[data-group='global'] .item.caret-right[data-group='map-settings']" data-step-delay="500">
        <div class="wpgmza-tour-step-title"><?php _e("Open settings", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Your map settings can be found here", "wp-google-maps"); ?></div>
    </div>

    <div class="wpgmza-tour-step" data-anchor=".grouping[data-group='map-settings'] .navigation" data-step-delay="500">
        <div class="wpgmza-tour-step-title"><?php _e("Map features", "wp-google-maps"); ?></div>
        <div class="wpgmza-tour-step-description"><?php _e("Adjust your settings and save your map!", "wp-google-maps"); ?></div>
    </div>
    
</div>