      1:   2:   3:   4:   5:   6:   7:   8:   9:  10:  11:  12:  13:  14:  15:  16:  17:  18:  19:  20:  21:  22:  23:  24:  25:  26:  27:  28:  29:  30:  31:  32:  33:  34:  35:  36:  37:  38:  39:  40:  41:  42:  43:  44:  45:  46:  47:  48:  49:  50:  51:  52:  53:  54:  55:  56:  57:  58:  59:  60:  61:  62:  63:  64:  65:  66:  67:  68:  69:  70:  71:  72:  73:  74:  75:  76:  77:  78:  79:  80:  81:  82:  83:  84:  85:  86:  87:  88:  89:  90:  91:  92:  93:  94:  95:  96:  97:  98:  99: 100: 101: 102: 103: 104: 105: 106: 107: 108: 109: 110: 111: 112: 113: 114: 115: 116: 117: 118: 119: 120: 121: 122: 123: 124: 125: 126: 127: 128: 129: 130: 131: 132: 133: 134: 135: 136: 137: 138: 139: 140: 141: 142: 143: 144: 145: 146: 147: 148: 149: 150: 151: 152: 153: 154: 155: 156: 157: 158: 159: 160: 161: 162: 163: 164: 165: 166: 167: 168: 169: 170: 171: 172: 173: 174: 175: 176: 177: 178: 179: 180: 181: 182: 183: 184: 185: 186: 187: 188: 189: 190: 191: 192: 193: 194: 195: 196: 197: 198: 199: 200: 201: 202: 203: 204: 205: 206: 207: 208: 209: 210: 211: 212: 213: 214: 215: 216: 217: 218: 219: 220: 221: 222: 223: 224: 225: 226: 227: 228: 229: 230: 231: 232: 233: 234: 235: 236: 237: 238: 239: 240: 241: 242: 243: 244: 245: 246: 247: 248: 249: 250: 251: 252: 253: 254: 255: 256: 257: 258: 259: 260: 261: 262: 263: 264: 265: 266: 267: 268: 269: 270: 271: 272: 273: 274: 275: 276: 277: 278: 279: 280: 281: 282: 283: 284: 285: 286: 287: 288: 289: 290: 291: 292: 293: 294: 295: 296: 297: 298: 299: 300: 301: 302: 303:

    <?php
    /* Maps 6.0 Wizard*/

    function wpgmaps_wizard_layout() {

        if (isset($_GET['page']) && $_GET['page'] == 'wp-google-maps-menu-categories') {
            add_action('admin_print_scripts', 'wpgmaps_admin_wizard_scripts');
        }

        ?>
        <div class='wrap'>
        <h1><?php _e("Select a Map Type (beta)", "wp-google-maps"); ?></h1>

        <style>.wpgmza-support-notice{display:none !important;}</style>
            <div class='wide'>
                <script>
                    jQuery(document).ready(function(){
                        jQuery('.wpgmza-listing-wizard-1').click(function(){
                            jQuery('.wpgmza-listing-wizard-1').fadeIn('fast');
                            jQuery('.wpgmza-listing-wizard-2').hide();
                            jQuery(this).hide();
                            jQuery(this).next(".wpgmza-listing-wizard-2").fadeIn('fast');
                        });

                        jQuery('#wpgmza_wizard_sl_btn').click(function(){
                            updateLink("#wpgmza_wizard_sl_btn",  [
                                '#wpgmza-wizard-sl-title',
                                "#wpgmza-wizard-sl-enabled",
                                "#wpgmza-wizard-sl-distance",
                                "#wpgmza-wizard-sl-bounce",
                                "#wpgmza-wizard-sl-hide"
                                ]);
                            window.location = jQuery(this).attr('url');
                        });

                        jQuery('#wpgmza_wizard_gd_btn').click(function(){
                            updateLink("#wpgmza_wizard_gd_btn",  [
                                '#wpgmza-wizard-gd-title',
                                "#wpgmza-wizard-gd-to-address",
                                "#wpgmza-wizard-gd-enabled"
                                ]);
                            window.location = jQuery(this).attr('url');
                        });

                        jQuery('#wpgmza_wizard_ml_btn').click(function(){
                            updateLink("#wpgmza_wizard_ml_btn",  [
                                '#wpgmza-wizard-ml-title',
                                "#wpgmza-wizard-ml-list-by-select"
                                ]);
                            window.location = jQuery(this).attr('url');
                        });

                        jQuery('#wpgmza_wizard_c_btn').click(function(){
                            window.location = "?page=wp-google-maps-menu&action=new";
                        });

                        <?php do_action("wpgmza_wizard_jquery_action", 10);?>

                    });

                    function updateLink(buttonID, optionsArray){
                        var queryString = "?page=wp-google-maps-menu&action=new-wizard";
                        var valuesArray = new Array();
                        queryString += "&wpgmza_keys=";

                        var otherSettings = "";

                        for(i = 0; i < optionsArray.length; i++){
                            if(jQuery(optionsArray[i]).attr('wpgmza-other-setting')){
                                //Handle this differently

                                if(jQuery(optionsArray[i]).attr('wpgmza-dropdown') == "true"){
                                    otherSettings += jQuery(optionsArray[i]).attr('wpgmza-key') + "@" + (parseInt(jQuery(optionsArray[i] + " option:selected").attr('value'))) + (i < optionsArray.length -1 ? "@" : "");

                                }else{
                                    otherSettings += jQuery(optionsArray[i]).attr('wpgmza-key') + "@" +  (jQuery(optionsArray[i]).attr('checked') ? "1" : "0") + (i < optionsArray.length -1 ? "@" : ""); //Add key to other setting array
                                }
                                //console.log(jQuery(optionsArray[i]).attr('wpgmza-key'));
                            }else{
                                queryString += jQuery(optionsArray[i]).attr('wpgmza-key') + "," ; //Add key
                                valuesArray.push(jQuery(optionsArray[i]).attr('checked'));
                            }
                        }

                         //Now add 'OTHER SETTINGS'

                        queryString += "other_settings";

                        queryString += "&wpgmza_values=";
                        for(i = 0; i < valuesArray.length; i++){
                            if(jQuery(optionsArray[i]).attr('type') == "checkbox"){
                                queryString += (valuesArray[i] ? "1" : "0") + (i < valuesArray.length-1 || otherSettings !== "" ? ",": ""); //Add key
                            }else if(jQuery(optionsArray[i]).attr('type') == "text"){
                                queryString += (jQuery(optionsArray[i]).val()) + (i < valuesArray.length-1 || otherSettings !== "" ? ",": "");
                            }else if(jQuery(optionsArray[i]).attr('wpgmza-dropdown') == "true"){
                                queryString += (parseInt(jQuery(optionsArray[i] + " option:selected").attr('value'))) + (i < valuesArray.length-1 || otherSettings !== "" ? ",": "");
                            }
                        }

                         //Now add 'OTHER SETTINGS'
                        if(otherSettings != ""){
                            queryString += otherSettings;
                        }

                        jQuery(buttonID).attr('url', queryString);
                    }

                </script>

                <?php $wpgmza_wizard_content = ""; $wpgmza_wizard_content = apply_filters("wpgmza_wizard_content_filter", $wpgmza_wizard_content, 10, 1) ; echo $wpgmza_wizard_content;?>

            </div>
        </div>

        <?php

    }

    function wpgmaps_admin_wizard_scripts() {
        wp_enqueue_script( 'jquery' );
        wp_enqueue_script('jquery-ui-core');

    }

    add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_sl");
    function wpgmza_wizard_item_control_sl($content){
        $content .= "
                <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                    <div class='wpgmza-listing-wizard-1'>
                        <div class='wpmgza-listing-1-icon'>
                            <i class='fa fa-building-o'></i>
                        </div>
                        <h2 style='text-align:center'>".__("Store Locator", "wp-google-maps")."</h2>
                    </div>
                    <div class='wpgmza-listing-wizard-2' style='display:none;'>
                        <div style='font-size:18px'><i class='fa fa-building-o'></i> ".__("Store Locator", "wp-google-maps")."</div>
                        <hr>
                        <div>
                            <input type='text' wpgmza-key='map_title' style='display:none' id='wpgmza-wizard-sl-title' value='Store Locator Map'>
                            <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_enabled' style='display:none' id='wpgmza-wizard-sl-enabled' checked>
                            <table style='width:100%'>
                                <tr>
                                    <td>
                                        ".__("Show distance in:", "wp-google-maps")."
                                    </td>
                                    <td style='text-align:right;'>
                                        <div class='switch'>
                                            <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_distance' class='cmn-toggle cmn-toggle-yes-no' id='wpgmza-wizard-sl-distance'><label style='width:66px !important' for='wpgmza-wizard-sl-distance' data-on='".__("Miles", "wp-google-maps")."' data-off='".__("Kilometers", "wp-google-maps")."'></label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        ".__("Show bouncing icon:", "wp-google-maps")."
                                    </td>
                                    <td style='text-align:right;'>
                                         <div class='switch'>
                                            <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_bounce' class='cmn-toggle cmn-toggle-round-flat' id='wpgmza-wizard-sl-bounce'><label for='wpgmza-wizard-sl-bounce'></label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        ".__("Hide markers until search is done:", "wp-google-maps")."
                                    </td>
                                    <td style='text-align:right;'>
                                        <div class='switch'>
                                            <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_hide_before_search' class='cmn-toggle cmn-toggle-round-flat' id='wpgmza-wizard-sl-hide'><label for='wpgmza-wizard-sl-hide'></label>
                                        </div>
                                    </td>
                                </tr>
                            </table>

                        </div>
                        <button style='position:absolute;bottom:5px;' class='wpgmza_createmap_btn' id='wpgmza_wizard_sl_btn' url=''>".__("Create Map", "wp-google-maps")."</button>
                    </div>
                </div>
        ";
        return $content;
    }

    add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_gd",10,1);
    function wpgmza_wizard_item_control_gd($content){
        $content .= "
                <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                    <div class='wpgmza-listing-wizard-1'>
                        <div class='wpmgza-listing-1-icon'>
                            <i class='fa fa-compass'></i>
                        </div>
                            <h2 style='text-align:center'>".__("Directions", "wp-google-maps")."</h2>
                     </div>
                        <div class='wpgmza-listing-wizard-2' style='display:none;'>
                            <div style='font-size:18px'><i class='fa fa-compass'></i> ".__("Directions", "wp-google-maps")."</div>
                            <hr>
                            <div>
                                <input type='text' wpgmza-key='map_title' style='display:none' id='wpgmza-wizard-gd-title' value='Directions Map'>
                                <input type='checkbox' wpgmza-key='directions_enabled' style='display:none' id='wpgmza-wizard-gd-enabled' checked >

                                <table style='width:100%'>
                                    <tr>
                                        <td>
                                            ".__("Default 'To' Address:", "wp-google-maps")."
                                        </td>
                                        <td style='text-align:right;'>

                                                <input type='text' wpgmza-key='default_to' id='wpgmza-wizard-gd-to-address' value='' placeholder='".__("Enter Address", "wp-google-maps")."'>

                                        </td>
                                    </tr>
                                </table>

                            </div>
                            <button style='position:absolute;bottom:5px;' class='wpgmza_createmap_btn' id='wpgmza_wizard_gd_btn' url=''>".__("Create Map", "wp-google-maps")."</button>
                        </div>
                </div>
        ";
        return $content;
    }

    add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_ml",10,1);
    function wpgmza_wizard_item_control_ml($content){
        $content .= "
               <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                    <div class='wpgmza-listing-wizard-1'>
                        <div class='wpmgza-listing-1-icon'>
                            <i class='fa fa-list'></i>
                        </div>
                        <h2 style='text-align:center'>".__("Marker Listing", "wp-google-maps")."</h2>
                    </div>
                    <div class='wpgmza-listing-wizard-2' style='display:none;'>
                        <div style='font-size:18px'><i class='fa fa-list'></i> ".__("Marker Listing", "wp-google-maps")."</div>
                            <hr>
                            <div>
                                <input type='text' wpgmza-key='map_title' style='display:none' id='wpgmza-wizard-ml-title' value='Marker Listing Map'>

                                <table style='width:100%'>
                                    <tr>
                                        <td>
                                            ".__("Marker Listing Style", "wp-google-maps")."
                                        </td>
                                        <td style='text-align:right;'>

                                                <select id='wpgmza-wizard-ml-list-by-select' wpgmza-dropdown='true' wpgmza-other-setting='true' wpgmza-key='list_markers_by'>
                                                    <option value='1'>".__("Basic Table", "wp-google-maps")."</option>
                                                    <option value='4'>".__("Basic List", "wp-google-maps")."</option>
                                                    <option value='2' selected>".__("Advanced Table", "wp-google-maps")."</option>
                                                    <option value='3'>".__("Carousel", "wp-google-maps")."</option>
                                                </select>

                                        </td>
                                    </tr>
                                </table>

                            </div>
                       <button style='position:absolute;bottom:5px;' class='wpgmza_createmap_btn' id='wpgmza_wizard_ml_btn' url=''>".__("Create Map", "wp-google-maps")."</button>
                    </div>
                </div>
        ";
        return $content;
    }

    add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_c",1,1);
    function wpgmza_wizard_item_control_c($content){
        $content .= "
               <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                    <div class='wpgmza-listing-wizard-1' id='wpgmza_wizard_c_btn'>
                        <div class='wpmgza-listing-1-icon'>
                            <i class='fa fa-map-o'></i>
                        </div>
                        <h2 style='text-align:center'>".__("Blank Map", "wp-google-maps")."</h2>
                    </div>
                    <div class='wpgmza-listing-wizard-2' style='display:none;'>

                    </div>
                </div>
        ";
        return $content;
    }

    // NB: GDPR
    /*add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_control_feedback",99,1);
    function wpgmza_wizard_control_feedback($content){
        $content .= "
               <div class='update-nag update-blue'>
                    Please consider giving us feedback on our new map wizard.<br><br>
                    <a target='_blank' href='http://www.wpgmaps.com/contact-us/'>Share your thoughts</a>
                </div>
        ";
        return $content;
    }
    */