<?php defined('ABSPATH') or die('No script kiddies please!'); ?>
<div class="wpwab-content-wrap">
    <div class="wpwab-display setting">
        
        <div class="wpwab-field-wrap">
            <label for='wpwab_enable_desktop'><?php _e('Enable In Desktop', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="checkbox" class="wpwab-desktop wpwab-checkbox" id='wpwab_enable_desktop' value="<?php if (isset($wpwab_settings['enable_desktop'])) { echo esc_attr($wpwab_settings['enable_desktop']); } else { echo 'hide'; } ?>" name="wpwab_settings[enable_desktop]" <?php if (isset($wpwab_settings['enable_desktop']) && $wpwab_settings['enable_desktop'] == 'show') { ?> checked="checked" <?php } ?> />
                    <label for="wpwab_enable_desktop"></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'><?php _e('Enable In Mobile', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="checkbox" class="wpwab-mobile wpwab-checkbox" id='wpwab_enable_mobile' name="wpwab_settings[enable_mobile]" <?php echo (isset($wpwab_settings['enable_mobile'])) ? "checked='checked'" : ""; ?>  value="show" />
                    <label for="wpwab_enable_mobile"></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"><?php _e('Enable Button Text', 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' id='wpwab_enable_button_text' name="wpwab_settings[button_enable_text]" <?php echo (isset($wpwab_settings['button_enable_text'])) ? "checked='checked'" : ""; ?> value="show" />
                        <label for="wpwab_enable_button_text"></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:<?php if(isset($wpwab_settings['button_enable_text']) && $wpwab_settings['button_enable_text']!=''){ echo "block"; }else{ echo "none"; } ?>">
                <label for="wpwab_button_text_value"><?php _e( 'Button Text', wpwab_TD ); ?></label>
                <div class="wpwab-field">
                    <input type="text" name="wpwab_settings[button_text]" id="wpwab_button_text_value" value="<?php echo (isset($wpwab_settings['button_text'])) ? esc_attr($wpwab_settings['button_text']) : ''; ?>" placeholder="Insert Button Text"/>
                    <label for="wpwab_button_text_value"></label>
                    <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:<?php if(isset($wpwab_settings['button_enable_text']) && $wpwab_settings['button_enable_text']!=''){ echo "block"; }else{ echo "none"; } ?>">
                <label for='wpwab_button_text_position'><?php _e( 'Button Text Align', wpwab_TD ); ?></label>
                <div class="wpwab-field">
                    <label><input type="radio" name="wpwab_settings[button_text_position]" id="wpwab_button_text_position"  value="left" <?php echo (isset ($wpwab_settings['button_text_position']) && $wpwab_settings['button_text_position']=='left') ?'checked = "checked"' :''; ?> >Left</label>
                    <label><input type="radio" name="wpwab_settings[button_text_position]" id="wpwab_button_text_position" value="right" <?php echo (isset ($wpwab_settings['button_text_position']) && $wpwab_settings['button_text_position']=='right') ?'checked = "checked"' :''; ?> >Right</label><br/>
                </div>
            </div>

            <div class="wpwab-field-wrap wpwab-checkbox-hide-show-options-wrap" style="display:<?php if(isset($wpwab_settings['button_enable_text']) && $wpwab_settings['button_enable_text']!=''){ echo "block"; }else{ echo "none"; } ?>">
                <label for="wpwab_show_button_text_only"><?php _e('Button With Only Text', wpwab_TD); ?></label>
                <div class="wpwab-field">
                    <div class="wpwab-checkbox-wrap">
                        <input type="checkbox" name="wpwab_settings[button_text_only]" id='wpwab_show_button_text_only' <?php echo (isset($wpwab_settings['button_text_only'])) ? "checked='checked'" : ""; ?>  value="show" />
                        <label for="wpwab_show_button_text_only"></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'><?php _e('Sticky Button', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="checkbox" name="wpwab_settings[enable_sticky]" id='wpwab_enable_sticky' <?php echo (isset($wpwab_settings['enable_sticky'])) ? "checked='checked'" : ""; ?>  value="show"/>
                    <label for="wpwab_enable_sticky"></label>
                </div>
                <p class="description"><?php _e('Please check to enable sticky.', wpwab_TD) ?></p>
            </div>
        </div>

        <div class="wpwab-checkbox-outer-wrap">
            <div class="wpwab-field-wrap">
                <label for='wpwab_enable_tooltip'><?php _e('Tooltip', wpwab_TD); ?></label>
                <div class="wpwab-field">
                    <div class="wpwab-checkbox-wrap">
                        <input type="checkbox" class="wpwab-checkbox wpwab-checkbox-hide-show" name="wpwab_settings[enable_tooltip]" id='wpwab_enable_tooltip' <?php echo (isset($wpwab_settings['enable_tooltip'])) ? "checked='checked'" : ""; ?>  value="show" />
                        <label for="wpwab_enable_tooltip"></label>
                    </div>
                    <p class="description"><?php _e('Please check to enable tooltip.', wpwab_TD) ?></p>
                </div>
            </div>

            <div class="wpwab-field-wrap wpwab-checkbox-hide-show-options-wrap" style="display:<?php if(isset($wpwab_settings['enable_tooltip']) && $wpwab_settings['enable_tooltip']!=''){ echo "block"; }else{ echo "none"; } ?>">
                <label for='wpwab_tooltip_text'><?php _e('Tooltip Text', wpwab_TD); ?></label>
                <div class="wpwab-field">
                    <input type="text" name="wpwab_settings[tooltip_text]" id='wpwab_tooltip_text' value="<?php echo (isset($wpwab_settings['tooltip_text'])) ? esc_attr($wpwab_settings['tooltip_text']) : ''; ?>" 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>
</div>