<?php

if(!defined('ABSPATH'))
	exit;

global $wpgmza;
global $wpgmza_global_array; 

$basicVersion = explode('.', $wpgmza->getBasicVersion());
?>

<div class="wpgmza-writeup-tabs">
    <a href="admin.php?page=wp-google-maps-menu&amp;action=welcome_page" class="tab tab-active"><?php _e("Welcome","wp-google-maps"); ?></a>
    <a href="admin.php?page=wp-google-maps-menu&amp;action=credits" class="tab"><?php _e("Credits","wp-google-maps"); ?></a>
</div>

<div id="wpgmza-welcome-page" class="wrap wpgmza-wrap wpgmza-writeup-block wpgmza-shadow-high">
    <div>
        <h2><?php _e("Welcome to", "wp-google-maps"); ?> <?php printf(__("V%s","wp-google-maps"), array_shift($basicVersion)); ?></h2>
    </div>

    <div>
        <img src="<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/new-banner.png'; ?>" alt="WP Go Maps"/>
    </div>

    <a class="wpgmza-button" href="<?php echo admin_url('admin.php?page=wp-google-maps-menu&amp;action=installer&amp;autoskip=true'); ?>">
        <?php echo __("Skip Introduction, Get Started","wp-google-maps"); ?>
        <i class="fa fa-chevron-right" aria-hidden="true"></i>
    </a>

    <hr>

    <h2><?php _e("Join Our Community", "wp-google-maps"); ?></h2>

    <div class="wpgmza-grid wpgmza-grid-auto-fit">
        <div class="wpgmza-col">
            <h3><?php _e("Facebook Group", "wp-google-maps"); ?></h3>

            <div><?php _e("Get to know other WP Go Maps users, receive updates on upcoming features, and share your maps with the community", "wp-google-maps"); ?></div>
            <a href="https://www.facebook.com/groups/wpgooglemaps" class="wpgmza-button" target="_BLANK"><?php _e("Join Facebook", "wp-google-maps"); ?></a>
        </div>

        <div class="wpgmza-col">
            <h3><?php _e("Reddit", "wp-google-maps"); ?></h3>

            <div><?php _e("Share your maps, speak to the development team, receive updates on upcoming features, and view release specific changelogs", "wp-google-maps"); ?></div>
            <a href="https://www.reddit.com/r/wpgooglemaps/" class="wpgmza-button" target="_BLANK"><?php _e("Join Subreddit", "wp-google-maps"); ?></a>
        </div>

        <div class="wpgmza-col">
            <h3><?php _e("Newsletters", "wp-google-maps"); ?></h3>

            <div><?php printf(__("Clicking this button will send your email address (%s) to our server and automatically sign you up to the newsletter","wp-google-maps"), get_option('admin_email')); ?></div>
            <a href="admin.php?page=wp-google-maps-menu&amp;action=newsletter_opt_in" class="wpgmza-button" target="_BLANK"><?php _e("Join Newsletter", "wp-google-maps"); ?></a>
        </div>
    </div>

    <hr>


    <h2><?php _e("New Mapping Engines!","wp-google-maps"); ?></h2>
    <h3><?php _e("We've added Leaflet, Azure Maps, MapTiler, Stadia Maps, LocationIQ and OpenLayers V10","wp-google-maps"); ?></h3>
    <h3><?php _e("Giving you more freedom, while ensuring you have access to all the features you've come to love!","wp-google-maps"); ?></h3>

    <img src="<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/v10-map-engine-grid.png'; ?>" alt="Map Engines!"/>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit" data-image="right">
        <div class="wpgmza-col">
            <h2><?php _e("ZERO Cost Mapping","wp-google-maps"); ?></h2>
            <h3><?php _e("Stop paying for map usage entirely.","wp-google-maps"); ?></h3>
            <h3><?php _e("While still delivering high-quality maps and visuals.","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://www.wpgmaps.com/help/docs/map-engine-selection-guide/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-map-engine-guide-zerocost-docs-atlas-novus-v10#2-toc-title" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/v10-zero-cost.png'; ?>' />
        </div>
    </div>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit">
        <div class="wpgmza-col wpgmza-text-align-left">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/v10-tileservers.png'; ?>' />
        </div>
        <div class="wpgmza-col">
            <h2><?php _e("Advanced Tile Servers","wp-google-maps"); ?></h2>
            <h3><?php _e("Choose from over 50 tile servers from 9 providers.","wp-google-maps"); ?></h3>
            <h3><?php _e("Unlock a world of visual customization for your maps.","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://www.wpgmaps.com/help/docs/map-engine-selection-guide/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-map-engine-guide-docs-atlas-novus-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
    </div>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit" data-image="right">
        <div class="wpgmza-col">
            <h2><?php _e("Address Providers","wp-google-maps"); ?></h2>
            <h3><?php _e("Accurate address suggestions and geocoding!","wp-google-maps"); ?></h3>
            <h3><?php _e("Google Maps, Azure Maps, Nominatim, and LocationIQ","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://www.wpgmaps.com/help/docs/address-providers/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-address-providers-docs-atlas-novus-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/v10-address-providers.png'; ?>' />
        </div>
    </div>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit">
        <div class="wpgmza-col wpgmza-text-align-left">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/modern-editor.png'; ?>' />
        </div>
        <div class="wpgmza-col">
            <h2><?php _e("Create maps that you'll love!","wp-google-maps"); ?></h2>
            <h3><?php _e("With our map editor, the possibilities are endless!","wp-google-maps"); ?></h3>
            <h3><?php _e("More drawing tools than we can count!","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://www.wpgmaps.com/help/docs-category/drawing-tools/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-drawing-tools-docs-atlas-novus-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
    </div>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit" data-image="right">
        <div class="wpgmza-col">
            <h2><?php _e("Unlimited Markers","wp-google-maps"); ?></h2>
            <h3><?php _e("Create as many markers as you like!","wp-google-maps"); ?></h3>
            <h3><?php _e("No limits, ever!","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://www.wpgmaps.com/help/docs/creating-your-first-marker/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-first-marker-docs-atlas-novus-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/unlimited-markers.png'; ?>' />
        </div>
    </div>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit">
        <div class="wpgmza-col wpgmza-text-align-left">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/store-locator.png'; ?>' />
        </div>
        <div class="wpgmza-col">
            <h2><?php _e("Store Locator","wp-google-maps"); ?></h2>
            <h3><?php _e("Get users to your store, quickly and easily!","wp-google-maps"); ?></h3>
            <h3><?php _e("We will take care of finding the nearest locations","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://www.wpgmaps.com/help/docs/store-locator/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-store-locator-docs-atlas-novus-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
    </div>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit" data-image="right">
        <div class="wpgmza-col">
            <h2><?php _e("Themes","wp-google-maps"); ?></h2>
            <h3><?php _e("Select from various map themes!","wp-google-maps"); ?></h3>
            <h3><?php _e("Or make your own, in a few simple steps","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://wpgmaps.com/map-themes/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-map-themes-docs-atlas-novus-v10" target="_BLANK"><?php _e("Find Themes", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/themes.png'; ?>' />
        </div>
    </div>

    <div class="separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit">
        <div class="wpgmza-col wpgmza-text-align-left">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/polygons-and-polylines.png'; ?>' />
        </div>

        <div class="wpgmza-col">
            <h2><?php _e("Shapes","wp-google-maps"); ?></h2>
            <h3><?php _e("Create shapes with ease and efficiency","wp-google-maps"); ?></h3>
            <h3><?php _e("We have gone back to the drawing board","wp-google-maps"); ?></h3>
            <a class='wpgmza-button' href="https://www.wpgmaps.com/help/docs/adding-a-polygon/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-first-polygon-docs-atlas-novus-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>

        </div>
    </div>

    <hr>

    <h2><?php _e("New to WP Go Maps?","wp-google-maps"); ?></h2>
    <h3>
        <?php _e("You may want to","wp-google-maps"); ?> 
        <a href='https://www.wpgmaps.com/help/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-docs-atlas-novus-v10' target='_blank' title='Documentation'>
            <?php _e("review our documentation","wp-google-maps"); ?>
        </a> <?php _e("before you get started.","wp-google-maps"); ?>
    </h3>

    <h3><?php _e("If you're a tech-savvy individual, you may skip this step.", "wp-google-maps"); ?></h3>

    <div class="separator"></div>

    <h2><?php _e("Help me!","wp-google-maps"); ?></h2>
    <h3>
        <?php _e("Visit our","wp-google-maps"); ?> 
        <a title='Support Desk' target='_blank' href='http://www.wpgmaps.com/support/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-support-atlas-novus-v10'>
            <?php _e("Support Desk","wp-google-maps"); ?>
        </a> <?php _e("for quick and friendly help.","wp-google-maps"); ?>
    </h3>

    <h3><?php _e("We'll answer your request within 24 hours!", "wp-google-maps"); ?></h3>

    <div class="separator"></div>


    <h2><?php _e("Feedback","wp-google-maps"); ?></h2>
    <h3><?php _e("We need you to help us make this plugin better.","wp-google-maps"); ?></h3>
    <h3> 
        <a href='http://www.wpgmaps.com/contact-us/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-contactus-atlas-novus-v10' title='Feedback' target='_BLANK'>
            <?php _e("Send us your feedback","wp-google-maps"); ?>
        </a> <?php _e("and we'll act on it as soon as humanly possible.","wp-google-maps"); ?>
    </h3>

    <hr>
    
    <h2><?php _e("Ready to get started?", "wp-google-maps"); ?></h2>                
    <a class="wpgmza-button" href="<?php echo admin_url('admin.php?page=wp-google-maps-menu&amp;action=installer&amp;autoskip=true'); ?>">
        <?php echo __("Let's get started","wp-google-maps"); ?>
        <i class="fa fa-chevron-right" aria-hidden="true"></i>
    </a>
</div>
