<?php defined('ABSPATH') or die('No script kiddies please!');
$wpwab_settings = get_option('wpwab_settings');
?>
<div class="clearfix wpwab-whatsapp-settings">
    <div class="floating-menu-tab">
        <ul class="wpwab-shortcode-setting-tab">
            <li data-menu="wpwab-display-settings" class="wpwab-shortcode-tab-tigger wpwab-active">
                <span class="dashicons dashicons-screenoptions"></span>
                <?php _e('Display Settings', wpwab_TD); ?>
            </li>
            <li data-menu="wpwab-template-settings" class="wpwab-shortcode-tab-tigger">
                <span class="dashicons dashicons-images-alt"></span>
                <?php _e('Templates', wpwab_TD); ?>
            </li>
            <li data-menu="wpwab-color-settings" class="wpwab-shortcode-tab-tigger">
                <span class="dashicons dashicons-admin-post"></span>
                <?php _e('Color Settings', wpwab_TD); ?>
            </li>
            <li data-menu="wpwab-animation-settings" class="wpwab-shortcode-tab-tigger">
                <span class="dashicons dashicons-admin-customizer"></span>
                <?php _e('Animation Settings', wpwab_TD); ?>
            </li>
            <li data-menu="wpwab-position-settings" class="wpwab-shortcode-tab-tigger">
                <span class="dashicons dashicons-welcome-write-blog"></span>
                <?php _e('Button Position', wpwab_TD); ?>
            </li>
            <li data-menu="wpwab-contact-settings" class="wpwab-shortcode-tab-tigger">
                <span class="dashicons dashicons-id"></span>
                <?php _e('Contact Details', wpwab_TD); ?>
            </li>
        </ul>
    </div>
    <div class="wpwab-shortcode-details">
        <div class="wpwab-field">
            <div class="wpwab-shortcode">
                <?php _e('You can copy generated shortcode anywhere either post, page or widget.', wpwab_TD); ?>
                <textarea class="wpwab_short_codeDisp"  name="wpwab_settings[generate_shortcode]" id="wpwab_generated_shortcode" readonly="readonly" ><?php
                    if (isset($wpwab_settings['generate_shortcode'])) {
                        echo str_replace('\\', '', ($wpwab_settings['generate_shortcode']));
                    }
                    ?></textarea>
                <span style="display:none;" class="wpwab_copied-msg"> Shortcode copied in clipboard </span>
            </div>
        </div>
        <div class="wpwab-field-wrap">
            <input type="button"  class="wpwab-shortcode-button" value="<?php _e(' Click Me To Generate Shortcode', wpwab_TD); ?>"/>
        </div>


        <div class ="wpwab-shortcode-settings-wrap wpwab-shortcode-active-container" data-menu-ref="wpwab-display-settings">
            <?php include(wpwab_PLUGIN_PATH . 'inc/backend/shortcode-generator/display-settings.php'); ?>
        </div>
        <div class ="wpwab-shortcode-settings-wrap" data-menu-ref="wpwab-template-settings">
            <?php include(wpwab_PLUGIN_PATH . 'inc/backend/shortcode-generator/template-settings.php'); ?>
        </div>
        <div class ="wpwab-shortcode-settings-wrap" data-menu-ref="wpwab-color-settings">
            <?php include(wpwab_PLUGIN_PATH . 'inc/backend/shortcode-generator/color-settings.php'); ?>
        </div>
        <div class ="wpwab-shortcode-settings-wrap" data-menu-ref="wpwab-animation-settings">
            <?php include(wpwab_PLUGIN_PATH . 'inc/backend/shortcode-generator/animation-settings.php'); ?>
        </div>
        <div class ="wpwab-shortcode-settings-wrap " data-menu-ref="wpwab-position-settings">
            <?php include(wpwab_PLUGIN_PATH . 'inc/backend/shortcode-generator/position-settings.php'); ?>
        </div>
        <div class ="wpwab-shortcode-settings-wrap" data-menu-ref="wpwab-contact-settings">
            <?php include(wpwab_PLUGIN_PATH . 'inc/backend/shortcode-generator/contact.php'); ?>
        </div>
    </div>
</div>


