<?php

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

global $wpgmza;

?>

<div id="wpgmza-pro-features-page" class="wrap wpgmza-wrap wpgmza-writeup-block wpgmza-pro-features-page wpgmza-shadow-high">
    <div class="wpgmza-banner-image-wrapper">
        <img src="<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/new-banner.png'; ?>" alt="WP Go Maps"/>
    </div>

    <br/>
    <br/>

    <div>
        <h2><?php _e("Unlock the full power of WP Go Maps!", "wp-google-maps"); ?></h2>
        <h3 class='wpgmza-pro-features-inline-highlights'><?php _e("Join over <span>62,773</span> professionals and upgrade to our Pro version.", "wp-google-maps"); ?></h3>
    </div>
    

    <a class="wpgmza-button wpgmza-button-call-to-action" target="_BLANK" href="https://www.wpgmaps.com/purchase-professional-version/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=pro-purchase-page-atlas-novus-v10">
        <?php esc_html_e("Upgrade to Premium Now","wp-google-maps"); ?>
        <i class="fa fa-chevron-right" aria-hidden="true"></i>
    </a>

    <hr>

    <h2><?php _e("The most comprehensive maps plugin, ever!","wp-google-maps"); ?></h2>
    <h3><?php _e("Take a look at some of the amazing features included with our Pro add-on!","wp-google-maps"); ?></h3>

    <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/unlimited.webp'; ?>' />
        </div>
        <div class="wpgmza-col">
            <h2><?php _e("Unlimited Maps","wp-google-maps"); ?></h2>
            <h3><?php _e("Create as many maps as you like.","wp-google-maps"); ?></h3>
            <h3><?php _e("Zero limits or restrictions to any of your data.","wp-google-maps"); ?></h3>
            <a class='wpgmza-button wpgmza-button-call-to-action' href="https://www.wpgmaps.com/purchase-professional-version/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=pro-purchase-page-unlimited-maps-atlas-novus-v10" target="_BLANK">
                <?php _e("Unlock Maps", "wp-google-maps"); ?>
                <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </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("Advanced Markers","wp-google-maps"); ?></h2>
            <h3><?php _e("Create custom markers with detailed info windows.","wp-google-maps"); ?></h3>
            <h3><?php _e("Add titles, descriptions, HTML, images, animations and custom icons to your markers.","wp-google-maps"); ?></h3>
            <h3><?php _e("Assign categories and add custom marker fields to create markers your visitors will love!","wp-google-maps"); ?></h3>
            <a class='wpgmza-button wpgmza-button-call-to-action' href="https://www.wpgmaps.com/purchase-professional-version/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=pro-purchase-page-advanced-markers-atlas-novus-v10" target="_BLANK">
                <?php _e("Unlock Advanced Markers", "wp-google-maps"); ?>
                <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </a>
        </div>

        <div class="wpgmza-col wpgmza-text-align-right">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/custom-markers.webp'; ?>' />
        </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/directions.webp'; ?>' />
        </div>
        
        <div class="wpgmza-col">
            <h2><?php _e("Get Directions","wp-google-maps"); ?></h2>
            <h3><?php _e("Allow your visitors to get directions to your markers.","wp-google-maps"); ?></h3>
            <h3><?php _e("Either use their location as the starting point or allow them to type in an address.","wp-google-maps"); ?></h3>
            <h3><?php _e("Serve directions instructions directly on your site, or via Google Maps directly!","wp-google-maps"); ?></h3>
            <a class='wpgmza-button wpgmza-button-call-to-action' href="https://www.wpgmaps.com/purchase-professional-version/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=pro-purchase-page-directions-atlas-novus-v10" target="_BLANK">
                <?php _e("Unlock Directions", "wp-google-maps"); ?>
                <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </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("List Your Markers","wp-google-maps"); ?></h2>
            <h3><?php _e("Add marker listings to your maps!","wp-google-maps"); ?></h3>
            <h3><?php _e("Pick from 6 different listing styles, all fully customizable","wp-google-maps"); ?></h3>
            <a class='wpgmza-button wpgmza-button-call-to-action' href="https://www.wpgmaps.com/purchase-professional-version/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=pro-purchase-page-marker-listings-atlas-novus-v10" target="_BLANK">
                <?php _e("Unlock Marker Listings", "wp-google-maps"); ?>
                <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </a>
        </div>
        <div class="wpgmza-col wpgmza-text-align-right">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/marker-listing.webp'; ?>' />
        </div>
    </div>

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

    <div class="wpgmza-grid wpgmza-grid-cols-3">
        <div class="wpgmza-col">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/blocks.webp'; ?>' />
            <br/>
            <br/>
            <h3><?php _e("More Blocks!", "wp-google-maps");  ?></h3>
            <div><?php _e("Up to seven different blocks!", "wp-google-maps");  ?></div>
            <div><?php _e("Create custom layouts with separated components.", "wp-google-maps");  ?></div>
        </div>

        <div class="wpgmza-col">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/store.webp'; ?>' />
            <br/>
            <br/>
            <h3><?php _e("Store Locator Features!", "wp-google-maps");  ?></h3>
            <div><?php _e("Additional filter controls!", "wp-google-maps");  ?></div>
            <div><?php _e("Advanced behaviour features and settings.", "wp-google-maps");  ?></div>
        </div>

        <div class="wpgmza-col">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/heatmaps.jpg'; ?>' />
            <br/>
            <br/>
            <h3><?php _e("Add Heatmaps", "wp-google-maps");  ?></h3>
            <div><?php _e("Create dynamic heatmaps quickly!", "wp-google-maps");  ?></div>
            <div><?php _e("Adjust styles and intensity of heatmaps.", "wp-google-maps");  ?></div>
        </div>

        <div class="wpgmza-col">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/overlays.webp'; ?>' />
            <br/>
            <br/>
            <h3><?php _e("Add Overlays", "wp-google-maps");  ?></h3>
            <div><?php _e("Add any image overlay to your map!", "wp-google-maps");  ?></div>
            <div><?php _e("Showcase historical maps, datasets, or custom imagery on any map.", "wp-google-maps");  ?></div>
        </div>

        <div class="wpgmza-col">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/marker-icons.webp'; ?>' />
            <br/>
            <br/>
            <h3><?php _e("Marker Icons", "wp-google-maps");  ?></h3>
            <div><?php _e("Create new marker icons in minutes!", "wp-google-maps");  ?></div>
            <div><?php _e("Add text or icons and adjust your icon style on the go. ", "wp-google-maps"); ?><?php _e("Or upload a custom icon instead!", "wp-google-maps"); ?></div>
        </div>

        <div class="wpgmza-col">
            <img src='<?php echo WPGMZA_PLUGIN_DIR_URL . 'images/atlas-novus/streetview.webp'; ?>' />
            <br/>
            <br/>
            <h3><?php _e("Start in Streetview", "wp-google-maps");  ?></h3>
            <div><?php _e("Start in streetview, by default!", "wp-google-maps");  ?></div>
            <div><?php _e("Set your starting location, heading, and pitch.", "wp-google-maps");  ?></div>
        </div>
    </div>

    <hr>
    
    <div class="wpgmza-grid wpgmza-grid-cols-4">
        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Advanced options", "wp-google-maps"); ?></h4>
            <div><?php _e("Enable advanced options such as showing your visitor's location, marker sorting, bicycle layers, traffic layers and more!", "wp-google-maps"); ?></div>
        </div>

        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Import / Export", "wp-google-maps"); ?></h4>
            <div><?php _e("Export your markers to a CSV file for quick and easy editing. Import large quantities of markers at once.", "wp-google-maps"); ?></div>
        </div>

        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Add KML Layers", "wp-google-maps"); ?></h4>
            <div><?php _e("Add your own KML layers directly to maps, either dynamically or by importing them.", "wp-google-maps"); ?></div>
        </div>

        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Polygons and Polylines", "wp-google-maps"); ?></h4>
            <div><?php _e("Add custom polygons and polylines to your map by simply clicking on the map.", "wp-google-maps"); ?></div>
        </div>


        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Category Filtering", "wp-google-maps"); ?></h4>
            <div><?php _e("Filter markers and shapes based on their category. Available as a standalone module, or as part of your store locator.", "wp-google-maps"); ?></div>
        </div>

        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Easy Upgrade", "wp-google-maps"); ?></h4>
            <div><?php _e("You'll receive a download link immediately. Simply upload and activate.", "wp-google-maps"); ?></div>
        </div>

        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Amazing Support", "wp-google-maps"); ?></h4>
            <div><?php _e("We pride ourselves on providing quick and amazing support.", "wp-google-maps"); ?></div>
        </div>

        <div class="wpgmza-col wpgmza-pad-20">
            <h4><?php _e("Free updates", "wp-google-maps"); ?></h4>
            <div><?php _e("Once you're a pro user, you'll receive free updates to your major version automatically!", "wp-google-maps"); ?></div>
        </div>
    </div>

    <hr>

    <h2><?php _e("Ready to unlock your maps?", "wp-google-maps"); ?></h2>                
    <a class="wpgmza-button wpgmza-button-call-to-action" target="_BLANK" href="https://www.wpgmaps.com/purchase-professional-version/?utm_source=plugin&amp;utm_medium=link&amp;utm_campaign=pro-purchase-page-unlock-alt-atlas-novus-v10">
        <?php esc_html_e("Unlock with Premium","wp-google-maps"); ?>
        <i class="fa fa-chevron-right" aria-hidden="true"></i>
    </a>
</div>
