<?php defined('ABSPATH') or die('No script kiddies please!'); ?>
<div class="wpwab-content-wrap">
    <div class="wpwab-field-wrap">
        <label for="wpwab_enable_desktop_shortcode"><?php _e('Enable In Desktop', wpwab_TD); ?></label>
        <div class="wpwab-field">
            <div class="wpwab-checkbox-wrap">
                <input type="checkbox" name="wpwab_enable_desktop_button" id='wpwab_enable_desktop_shortcode' value="hide"/>
                <label for="wpwab_enable_desktop_shortcode"></label>
            </div>
            <p class="description"><?php _e('Please enable to show in desktop.', wpwab_TD) ?></p>
        </div>
    </div>

    <div class="wpwab-field-wrap">
        <label for="wpwab_enable_mobile_shortcode"><?php _e('Enable In Mobile', wpwab_TD); ?></label>
        <div class="wpwab-field">
            <div class="wpwab-checkbox-wrap">
                <input type="checkbox" name="wpwab_enable_mobile_button" id='wpwab_enable_mobile_shortcode' value="hide"/>
                <label for="wpwab_enable_mobile_shortcode"></label>
            </div>
            <p class="description"><?php _e('Please enable to show in mobile.', wpwab_TD) ?></p>
        </div>
    </div>

    <div class="wpwab-checkbox-outer-wrap">
        <div class="wpwab-field-wrap">
            <label for='wpwab_enable_button_text_shortcode'><?php _e('Add Button Text', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="checkbox" name="wpwab_button_text_enable" class='wpwab-checkbox wpwab-enable-button-text wpwab-checkbox-hide-show' id="wpwab_enable_button_text_shortcode" value="show" />
                    <label for="wpwab_enable_button_text_shortcode"></label>
                </div>
                <p class="description"><?php _e('Please enable to display text in WhatsApp buttons.', wpwab_TD) ?></p>
            </div>
        </div>

        <div class="wpwab-field-wrap wpwab-checkbox-hide-show-options-wrap" style="display:none;">
            <label for="wpwab_button_text_value_shortcode"><?php _e( 'Button Text', wpwab_TD ); ?></label>
            <div class="wpwab-field">
                <input type="text" name="wpwab_settings[button_name]" value="WhatsApp" id="wpwab_button_text_value_shortcode"  placeholder="Insert Button Text"/>
                <p class="description"><?php _e('Please add text on button to display.', wpwab_TD) ?></p>
            </div>
        </div>
        <div class="wpwab-field-wrap wpwab-checkbox-hide-show-options-wrap" style="display:none;">
            <label for='wpwab_button_text_position_shortcode'><?php _e( 'Button Text Align', wpwab_TD ); ?></label>
            <div class="wpwab-field">
                <label><input type="radio" name="button_text_align_shortcode" id="wpwab_button_text_position_shortcode" value="left"><?php _e('Left', wpwab_TD ); ?></label>
                <lable><input type="radio" name="button_text_align_shortcode" id="wpwab_button_text_position_shortcode" value="right"  checked="checked" /><?php _e( 'Right', wpwab_TD ); ?></lable>
            </div>
        </div>

        <div class="wpwab-field-wrap wpwab-checkbox-hide-show-options-wrap" style="display:none;">
            <label for='wpwab_show_button_text_only_shortcode'><?php _e('Button With Only Text', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="checkbox" name="wpwab_enable_textonly_button" id='wpwab_show_button_text_only_shortcode' value="show" />
                    <label for="wpwab_show_button_text_only_shortcode"></label>
                </div>
                <p class="description"><?php _e('Please enable to display button with only text.', wpwab_TD) ?></p>
            </div>
        </div>
    </div>

    <div class="wpwab-field-wrap ">
        <label for='wpwab_enable_sticky_shortcode'><?php _e('Sticky Button', wpwab_TD); ?></label>
        <div class="wpwab-field">
            <div class="wpwab-checkbox-wrap">
                <input type="checkbox" name="wpwab_enable_sticky_button" id='wpwab_enable_sticky_shortcode' value="show" checked="checked"/>
                <label for="wpwab_enable_sticky_shortcode"></label>
                <p class="description"><?php _e('Please check to enable sticky.', wpwab_TD) ?></p>
            </div>
        </div>
    </div>

    <div class="wpwab-checkbox-outer-wrap">
        <div class="wpwab-field-wrap ">
            <label for="wpwab_tooltip_text_enable_shortcode"><?php _e('Tooltip', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="checkbox" class='wpwab-checkbox wpwab-enable-button-text wpwab-checkbox-hide-show' name="wpwab_enable_tooltip_shortcode" id="wpwab_tooltip_text_enable_shortcode" value="show" />
                    <p class="description"><?php _e('Please check to enable tooltip.', wpwab_TD) ?></p>
                </div>
            </div>
        </div>

        <div class="wpwab-field-wrap wpwab-checkbox-hide-show-options-wrap" style="display: none;">
            <label for="wpwab_tooltip_text_value_contain"><?php _e('Tooltip Text', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <input type="text" name="wpwab_tooltip_name" value="<?php _e('Connect via WhatsApp', wpwab_TD); ?>" id="wpwab_tooltip_text_value_contain"  placeholder="Insert Tooltip Text"/>
                <p class="description"><?php _e('Please add tooltip text.', wpwab_TD) ?></p>
            </div>
        </div>
    </div>
</div>