<?php defined('ABSPATH') or die('No script kiddies please!'); ?>
<div class="wrap wpwab-wrap">
    <div class="wpwab-animation-setting">
        <div class="wpwab-field-wrap ">
            <label><?php _e('Animation Template', wpwab_TD); ?></label>
            <div class="wpwab-field">
                <select  name=wpwab_settings[button_animation] value="<?php if (!empty($wpwab_settings['button_animation'])) selected($wpwab_settings['button_animation']); ?>" id="wpwab-button-animation">
                    <option value="animation-1" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-1') echo 'selected=="selected"'; ?>><?php _e('Pluse', wpwab_TD); ?></option>
                    <option value="animation-2" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-2') echo 'selected=="selected"'; ?> ><?php _e('Eclipse-Shadow', wpwab_TD); ?></option>
                    <option value="animation-3" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-3') echo 'selected=="selected"'; ?> ><?php _e('Drop-Shadow', wpwab_TD); ?></option>
                    <option value="animation-4" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-4') echo 'selected=="selected"'; ?>><?php _e('Wobble', wpwab_TD) ?></option>
                    <option value="animation-5" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-5') echo 'selected=="selected"'; ?>><?php _e('Buzz', wpwab_TD); ?></option>
                    <option value="animation-6" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-6') echo 'selected=="selected"'; ?>><?php _e('Swing', wpwab_TD); ?></option>
                    <option value="animation-7" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-7') echo 'selected=="selected"'; ?> ><?php _e('Zoom', wpwab_TD); ?></option>
                    <option value="animation-8" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-8') echo 'selected=="selected"'; ?>><?php _e('Bob', wpwab_TD) ?></option>
                    <option value="animation-9" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-9') echo 'selected=="selected"'; ?>><?php _e('Flicker', wpwab_TD) ?></option>
                    <option value="animation-10" <?php if (isset($wpwab_settings['button_animation']) && $wpwab_settings['button_animation'] == 'animation-10') echo 'selected=="selected"'; ?>><?php _e('Shine', wpwab_TD) ?></option>
                </select>

                <div class="wpwab-animation-effect wpwab-border-design">
                    <div class="wpwab-button-wrap <?php if(isset($wpwab_settings['button_animation'])){ echo $wpwab_settings['button_animation']; }else{ echo 'animation-1'; } ?> wpwab-button-template-1 wpwab-text-icon-both wpwab-button-postion-right wpwab-text-inner-wrapper">
                        <?php $button_text = "WhatsApp "; ?>
                        <a href="https://web.whatsapp.com/send?l=en&phone=<?php echo esc_attr($wpwab_settings['contact_number']); ?>"><?php echo esc_attr($button_text); ?><i class="socicon-whatsapp"></i></a>
                    </div>
                </div>
                <p class="description"><?php _e('Please hover on above button to see animation effect.', wpwab_TD); ?></p>
            </div>
        </div>
    </div>
    <div class="wpwab-animation-setting">
        <div class="wpwab-field-wrap ">
            <label for="wpwab_enable_sliding_animation">
                <?php _e('Animation Type', wpwab_TD); ?>
            </label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="radio" name="wpwab_settings[animation_type]" id='animate_on_hover' value="on_hover" <?php echo isset($wpwab_settings['animation_type']) && $wpwab_settings['animation_type'] == 'on_hover' ? "checked='checked'" : "";?> />
                    <label for="animate_on_hover"> <?php _e('Animate on hover') ?></label>

                    <input type="radio" name="wpwab_settings[animation_type]" id='active_animation' value="always" <?php echo isset($wpwab_settings['animation_type']) && $wpwab_settings['animation_type'] == 'always' ? "checked='checked'" : "";?> />
                    <label for="active_animation"> <?php _e('Active animation') ?></label>

                </div>                
                <p class="description"><?php _e('Please check to enable the sliding animation in the buttons', wpwab_TD); ?></p>
            </div>
        </div>
    </div>
    <div class="wpwab-animation-setting" id="wpwab-slide-animation" style="display:<?php if(isset($wpwab_settings['button_enable_text']) && $wpwab_settings['button_enable_text']!=''){ echo "none"; }else{ echo "block"; } ?>">
        <div class="wpwab-field-wrap ">
            <label for="wpwab_enable_sliding_animation">
                <?php _e('Enable Sliding Animation', wpwab_TD); ?>
            </label>
            <div class="wpwab-field">
                <div class="wpwab-checkbox-wrap">
                    <input type="checkbox" name="wpwab_settings[sliding_animation]" id='wpwab_enable_sliding_animation' value="1" <?php echo isset($wpwab_settings['sliding_animation']) ? "checked='checked'" : "";?> />
                    <label for="wpwab_enable_sliding_animation"></label>
                </div>                
                <p class="description"><?php _e('Please check to enable the sliding animation in the buttons. Note: Please be informed that sliding animation will only work for buttons with only icon on it.', wpwab_TD); ?></p>
            </div>
        </div>
    </div>

</div>

