<?php defined('ABSPATH') or die('No script kiddies please!'); ?>
<div class="wrap wpwab-wrap">
    <div class="wpwab-content-wrap">
        <div class="wpwab-position-setting">
            <div class="wpwab-field-wrap ">
                <label><?php _e('Button Position', wpwab_TD); ?></label>
                <div class="wpwab-field ">
                    <select name=wpwab_settings[button_location] value="<?php if (!empty($wpwab_settings['button_location'])) selected($wpwab_settings['button_location']); ?>" id="wpwab-button-location">
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'top_left' . '.png' ?>' value="top_left" id="wpwab-top-left" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'top_left') echo 'selected=="selected"'; ?>><?php _e('Top Left', wpwab_TD); ?></option>
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'top_right' . '.png' ?>' value="top_right" id="wpwab-top-right" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'top_right') echo 'selected=="selected"'; ?> ><?php _e('Top Right', wpwab_TD); ?></option>
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'bottom_left' . '.png' ?>' value="bottom_left" id="wpwab-bottom-left" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'bottom_left') echo 'selected=="selected"'; ?>><?php _e('Bottom Left', wpwab_TD); ?></option>
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'bottom_right' . '.png' ?>' value="bottom_right" id="wpwab-bottom-right" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'bottom_right') echo 'selected=="selected"'; ?>><?php _e('Bottom Right', wpwab_TD) ?></option>
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'top_center' . '.png' ?>' value="top_center" id="wpwab-top-center" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'top_center') echo 'selected=="selected"'; ?>><?php _e('Top Center', wpwab_TD); ?></option>
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'right_center' . '.png' ?>' value="right_center" id="wpwab-right-center" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'right_center') echo 'selected=="selected"'; ?> ><?php _e('Right Center', wpwab_TD); ?></option>
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'bottom_center' . '.png' ?>'  value="bottom_center" id="wpwab-bottom-center" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'bottom_center') echo 'selected=="selected"'; ?>><?php _e('Bottom Center', wpwab_TD); ?></option>
                        <option data-img ='<?php echo wpwab_IMG_DIR . '/position-1/' . 'left_center' . '.png' ?>' value="left_center" id="wpwab-right-center" <?php if (isset($wpwab_settings['button_location']) && $wpwab_settings['button_location'] == 'left_center') echo 'selected=="selected"'; ?>><?php _e('Left Center', wpwab_TD) ?></option>
                    </select>

                    <div class="wpwab-position-common" id="wpwab-position-demo-<?php echo $wpwab_settings['button_location'] ?>" >
                        <div class="button-position-preview wpwab-border-design">
                            <img src="<?php echo wpwab_IMG_DIR . '/position-1/' . $wpwab_settings['button_location'] . '.png' ?>"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
