<?php

if(!defined('ABSPATH'))
	exit;

global $wpgmza;
global $wpgmza_global_array;

$basicVersion = explode('.', $wpgmza->getBasicVersion());
?>

<div class="wpgmza-writeup-tabs am-writeup-tabs">
    <a href="admin.php?page=wp-google-maps-menu&amp;action=welcome_page" class="tab tab-active am-tab-link am-tab-link-active"><?php _e("Welcome","wp-google-maps"); ?></a>
    <a href="admin.php?page=wp-google-maps-menu&amp;action=credits" class="tab am-tab-link"><?php _e("Credits","wp-google-maps"); ?></a>
</div>

<div id="wpgmza-welcome-page" class="wrap wpgmza-wrap wpgmza-writeup-block wpgmza-shadow-high wpgmza-atlas-major am-page">

    <div class="am-page-hero">
        <div class="am-hero-text">
            <h2 class="am-page-title"><?php _e("Welcome to", "wp-google-maps"); ?> <?php printf(__("V%s","wp-google-maps"), array_shift($basicVersion)); ?></h2>
        </div>
        <div class="am-hero-banner">
            <img src="<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/new-banner.png'; ?>" alt="WP Go Maps"/>
        </div>
        <a class="wpgmza-button wpgmza-button-primary am-btn am-btn-accent" href="<?php echo admin_url('admin.php?page=wp-google-maps-menu&amp;action=installer&amp;autoskip=true'); ?>">
            <?php esc_html_e("Skip Introduction, Get Started","wp-google-maps"); ?>
            <i class="fa fa-chevron-right" aria-hidden="true"></i>
        </a>
    </div>

    <hr class="am-divider">

    <div class="am-section">
        <h2 class="am-section-title"><?php _e("Join Our Community", "wp-google-maps"); ?></h2>

        <div class="wpgmza-grid wpgmza-grid-auto-fit am-card-grid">
            <div class="wpgmza-col am-card">
                <h3 class="am-card-title"><?php _e("Facebook Group", "wp-google-maps"); ?></h3>
                <div class="am-card-body"><?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 am-btn" target="_BLANK"><?php _e("Join Facebook", "wp-google-maps"); ?></a>
            </div>

            <div class="wpgmza-col am-card">
                <h3 class="am-card-title"><?php _e("Reddit", "wp-google-maps"); ?></h3>
                <div class="am-card-body"><?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 am-btn" target="_BLANK"><?php _e("Join Subreddit", "wp-google-maps"); ?></a>
            </div>

            <div class="wpgmza-col am-card">
                <h3 class="am-card-title"><?php _e("Newsletters", "wp-google-maps"); ?></h3>
                <div class="am-card-body"><?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 am-btn" target="_BLANK"><?php _e("Join Newsletter", "wp-google-maps"); ?></a>
            </div>
        </div>
    </div>

    <hr class="am-divider">

    <div class="am-section">
        <h2 class="am-section-title"><?php _e("New Mapping Engines!","wp-google-maps"); ?></h2>
        <h3 class="am-section-subtitle"><?php _e("We've added Leaflet, Azure Maps, MapTiler, Stadia Maps, LocationIQ and OpenLayers V10","wp-google-maps"); ?></h3>
        <h3 class="am-section-subtitle"><?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!" class="am-feature-img"/>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row" data-image="right">
        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("ZERO Cost Mapping","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("Stop paying for map usage entirely.","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("While still delivering high-quality maps and visuals.","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' 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-major-v10#2-toc-title" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/v10-zero-cost.png'; ?>' />
        </div>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row">
        <div class="wpgmza-col wpgmza-text-align-left am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/v10-tileservers.png'; ?>' />
        </div>
        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("Advanced Tile Servers","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("Choose from over 50 tile servers from 9 providers.","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("Unlock a world of visual customization for your maps.","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' 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-major-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row" data-image="right">
        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("Address Providers","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("Accurate address suggestions and geocoding!","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("Google Maps, Azure Maps, Nominatim, and LocationIQ","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' href="https://www.wpgmaps.com/help/docs/address-providers/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-address-providers-docs-atlas-major-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/v10-address-providers.png'; ?>' />
        </div>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row">
        <div class="wpgmza-col wpgmza-text-align-left am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/modern-editor.png'; ?>' />
        </div>
        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("Create maps that you'll love!","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("With our map editor, the possibilities are endless!","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("More drawing tools than we can count!","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' 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-major-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row" data-image="right">
        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("Unlimited Markers","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("Create as many markers as you like!","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("No limits, ever!","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' 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-major-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/unlimited-markers.png'; ?>' />
        </div>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row">
        <div class="wpgmza-col wpgmza-text-align-left am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/store-locator.png'; ?>' />
        </div>
        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("Store Locator","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("Get users to your store, quickly and easily!","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("We will take care of finding the nearest locations","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' href="https://www.wpgmaps.com/help/docs/store-locator/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-store-locator-docs-atlas-major-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row" data-image="right">
        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("Themes","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("Select from various map themes!","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("Or make your own, in a few simple steps","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' href="https://wpgmaps.com/map-themes/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-map-themes-docs-atlas-major-v10" target="_BLANK"><?php _e("Find Themes", "wp-google-maps"); ?></a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/themes.png'; ?>' />
        </div>
    </div>

    <div class="separator am-separator"></div>

    <div class="wpgmza-grid wpgmza-grid-auto-fit am-feature-row">
        <div class="wpgmza-col wpgmza-text-align-left am-feature-image">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/polygons-and-polylines.png'; ?>' />
        </div>

        <div class="wpgmza-col am-feature-text">
            <h2 class="am-feature-title"><?php _e("Shapes","wp-google-maps"); ?></h2>
            <h3 class="am-feature-subtitle"><?php _e("Create shapes with ease and efficiency","wp-google-maps"); ?></h3>
            <h3 class="am-feature-subtitle"><?php _e("We have gone back to the drawing board","wp-google-maps"); ?></h3>
            <a class='wpgmza-button am-btn' 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-major-v10" target="_BLANK"><?php _e("Learn More", "wp-google-maps"); ?></a>
        </div>
    </div>

    <hr class="am-divider">

    <div class="am-section am-info-section">
        <h2 class="am-section-title"><?php _e("New to WP Go Maps?","wp-google-maps"); ?></h2>
        <h3 class="am-section-subtitle">
            <?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-major-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 class="am-section-subtitle"><?php _e("If you're a tech-savvy individual, you may skip this step.", "wp-google-maps"); ?></h3>
    </div>

    <div class="separator am-separator"></div>

    <div class="am-section am-info-section">
        <h2 class="am-section-title"><?php _e("Help me!","wp-google-maps"); ?></h2>
        <h3 class="am-section-subtitle">
            <?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-major-v10'>
                <?php _e("Support Desk","wp-google-maps"); ?>
            </a> <?php _e("for quick and friendly help.","wp-google-maps"); ?>
        </h3>

        <h3 class="am-section-subtitle"><?php _e("We'll answer your request within 24 hours!", "wp-google-maps"); ?></h3>
    </div>

    <div class="separator am-separator"></div>

    <div class="am-section am-info-section">
        <h2 class="am-section-title"><?php _e("Feedback","wp-google-maps"); ?></h2>
        <h3 class="am-section-subtitle"><?php _e("We need you to help us make this plugin better.","wp-google-maps"); ?></h3>
        <h3 class="am-section-subtitle">
            <a href='http://www.wpgmaps.com/contact-us/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=welcome-contactus-atlas-major-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>
    </div>

    <hr class="am-divider">

    <div class="am-cta-footer">
        <h2 class="am-section-title"><?php _e("Ready to get started?", "wp-google-maps"); ?></h2>
        <a class="wpgmza-button am-btn am-btn-accent" href="<?php echo admin_url('admin.php?page=wp-google-maps-menu&amp;action=installer&amp;autoskip=true'); ?>">
            <?php esc_html_e("Let's get started","wp-google-maps"); ?>
            <i class="fa fa-chevron-right" aria-hidden="true"></i>
        </a>
    </div>
</div>
