<?php defined('ABSPATH') or die('No script kiddies please!'); ?>
<div class="wpwab-content-wrap">
    <div class="wpwab-field-wrap ">
        <label><?php _e('Animation Template', wpwab_TD); ?></label>
        <div class="wpwab-field">

            <select  name = wpwab_button_animation id="wpwab-button-animation-shortcode">

                <option value="animation-1"> <?php _e('Pluse', wpwab_TD); ?> </option>
                <option value="animation-2"> <?php _e('Eclipse-Shadow', wpwab_TD); ?> </option>
                <option value="animation-3"> <?php _e('Drop-Shadow', wpwab_TD); ?> </option>
                <option value="animation-4"> <?php _e('Wobble', wpwab_TD) ?> </option>
                <option value="animation-5"> <?php _e('Buzz', wpwab_TD); ?> </option>
                <option value="animation-6"> <?php _e('Swing', wpwab_TD); ?> </option>
                <option value="animation-7"> <?php _e('Zoom', wpwab_TD); ?> </option>
                <option value="animation-8"> <?php _e('Bob', wpwab_TD) ?> </option>
                <option value="animation-9"> <?php _e('Flicker', wpwab_TD) ?> </option>
                <option value="animation-10"> <?php _e('Shine', wpwab_TD) ?> </option>

            </select>

            <div class="wpwab-border-design">
                <div class="wpwab-animation-effect">
                    <div class="wpwab-button-wrap 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">
                    <label> 
                        <input type="radio" name="animation_type" id='shortcode_animate_on_hover' value="on_hover"/><?php _e('Animate on hover') ?>
                    </label>
                    <label>
                        <input type="radio" name="animation_type" id='shortcode_active_animation' value="always" /><?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">
        <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="sliding_animation" id='wpwab_enable_sliding_animation' value="1"  />
                    <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>
