<?php
global $wpdb;
$action        = (isset($_GET['action'])) ? sanitize_text_field($_GET['action']) : '';
$active_tab    = (!empty($_GET['active-tab'])) ? sanitize_text_field($_GET['active-tab']) : 'General';
$heading       = '';
$loader_iamge  = '';
$image_text    =esc_html__('Add Image', "poll-maker");
$image_text_bg =esc_html__('Add Image', "poll-maker");
$image_text_logo =esc_html__('Add Image', "poll-maker");

$acordion_svg_html_allow = array(
    'div' => array(
        'class' => array()
    ),
    'svg' => array(
        'class' => array(),
        'version' => array(),
        'xmlns' => array(),
        'xmlns:xlink' => array(), 
        'overflow' => array(),
        'preserveAspectRatio' => array(),
        'viewBox' => array(),
        'width' => array(),
        'height' => array()
    ),
    'g' => array(),
    'path' => array(
        'xmlns:default' => array(),
        'd' => array(),
        'fill' => array(),
        'vector-effect' => array()
    )
);

$poll_acordion_svg_html = '
<div class="ays-poll-accordion-arrow-box">
    <svg class="ays-poll-accordion-arrow ays-poll-accordion-arrow-active" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 24 24" width="32" height="32">
        <g>
            <path xmlns:default="http://www.w3.org/2000/svg" d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" fill="#c4c4c4" vector-effect="non-scaling-stroke" />
        </g>
    </svg>
</div>';

$id = (isset($_GET['poll'])) ? absint(intval($_GET['poll'])) : null;

if ($action == 'edit') {
    if ($id === null || $id === 0) {
        $url = esc_url_raw(remove_query_arg(array('action', 'poll')));
        wp_safe_redirect($url);
    }
}

$user_id = get_current_user_id();
$user = get_userdata($user_id);
$users_table = esc_sql( $wpdb->prefix . 'users' );
// $sql_users = "SELECT ID, display_name FROM {$users_table}";
// $ays_poll_wp_users = $wpdb->get_results($sql_users, "ARRAY_A");
$author = array(
    'id' => $user->ID,
    'name' => $user->data->display_name
);

$cat_list = get_categories(
    array(
        'hide_empty' => false
    )
);

$poll_message_vars = array(
    '%%user_name%%'                          =>esc_html__("User Name", "poll-maker"),
    '%%user_email%%'                         =>esc_html__("User Email", "poll-maker"),
    '%%user_phone%%'                         =>esc_html__("User Phone", "poll-maker"),
    '%%poll_title%%'                         =>esc_html__("Poll title", "poll-maker"),
    '%%poll_id%%'                            =>esc_html__("Poll ID", "poll-maker"),
    '%%users_first_name%%'     			     =>esc_html__("User's First Name", "poll-maker"),
    '%%users_last_name%%'       		     =>esc_html__("User's Last Name", "poll-maker"),
    '%%creation_date%%'       			     =>esc_html__("Creation date of the poll", "poll-maker"),
    '%%current_date%%'       			     =>esc_html__("Current Date", "poll-maker"),
    '%%current_time%%'                       =>esc_html__("Current Time", "poll-maker"),
    '%%current_day%%'                        =>esc_html__("Current Day", "poll-maker"),
    '%%current_month%%'                      =>esc_html__("Current Month", "poll-maker"),
    '%%current_poll_author%%'   		     =>esc_html__("Author of the current poll", "poll-maker"),
    '%%current_poll_author_email%%'          =>esc_html__("Author's Email of the current poll", "poll-maker"),
    '%%current_poll_author_nickname%%'       =>esc_html__("Author's Nick Name of the current poll", "poll-maker"),
    '%%current_poll_author_display_name%%'   =>esc_html__("Author's Display Name of the current poll", "poll-maker"),
    '%%current_poll_author_website_url%%'    =>esc_html__("Author's Website URl of the current poll", "poll-maker"),
    '%%admin_email%%'  		                 =>esc_html__("Admin Email", "poll-maker"),    
    '%%user_wordpress_roles%%'               =>esc_html__("User's Wordpress Roles", "poll-maker"),    
    "%%user_wordpress_email%%"  		     =>esc_html__("User's WordPress profile email", "poll-maker"),
    '%%user_wordpress_website%%'   		     =>esc_html__("User's Wordpress Website", "poll-maker"),
    '%%user_display_name%%'    			     =>esc_html__("User's Display Name", "poll-maker"),
    '%%user_nickname%%'    				     =>esc_html__("User's Nick Name", "poll-maker"),
    '%%user_ip_address%%'    			     =>esc_html__("User's IP address", "poll-maker"),
    '%%user_id%%'                            =>esc_html__("User's ID", "poll-maker"),
    '%%user_registered%%'                    =>esc_html__("User's Registered Date", "poll-maker"),
    '%%poll_pass_count%%'    			     =>esc_html__("Polls pass count", "poll-maker"),
    '%%passed_poll_count_per_user%%'   	     =>esc_html__("Passed polls count per user", "poll-maker"),
    '%%current_poll_page_link%%'   		     =>esc_html__("Current polls posted link", "poll-maker"),
    '%%post_title%%'                         =>esc_html__("Post Title", "poll-maker"),
    '%%post_author_email%%'                  =>esc_html__("Post Author Email", "poll-maker"),
    '%%post_author_display_name%%'           =>esc_html__("Post Author Display Name", "poll-maker"),
    '%%post_author_first_name%%'             =>esc_html__("Post Author First Name", "poll-maker"),
    '%%post_author_last_name%%'              =>esc_html__("Post Author Last Name", "poll-maker"),
    '%%post_author_nickname%%'               =>esc_html__("Post Author Nickname", "poll-maker"),
    '%%post_author_website_url%%'            =>esc_html__("Post Author Website URL", "poll-maker"),
    '%%post_author_roles%%'                  =>esc_html__("Post Author Roles", "poll-maker"),
    '%%post_id%%'                            =>esc_html__("Post ID", "poll-maker"),
    '%%site_title%%'                         =>esc_html__("Site Title", "poll-maker"),
    '%%site_description%%'                   =>esc_html__("Site Description", "poll-maker"),
    '%%home_page_url%%'                      =>esc_html__("Home Page", "poll-maker"),
);

$poll_message_vars_html = $this->ays_poll_generate_message_vars_html( $poll_message_vars );


$poll            = array(
	'title'       => 'Default title',
	'description' => '',
	'categories'  => array(),
	'image'       => '',
	'question'    => '',
	'type'        => 'choosing',
	'view_type'   => '',
	'answers'     => array(),
	'show_title'  => 1,
	'styles'      => '',
	'custom_css'  => '',
	'theme_id'    => 1,
);
$default_colors  = array(
	"main_color"       => "#0C6291",
	"text_color"       => "#0C6291",
	"icon_color"       => "#0C6291",
	"box_shadow_color" => "#000000",
	"bg_color"         => "#FBFEF9",
	"answer_bg_color"  => "#FBFEF9",
	"answer_hover_color" => "#0C6291",
	"title_bg_color"   => "",
	"border_color"     => "#0C6291",
);
$default_options = array(
	'randomize_answers'           => 'off',
	"icon_size"                   => 24,
	"width"                       => 600,
	"width_for_mobile"            => '',
	"btn_text"                    =>esc_html__('Vote', "poll-maker"),
	"see_res_btn_text"            =>esc_html__('See Results', "poll-maker"),
	"border_style"                => "ridge",
	"border_radius"               => 0,
	"border_width"                => 2,
	"enable_box_shadow"           => "",
	"bg_image"                    => "",
	"hide_results"                => 0,
	"hide_results_text"           => "<p style='text-align: center'>" .esc_html__("Thanks for your answer!", "poll-maker") . "</p>",
	"allow_not_vote"              => 0,
	"show_social"                 => 0,
	"poll_show_social_ln"         => "on",
	"poll_show_social_fb"         => "on",
	"poll_show_social_tr"         => "on",
	"poll_show_social_vk"         => "off",
	"load_effect"                 => "load_gif",
	"load_gif"                    => "plg_default",
	'limit_users'                 => 0,
	"limitation_message"          => "<p style='text-align: center'>" .esc_html__("You have already voted", "poll-maker") . "</p>",
	'redirect_url'                => '',
	'redirection_delay'           => '',
	'users_role'                  => '',
	'enable_restriction_pass'     => 0,
	'restriction_pass_message'    => "<p style='text-align: center'>" .esc_html__("You don't have permissions for passing the poll", "poll-maker") . "</p>",
	'enable_logged_users'         => 0,
	'enable_logged_users_message' => "<p style='text-align: center'>" .esc_html__('You must sign in for passing the poll', "poll-maker") . "</p>",
	'notify_email_on'             => 0,
	'notify_email'                => '',
	'result_sort_type'            => 'none',
    'redirect_after_submit'       => 0,
	'redirect_users'              => 0,
	'redirect_after_vote_url'     => '',
	'redirect_after_vote_delay'   => '',
	'published'                   => 1,
	'enable_pass_count'           => 'on',
    'activeInterval'              => '',
    'create_date' 				  => current_time( 'mysql' ),
    'author' 					  => $author,
    'deactiveInterval'            => '',
    'enable_background_gradient'  => 'off',
    'background_gradient_color_1' => '#103251',
    'background_gradient_color_2' => '#607593',
    'poll_gradient_direction'     => 'vertical',
	'activeIntervalSec'           => '',
	'deactiveIntervalSec'         => '',
	'active_date_check'           => '',
	'active_date_message_soon'    => "<p style='text-align: center'>" .esc_html__("The poll will be available soon!", "poll-maker") . "</p>",
	'active_date_message'         => "<p style='text-align: center'>" .esc_html__("The poll has expired!", "poll-maker") . "</p>",
	'enable_restart_button'       => 0,
    'enable_vote_btn'             => 1,
	'show_votes_count'            => 1,
    'show_res_percent'            => 1,
	'poll_direction'              => 'ltr',
	'info_form'                   => 0,
	'fields'                      => 'apm_name,apm_email,apm_phone',
	'required_fields'             => 'apm_email',
	'info_form_title'             => "<h5>" .esc_html__("Please fill out the form:", "poll-maker") . "</h5>",
	'disable_answer_hover'        => 0,
	'enable_asnwers_sound'        => 'off',
	'poll_bg_image_position'      => 'center center',
	'poll_bg_img_in_finish_page'  => 'off',
    'ays_add_post_for_poll'       => 'off',
	'result_in_rgba'              => 'off',
	'answer_sort_type'            => 'default',
	'answer_font_size'             => '16',
	'poll_answer_font_size_mobile' => '16',
	'show_passed_users'           => 'off',
	'logo_image'                  => '',
    'dont_show_poll_cont'         => 'off',
    'see_result_button'           => 'on',
    'see_result_radio'            => 'ays_see_result_button',
    'loader_font_size'            => '64',
    'show_answers_numbering'      => 'none',
    'poll_box_shadow_x_offset'    => 0,
    'poll_box_shadow_y_offset'    => 0,
    'poll_box_shadow_z_offset'    => 15,
    'poll_question_size_pc'       => 16,
    'poll_question_size_mobile'   => 16,
    'poll_question_image_object_fit' => "cover",
    'poll_title_font_size'        => 20,
    'poll_title_font_size_mobile' => 20,
    'poll_title_alignment'        => "center",
    'poll_title_alignment_mobile' => "center",
    'poll_text_type_length_enable' => "off",
    'poll_text_type_limit_type'    => "characters",
    'poll_text_type_limit_length'  => "",
    'poll_text_type_limit_message' => "off",
    'poll_text_type_placeholder'   => "Your answer",
    'poll_text_type_width'         => "",
    'poll_text_type_width_type'    => "percent",
    'poll_enable_password'         => "off",
    'poll_password'                => "",
    'poll_enable_password_visibility'       => "off",
    'poll_password_message'                 => 'Please enter password',
    'poll_answer_enable_box_shadow'         => "off",
    'poll_answer_box_shadow_color'          => "#000000",
    'poll_answer_box_shadow_x_offset'       => 0,
    'poll_answer_box_shadow_y_offset'       => 0,
    'poll_answer_box_shadow_z_offset'       => 10,
    'poll_answer_border_radius'             => 0,
    'poll_enable_answer_image_after_voting' => "off",
    'enable_poll_title_text_shadow'         => 'off',
    'poll_title_text_shadow'                => 'rgba(255,255,255,0)',
    'poll_title_text_shadow_x_offset'       => 2,
    'poll_title_text_shadow_y_offset'       => 2,
    'poll_title_text_shadow_z_offset'       => 0,
    'display_fields_labels'                 => 'off',
    'autofill_user_data'                    => 'off',
    'poll_create_author'                    => $user_id,
    'poll_main_url'                         => '',
    'poll_logo_url_new_tab'                 => 'off',
    'show_chart_type'                       => 'google_bar_chart',
);

$settings_options = $this->settings_obj->ays_get_setting('options');
if($settings_options){
    $settings_options = json_decode($settings_options, true);
}else{
    $settings_options = array();
}
$loader_iamge_allow = array(
    'span' => array(
        'class' => array()
    ),
    'img' => array(
        'src' => array(),
        'class' => array()
    )
);
switch ( $action ) {
	case 'add':
		$heading =esc_html__('Add new poll', "poll-maker");
        $options = array_merge($default_options, $default_colors);
        $loader_iamge = "<span class='display_none'><img src=".esc_url(POLL_MAKER_AYS_ADMIN_URL)."/images/loaders/loading.gif></span>";
        // Default category
        $poll_default_cat = isset($settings_options['default_category']) && !empty($settings_options['default_category']) ? explode("," , $settings_options['default_category']) : array("1");

        $poll['categories'] = $poll_default_cat;

        // Default type
        $poll_default_type = isset($settings_options['default_type']) && $settings_options['default_type'] != '' ? esc_attr($settings_options['default_type']) : "choosing";
        $poll['type'] = $poll_default_type;

        $ays_check_post = '';
		break;
	case 'edit':
        $heading =esc_html__('Edit poll', "poll-maker");
        $loader_iamge = "<span class='display_none'><img class='ays-loader-img'src=".esc_url(POLL_MAKER_AYS_ADMIN_URL)."/images/loaders/loading.gif></span>";
		$poll    = $this->polls_obj->get_poll_by_id($id);
        $post_id = !empty($poll) ? $poll['post_id'] : '';
        $ays_check_post = isset($poll['styles']['ays_add_post_for_poll']) ? $poll['styles']['ays_add_post_for_poll'] : 'off';
        $ays_poll_view_post_url = get_permalink($post_id);
        $ays_poll_edit_post_url = get_edit_post_link($post_id);

        if (empty($poll)) {
            $url = esc_url_raw(remove_query_arg(array('action', 'poll')));
            wp_safe_redirect($url);
        }

		$options = array_merge($default_options, (isset($poll['styles']) ? $poll['styles'] : array()));
		break;
    default:
		$url = esc_url_raw(remove_query_arg(array('action', 'poll')));
        wp_safe_redirect($url);
		break;
}
$enable_pass_count = $options['enable_pass_count'];
$categories        = $this->polls_obj->get_categories();
global $wp_roles;
$ays_users_roles = $wp_roles->roles;

if (isset($_POST['ays_submit']) || isset($_POST['ays_submit_top'])) {
	$this->polls_obj->add_or_edit_polls($_POST, $id);
}

if (isset($_POST['ays_apply_top']) || isset($_POST['ays_apply'])) {
	$this->polls_obj->add_or_edit_polls($_POST, $id, "apply");
}

if (isset($_POST['ays_poll_cancel']) || isset($_POST['ays_poll_cancel_top']) ) {
    unset($_GET['page']);
    $url = remove_query_arg( array_keys($_GET) );
    wp_redirect( $url );
}

$style    = "display: none;";
$style_bg = "display: none;";
$style_bg_options = "display: none;";
$style_logo = "display: none;";
$style_logo_check = false;
if (isset($poll['image']) && !empty($poll['image'])) {
    
	$style      = "display: block;";
	$image_text =esc_html__('Edit Image', "poll-maker");
}
if (isset($options['bg_image']) && !empty($options['bg_image'])) {
	$style_bg = "display: flex;";
    $style_bg_options = "display: block;";
	$image_text_bg =esc_html__('Edit Image', "poll-maker");
}
if (isset($options['logo_image']) && !empty($options['logo_image'])) {
	$style_logo      = "display: block;";
    $style_logo_check = true;
	$image_text_logo =esc_html__('Edit Image', "poll-maker");
}

$published = $options['published'];


if (!empty($options['activeInterval']) && !empty($options['deactiveInterval'])) {
	$activateTime   = strtotime($options['activeInterval']);
	$activePoll     = date('Y-m-d', $activateTime);
	$deactivateTime = strtotime($options['deactiveInterval']);
	$deactivePoll   = date('Y-m-d', $deactivateTime);
} else {
	$activePoll     = date('Y-m-d');
	$deactivePoll   = date('Y-m-d');
}

$activePollSec      = isset($options['activeIntervalSec']) && !empty($options['activeIntervalSec']) ? $options['activeIntervalSec'] : '';
$deactivePollSec    = isset($options['deactiveIntervalSec']) && !empty($options['deactiveIntervalSec']) ? $options['deactiveIntervalSec'] : '';

$activePoll = $activePoll . " " . $activePollSec;
$deactivePoll = $deactivePoll . " " . $deactivePollSec;

$randomize_answers = (isset($options['randomize_answers']) && $options['randomize_answers'] == 'on') ? true : false;

$all_fields      = array(
	array(
		"name" =>esc_html__("Name", "poll-maker"),
		"slug" => "apm_name",
	),
	array(
		"name" =>esc_html__("Email", "poll-maker"),
		"slug" => "apm_email",
	),
	array(
		"name" =>esc_html__("Phone", "poll-maker"),
		"slug" => "apm_phone",
	),
);


//INTEGRATIONS
$poll_settings = $this->settings_obj;

$asnwers_sound = (isset($settings_options['answers_sound']) && $settings_options['answers_sound'] != '') ? true : false;

$answer_default_count = (isset($settings_options['answer_default_count']) && $settings_options['answer_default_count'] != '') ? $settings_options['answer_default_count'] : 2;

$answers_sound_status = false;
if($asnwers_sound){
    $answers_sound_status = true;
}

// WP Editor height
$poll_wp_editor_height = (isset($settings_options['poll_wp_editor_height']) && $settings_options['poll_wp_editor_height'] != '') ? absint( sanitize_text_field($settings_options['poll_wp_editor_height']) ) : 100 ;

// Answers sound option
$options['enable_asnwers_sound'] = isset($options['enable_asnwers_sound']) ? $options['enable_asnwers_sound'] : 'off';
$enable_asnwers_sound = (isset($options['enable_asnwers_sound']) && $options['enable_asnwers_sound'] == "on") ? true : false;

$mailchimp_res      = ($poll_settings->ays_get_setting('mailchimp') === false) ? json_encode(array()) : $poll_settings->ays_get_setting('mailchimp');
$mailchimp          = json_decode($mailchimp_res, true);
$mailchimp_username = isset($mailchimp['username']) ? $mailchimp['username'] : '';
$mailchimp_api_key  = isset($mailchimp['apiKey']) ? $mailchimp['apiKey'] : '';
$mailchimp_lists    = $mailchimp_api_key ? $this->ays_get_mailchimp_lists($mailchimp_username, $mailchimp_api_key) : array();
$mailchimp_select   = array();
if (!empty($mailchimp_lists) && isset($mailchimp_lists['total_items']) && $mailchimp_lists['total_items'] > 0) {
    foreach ( $mailchimp_lists['lists'] as $list ) {
        $mailchimp_select[] = array(
            'listId'   => $list['id'],
            'listName' => $list['name']
        );
    }
} else {
    $mailchimp_select =esc_html__("There are no lists", "poll-maker");
}

// MailChimp
$enable_mailchimp = (isset($options['enable_mailchimp']) && $options['enable_mailchimp'] == 'on') ? true : false;
$mailchimp_list = (isset($options['mailchimp_list'])) ? $options['mailchimp_list'] : '';


$fields          = !empty($options['fields']) ? explode(",", $options['fields']) : array();
$required_fields = !empty($options['required_fields']) ? explode(",", $options['required_fields']) : array();

// Show votes count
$options['show_votes_count'] = isset($options['show_votes_count']) ? $options['show_votes_count'] : 1;
$showvotescount = isset($options['show_votes_count']) && intval($options['show_votes_count']) == 1 ? true : false;

// Show result percent
$options['show_res_percent'] = isset($options['show_res_percent']) ? $options['show_res_percent'] : 1;
$show_res_percent = isset($options['show_res_percent']) && intval($options['show_res_percent']) == 1 ? true : false;

// Show result button after schedule
$options['show_result_btn_schedule'] = isset($options['show_result_btn_schedule']) ? $options['show_result_btn_schedule'] : 0;
$showresbtnschedule = isset($options['show_result_btn_schedule']) && intval($options['show_result_btn_schedule']) == 1 ? true : false;

$show_res_btn = isset($options['show_result_btn_see_schedule']) && !empty($options['show_result_btn_see_schedule']) ? $options['show_result_btn_see_schedule'] : 'with_see';

$schedule_show_timer = isset($options['ays_poll_show_timer']) && intval($options['ays_poll_show_timer']) == 1 ? true : false;

$show_timer_type = isset($options['ays_show_timer_type']) && !empty($options['ays_show_timer_type'])? $options['ays_show_timer_type'] : 'countdown';

$show_bottom_timer = isset($options['show_bottom_timer']) && intval($options['show_bottom_timer']) == 1 ? true : false;

// Show login form for not logged in users
$options['show_login_form'] = isset($options['show_login_form']) ? $options['show_login_form'] : 'off';
$show_login_form = (isset($options['show_login_form'] ) && $options['show_login_form'] == "on") ? true : false;

// Redirect after voting
$options['redirect_users'] = isset($options['redirect_users']) ? $options['redirect_users'] : 0;
$redirect_users = (isset($options['redirect_users']) && $options['redirect_users'] == 1) ? true : false;

// Results notification by email
$options['notify_email_on'] = isset($options['notify_email_on']) ? $options['notify_email_on'] : 0;
$notify_email_on = (isset($options['notify_email_on']) && $options['notify_email_on'] == 1) ? true : false;

// Background gradient
$options['enable_background_gradient'] = (!isset($options['enable_background_gradient'])) ? 'off' : $options['enable_background_gradient'];
$enable_background_gradient = (isset($options['enable_background_gradient']) && $options['enable_background_gradient'] == 'on') ? true : false;

$background_gradient_color_1 = (isset($options['background_gradient_color_1']) && $options['background_gradient_color_1'] != '' && $enable_background_gradient) ? $options['background_gradient_color_1'] : '#103251';
$background_gradient_color_2 = (isset($options['background_gradient_color_2']) && $options['background_gradient_color_2'] != '' && $enable_background_gradient) ? $options['background_gradient_color_2'] : '#607593';
$poll_gradient_direction = (isset($options['poll_gradient_direction']) && $options['poll_gradient_direction'] != '') ? $options['poll_gradient_direction'] : 'vertical';


// Redirect after submit
$options['redirect_after_submit'] = (!isset($options['redirect_after_submit'])) ? 0 : $options['redirect_after_submit'];
$redirect_after_submit = (isset($options['redirect_after_submit']) && $options['redirect_after_submit'] == 1) ? true : false;
$submit_redirect_url = isset($options['ays_submit_redirect_url']) ? $options['ays_submit_redirect_url'] : '';
// $submit_redirect_delay = isset($options['submit_redirect_delay']) ? $options['submit_redirect_delay'] : '';

$users_role   = (isset($options['users_role']) && $options['users_role'] != "") ? json_decode($options['users_role'], true) : array();

$options['enable_answer_style'] = isset($options['enable_answer_style']) ? $options['enable_answer_style'] : 'on';

// $poll_create_date = (isset($options['create_date']) && $options['create_date'] != '') ? $options['create_date'] : "0000-00-00 00:00:00";

$change_creation_date = (isset($options['create_date']) && $options['create_date'] != '') ? $options['create_date'] : current_time( 'mysql' );


// Bg image positioning
$poll_bg_image_position = (isset($options['poll_bg_image_position']) && $options['poll_bg_image_position'] != '') ? $options['poll_bg_image_position'] : "center center";

$poll_bg_img_in_finish_page = (isset($options['poll_bg_img_in_finish_page']) && $options['poll_bg_img_in_finish_page'] == "on") ? true : false;

if(isset($options['author']) && $options['author'] != 'null'){
    if ( ! is_array( $options['author'] ) ) {
        $options['author'] = json_decode($options['author'], true);
        $poll_author = $options['author'];
    } else {
        $poll_author = array_map( 'stripslashes', $options['author'] );
    }
} else {
    $poll_author = array('name' => 'Unknown');
}

$show_create_date = (isset($options['show_create_date']) && $options['show_create_date'] == 1) ? true : false;
$show_author = (isset($options['show_author']) && $options['show_author'] == 1) ? true : false;

$custom_class = (isset($options['custom_class']) && $options['custom_class'] != "") ? $options['custom_class'] : '';

// Results bar in RGBA
$options['result_in_rgba'] = isset($options['result_in_rgba']) ? $options['result_in_rgba'] : 'off';
$result_in_rgba = (isset($options['result_in_rgba']) && $options['result_in_rgba'] == "on") ? true : false;

// Enable View more button
$options['enable_view_more_button'] = isset($options['enable_view_more_button']) ? $options['enable_view_more_button'] : 'off';
$enable_view_more_button = (isset($options['enable_view_more_button']) && $options['enable_view_more_button'] == 'on' ) ? true : false;
$poll_view_more_button_count = (isset($options['poll_view_more_button_count']) && $options['poll_view_more_button_count'] != '' ) ? absint(intval($options['poll_view_more_button_count'])) : 0;


// Poll Min Height
$poll_min_height = (isset($options['poll_min_height']) && $options['poll_min_height'] != '') ? absint(intval($options['poll_min_height'])) : '';

// Poll answer font size 
$poll_answer_font_size = (isset($options['answer_font_size']) && $options['answer_font_size'] != '') ? esc_html($options['answer_font_size']) : '15';

// Poll answers font size on mobile
$poll_answer_font_size_mobile  = (isset($options['poll_answer_font_size_mobile']) && $options['poll_answer_font_size_mobile'] != '') ? esc_attr($options['poll_answer_font_size_mobile']) : '16';

// Poll show passed users 
$poll_show_passed_users = isset($options['show_passed_users']) ? esc_html($options['show_passed_users']) : 'off';
$poll_show_passed_users_checked = isset($poll_show_passed_users) && $poll_show_passed_users == 'on' ? 'checked' : '';
$poll_show_passed_users_count = isset($options['poll_show_passed_users_count']) && $options['poll_show_passed_users_count'] != "" ? intval(esc_attr($options['poll_show_passed_users_count'])) : 3;

// Poll Logo image
$poll_logo_image = isset($options['logo_image']) && $options['logo_image'] != '' ? esc_url($options['logo_image']) : '';
$poll_check_logo = isset($poll_logo_image) && $poll_logo_image != '' ? true : false;
$poll_logo_img = $poll_check_logo ? 'ays_logo_image_on' : 'display_none';
$poll_logo_for_live_container = $poll_check_logo ? 'ays_logo_cont_image_on' : '';

//

$checking_answer_hover_live = ($options['disable_answer_hover'] == 1) ? 'disable_hover' : 'ays_enable_hover';

// Poll schedule container on/off
$poll_check_exp_cont = (isset($options['dont_show_poll_cont']) && $options['dont_show_poll_cont'] == 'on') ? 'checked' : '';

// Poll see results button in limitations
$poll_see_result_button       = (isset($options['see_result_button']) && $options['see_result_button'] == 'on') ? 'checked' : '';
$poll_see_result_button_check = (isset($options['see_result_button']) && $options['see_result_button'] == 'on') ? true : false;
$poll_see_result_button_cont  = (isset($options['see_result_button']) && $options['see_result_button'] != 'on') ? 'ays_poll_display_none' : '';
$poll_see_result_radio        = (isset($options['see_result_radio']) && $options['see_result_radio'] != '') ? esc_attr($options['see_result_radio']) : 'ays_see_result_button';
$poll_see_result_botton_show  = isset($poll_see_result_radio) && $poll_see_result_radio == 'ays_see_result_button' ? 'checked' : '';
$poll_see_result_immediately  = isset($poll_see_result_radio) && $poll_see_result_radio == 'ays_see_result_immediately' ? 'checked' : '';

// Loader font size
$poll_loader_font_size = (isset($options['loader_font_size']) && $options['loader_font_size'] != '') ? esc_attr($options['loader_font_size']) : '64';
$poll_loader_size_enable = isset($options['load_effect']) && $options['load_effect'] == "load_gif" ? "" : "display_none";
$poll_loader_size_line_enable = isset($options['load_effect']) && $options['load_effect'] == "load_gif" ? "" : "ays_hr_display_none";

// Show answers numbering
$show_answers_numbering = (isset($options['show_answers_numbering']) && sanitize_text_field( $options['show_answers_numbering'] ) != '') ? sanitize_text_field( $options['show_answers_numbering'] ) : 'none';

// Default border color
$main_color = isset($options['main_color']) && $options['main_color'] != "" ? $options['main_color'] : $default_colors['main_color'];
$default_border = isset($options['border_color']) && $options['border_color'] != "" ? $options['border_color'] : $main_color;

// Poll load effect message
$poll_effect_message = isset($options['effect_message']) && $options['effect_message'] != "" ? $options['effect_message'] : "";

// Poll title
$poll_title = isset($poll['title']) && $poll['title'] != "" ?  stripslashes(htmlentities($poll['title'])) : "Default title";

// Box shadow coords
//  Box Shadow X offset
$poll_box_shadow_x_offset = (isset($options['poll_box_shadow_x_offset']) && $options['poll_box_shadow_x_offset'] != '' && $options['poll_box_shadow_x_offset'] != 0 ) ? intval( esc_attr( $options['poll_box_shadow_x_offset'] ) ) : 0;

//  Box Shadow Y offset
$poll_box_shadow_y_offset = (isset($options['poll_box_shadow_y_offset']) && $options['poll_box_shadow_y_offset'] != '' && $options['poll_box_shadow_y_offset'] != 0 ) ? intval( esc_attr( $options['poll_box_shadow_y_offset'] ) ) : 0;

//  Box Shadow Z offset
$poll_box_shadow_z_offset = (isset($options['poll_box_shadow_z_offset']) && $options['poll_box_shadow_z_offset'] != '' && $options['poll_box_shadow_z_offset'] != 0 ) ? intval( esc_attr( $options['poll_box_shadow_z_offset'] ) ) : 15;

// Poll Vote Reason
$poll_vote_reason = (isset($options['poll_vote_reason']) && $options['poll_vote_reason'] == 'on' ) ? "checked" : "";

// Allow multivote
$poll_allow_multivote  = isset($options['poll_allow_multivote']) && $options['poll_allow_multivote'] == 'on' ? "checked" : "";
// Enable multivote answer
$poll_enable_multivote_answer = $poll_allow_multivote == "checked" ? true : false;

// Minimum count for multivote answer
$poll_multivote_min_count = (isset($options['multivote_answer_min_count']) && $options['multivote_answer_min_count'] != '') ? intval(esc_attr($options['multivote_answer_min_count'])) : '1';

// Count for multivote answer
$poll_multivote_answer_count = (isset($options['poll_allow_multivote_count']) && $options['poll_allow_multivote_count'] != '') ? intval(esc_attr($options['poll_allow_multivote_count'])) : '1';

// Allow collect user info
$poll_allow_collecting_users_data = (isset($options['poll_allow_collecting_users_data']) && $options['poll_allow_collecting_users_data'] == 'on') ? "checked" : "";

// Show answers icon
$poll_answer_icon_check = (isset($options['poll_answer_icon_check']) && $options['poll_answer_icon_check'] == 'on') ? true : false;
// Poll answer icon
$poll_answer_icon       = isset($options['poll_answer_icon']) ? $options['poll_answer_icon'] : 'radio';

// Every Answer redirect delay
$poll_every_answer_redirect_delay = isset($options['poll_every_answer_redirect_delay']) && $options['poll_every_answer_redirect_delay'] != "" ? esc_attr($options['poll_every_answer_redirect_delay']) : ""; 

// Enable answer redirect delay
$poll_enable_answer_redirect_delay = isset($options['poll_enable_answer_redirect_delay']) && $options['poll_enable_answer_redirect_delay'] == "on" ? true : false; 

// Show Answers image after voting
$poll_enable_answer_image_after_voting = isset($options['poll_enable_answer_image_after_voting']) && $options['poll_enable_answer_image_after_voting'] == "on" ? true : false; 

// Poll logo image url
$poll_logo_image_url       = isset($options['poll_logo_url']) && $options['poll_logo_url'] != "" ? esc_attr($options['poll_logo_url']) : ""; 

// Check if the poll logo URL is enabled
$poll_logo_image_url_check = isset($options['poll_enable_logo_url']) && $options['poll_enable_logo_url'] == "on" ? true : false; 

// Poll question font size
$poll_question_font_size_pc     = isset($options['poll_question_size_pc']) && $options['poll_question_size_pc'] != "" ? esc_attr($options['poll_question_size_pc']) : 16; 

// Poll question font size for mobile
$poll_question_font_size_mobile = isset($options['poll_question_size_mobile']) && $options['poll_question_size_mobile'] != "" ? esc_attr($options['poll_question_size_mobile']) : 16;

// Poll question image height
$poll_question_image_height     = isset($options['poll_question_image_height']) && $options['poll_question_image_height'] != "" ? esc_attr($options['poll_question_image_height']) : ""; 

// Poll container max-width for mobile
$poll_mobile_max_width = (isset($options['poll_mobile_max_width']) && $options['poll_mobile_max_width'] != "") ? esc_attr($options['poll_mobile_max_width']) : '';

// ==== BUTTON STYLES START ====
// Buttons font size
$poll_buttons_font_size = (isset($options['poll_buttons_font_size']) && $options['poll_buttons_font_size'] != "") ? esc_attr($options['poll_buttons_font_size']) : '17';

// Buttons text color
$poll_button_text_color = (isset($options['button_text_color']) && $options['button_text_color'] != "") ? $options['button_text_color'] : $options['bg_color'];

// Buttons background color
$poll_button_bg_color = (isset($options['button_bg_color']) && $options['button_bg_color'] != "") ? $options['button_bg_color'] : $main_color;

// Buttons mobile font size
$poll_buttons_mobile_font_size = (isset($options['poll_buttons_mobile_font_size']) && $options['poll_buttons_mobile_font_size'] != "") ? esc_attr($options['poll_buttons_mobile_font_size']) : '17';

// Buttons Left / Right padding
$poll_buttons_left_right_padding = (isset($options['poll_buttons_left_right_padding']) && $options['poll_buttons_left_right_padding'] != '') ? esc_attr($options['poll_buttons_left_right_padding']) : '20';

// Buttons Top / Bottom padding
$poll_buttons_top_bottom_padding = (isset($options['poll_buttons_top_bottom_padding']) && $options['poll_buttons_top_bottom_padding'] != '') ? esc_attr($options['poll_buttons_top_bottom_padding']) : '10';

// Buttons border radius
$poll_buttons_border_radius = (isset($options['poll_buttons_border_radius']) && $options['poll_buttons_border_radius'] != "") ? esc_attr($options['poll_buttons_border_radius']) : '3';

// Buttons Width
$poll_buttons_width = (isset($options['poll_buttons_width']) && $options['poll_buttons_width'] != "") ? esc_attr($options['poll_buttons_width']) : '';

// Buttons mobile width
$poll_buttons_mobile_width = (isset($options['poll_buttons_mobile_width']) && $options['poll_buttons_mobile_width'] != "") ? esc_attr($options['poll_buttons_mobile_width']) : $poll_buttons_width;

$poll_button_selected = isset($options['poll_buttons_size']) && $options['poll_buttons_size'] != "" ? esc_attr($options['poll_buttons_size']) : ""; 
// ==== BUTTON STYLES END ====

// ==== Allow Answer options ====
// Allow custom answer
$poll_allow_answer = (isset($options['poll_allow_answer']) && $options['poll_allow_answer'] == "on") ? "checked" : "";
// Require admin approval
$poll_allow_answer_require = (isset($options['poll_allow_answer_require']) && $options['poll_allow_answer_require'] == "on") ? "checked" : "";

// ==== ====

// Poll answer view type
$poll_answer_view_type = (isset($options['poll_answer_view_type']) && $options['poll_answer_view_type'] != "") ? esc_attr($options['poll_answer_view_type']) : "list";

// Poll answer image height
$poll_answer_image_height = (isset($options['poll_answer_image_height']) && $options['poll_answer_image_height'] != "") ? esc_attr($options['poll_answer_image_height']) : "150";

// Poll answer image height for mobile
$poll_answer_image_height_for_mobile = (isset($options['poll_answer_image_height_for_mobile']) && $options['poll_answer_image_height_for_mobile'] != "") ? esc_attr($options['poll_answer_image_height_for_mobile']) : "150";

// Poll answer image border radius
$poll_answer_image_border_radius = (isset($options['poll_answer_image_border_radius']) && $options['poll_answer_image_border_radius'] != "") ? esc_attr($options['poll_answer_image_border_radius']) : 0;

// Poll question image object fit
$poll_question_image_object_fit = (isset($options['poll_question_image_object_fit']) && $options['poll_question_image_object_fit'] != "") ? esc_attr($options['poll_question_image_object_fit']) : "cover";

// Poll answer image object fit
$poll_answer_object_fit   = (isset($options['poll_answer_object_fit']) && $options['poll_answer_object_fit'] != "") ? esc_attr($options['poll_answer_object_fit']) : "cover";

// Poll answer padding
$poll_answer_padding      = (isset($options['poll_answer_padding']) && $options['poll_answer_padding'] != "") ? esc_attr($options['poll_answer_padding']) : "10";

// Poll 1 column in mobile
$options['answers_grid_column_mobile'] = isset($options['answers_grid_column_mobile']) ? $options['answers_grid_column_mobile'] : 'on';
$answers_grid_column_mobile = (isset($options['answers_grid_column_mobile']) && $options['answers_grid_column_mobile'] == 'on') ? true : false;

// Poll answer gap
$poll_answer_margin      = (isset($options['poll_answer_margin']) && $options['poll_answer_margin'] != "") ? esc_attr($options['poll_answer_margin']) : "10";

// Poll title font size
$poll_title_font_size    = (isset($options['poll_title_font_size']) && $options['poll_title_font_size'] != "") ? absint(intval(esc_attr($options['poll_title_font_size']))) : "20";

// Poll title font size for mobile
$poll_title_font_size_mobile    = (isset($options['poll_title_font_size_mobile']) && $options['poll_title_font_size_mobile'] != "") ? absint(intval(esc_attr($options['poll_title_font_size_mobile']))) : "20";

// Poll title alignment
$poll_title_alignment    = ( isset($options['poll_title_alignment']) && $options['poll_title_alignment'] != "" ) ? esc_attr($options['poll_title_alignment']) : "center";

// Poll title alignment mobile
$poll_title_alignment_mobile    = ( isset($options['poll_title_alignment_mobile']) && $options['poll_title_alignment_mobile'] != "" ) ? esc_attr($options['poll_title_alignment_mobile']) : $poll_title_alignment;

// Poll view type
$poll_view_type_for_text    = ( isset($poll['view_type']) && $poll['view_type'] == "paragraph" ) ? "paragraph" : "short_text";

// ===== Poll text type options start =====
$poll_text_type_length_enable = ( isset($options['poll_text_type_length_enable']) && $options['poll_text_type_length_enable'] == "on" ) ? true : false;
$poll_text_type_limit_type    = ( isset($options['poll_text_type_limit_type']) && $options['poll_text_type_limit_type'] != "" ) ? esc_attr($options['poll_text_type_limit_type']) : "characters";
$poll_text_type_limit_length  = ( isset($options['poll_text_type_limit_length']) && $options['poll_text_type_limit_length'] != "" ) ? esc_attr($options['poll_text_type_limit_length']) : "";
$poll_text_type_limit_message = ( isset($options['poll_text_type_limit_message']) && $options['poll_text_type_limit_message'] == "on" ) ?  true : false;
$poll_text_type_placeholder   = ( isset($options['poll_text_type_placeholder']) && $options['poll_text_type_placeholder'] != "" ) ?  stripslashes(esc_attr($options['poll_text_type_placeholder'])) : "";
$poll_text_type_width         = ( isset($options['poll_text_type_width']) && $options['poll_text_type_width'] != "" ) ?  stripslashes(esc_attr($options['poll_text_type_width'])) : "";
$poll_text_type_width_type    = ( isset($options['poll_text_type_width_type']) && $options['poll_text_type_width_type'] != "" ) ?  esc_attr($options['poll_text_type_width_type']) : "percent";
// ===== Poll text type options end =====

$poll_enable_password  = ( isset($options['poll_enable_password']) && $options['poll_enable_password'] == "on" ) ?  true : false;
// Enable toggle password visibility
$options['poll_enable_password_visibility'] = isset($options['poll_enable_password_visibility']) ? $options['poll_enable_password_visibility'] : 'off';
$poll_enable_password_visibility = (isset($options['poll_enable_password_visibility']) && $options['poll_enable_password_visibility'] == 'on') ? true : false;
$poll_password         = ( isset($options['poll_password']) && $options['poll_password'] != "" ) ?  stripslashes(esc_attr($options['poll_password'])) : "";
$poll_password_message = ( isset($options['poll_password_message']) && $options['poll_password_message'] != "" ) ?  stripslashes($options['poll_password_message']) : "Please enter password";

// == Poll answer box shadow ==
// Poll answer box shadow enable
$poll_answer_enable_box_shadow = (isset($options['poll_answer_enable_box_shadow']) && $options['poll_answer_enable_box_shadow'] == "on") ? true : false;
// Poll answer box shadow color
$poll_answer_box_shadow_color  = (isset($options['poll_answer_box_shadow_color']) && $options['poll_answer_box_shadow_color'] != "") ? esc_attr($options['poll_answer_box_shadow_color']) : "#000000";
// answer hover color
$answer_hover_color = (isset($options['answer_hover_color']) && $options['answer_hover_color'] != "") ? esc_attr($options['answer_hover_color']) : $options['text_color'];
// answer bg color
$answer_bg_color = (isset($options['answer_bg_color']) && $options['answer_bg_color'] != "") ? esc_attr($options['answer_bg_color']) : "rgba(255,255,255,0)";
// Poll answer box shadow parameters
$poll_answer_box_shadow_x_offset  = (isset($options['poll_answer_box_shadow_x_offset']) && $options['poll_answer_box_shadow_x_offset'] != "") ? intval($options['poll_answer_box_shadow_x_offset']) : 0;

$poll_answer_box_shadow_y_offset  = (isset($options['poll_answer_box_shadow_y_offset']) && $options['poll_answer_box_shadow_y_offset'] != "") ? intval($options['poll_answer_box_shadow_y_offset']) : 0;

$poll_answer_box_shadow_z_offset  = (isset($options['poll_answer_box_shadow_z_offset']) && $options['poll_answer_box_shadow_z_offset'] != "") ? intval($options['poll_answer_box_shadow_z_offset']) : 10;

// Poll answer box shadow color
$poll_answer_border_radius  = (isset($options['poll_answer_border_radius']) && $options['poll_answer_border_radius'] != "") ? esc_attr($options['poll_answer_border_radius']) : 0;

$poll_social_buttons = isset($options['show_social']) && $options['show_social'] ? true : false;
$poll_social_buttons_heading = ( isset( $options[ 'poll_social_buttons_heading' ] ) && $options[ 'poll_social_buttons_heading' ] != '' ) ? stripslashes( wpautop( $options[ 'poll_social_buttons_heading' ] ) ) : '';
$poll_show_social_ln = isset($options['poll_show_social_ln']) && $options['poll_show_social_ln'] == "on" ? true : false;
$poll_show_social_fb = isset($options['poll_show_social_fb']) && $options['poll_show_social_fb'] == "on" ? true : false;
$poll_show_social_tr = isset($options['poll_show_social_tr']) && $options['poll_show_social_tr'] == "on" ? true : false;
$poll_show_social_vk = isset($options['poll_show_social_vk']) && $options['poll_show_social_vk'] == "on" ? true : false;

// Title text shadow
$options['enable_poll_title_text_shadow'] = (isset($options['enable_poll_title_text_shadow']) && $options['enable_poll_title_text_shadow'] == 'on') ? 'on' : 'off'; 

$enable_poll_title_text_shadow = (isset($options['enable_poll_title_text_shadow']) && $options['enable_poll_title_text_shadow'] == 'on') ? true : false; 

$poll_title_text_shadow = (isset($options['poll_title_text_shadow']) && $options['poll_title_text_shadow'] != '') ? stripslashes( esc_attr( $options['poll_title_text_shadow'] ) ) : 'rgba(255,255,255,0)';

$poll_title_text_shadow_x_offset = (isset($options['poll_title_text_shadow_x_offset']) && $options['poll_title_text_shadow_x_offset'] != '') ? stripslashes( esc_attr( $options['poll_title_text_shadow_x_offset'] ) ) : 2;

$poll_title_text_shadow_y_offset = (isset($options['poll_title_text_shadow_y_offset']) && $options['poll_title_text_shadow_y_offset'] != '') ? stripslashes( esc_attr( $options['poll_title_text_shadow_y_offset'] ) ) : 2;

$poll_title_text_shadow_z_offset = (isset($options['poll_title_text_shadow_z_offset']) && $options['poll_title_text_shadow_z_offset'] != '') ? stripslashes( esc_attr( $options['poll_title_text_shadow_z_offset'] ) ) : 0;

// Display form fields labels
$options['display_fields_labels'] = isset($options['display_fields_labels']) ? sanitize_text_field($options['display_fields_labels']) : 'off';
$display_fields_labels = (isset($options['display_fields_labels']) && $options['display_fields_labels'] == 'on') ? true : false;

// Autofill user data
$options['autofill_user_data'] = isset($options['autofill_user_data']) ? sanitize_text_field($options['autofill_user_data']) : 'off';
$autofill_user_data = (isset($options['autofill_user_data']) && $options['autofill_user_data'] == 'on') ? true : false;

// Change the author of the current poll
$change_poll_create_author = (isset($options['poll_create_author']) && $options['poll_create_author'] != '') ? absint( sanitize_text_field( $options['poll_create_author'] ) ) : $user_id;
$get_current_poll_author_data = get_userdata($change_poll_create_author);

// Poll main url
$poll_main_url = (isset($options['poll_main_url']) &&  $options['poll_main_url'] != '') ? stripslashes( esc_url($options['poll_main_url']) ) : '';

//Open logo URL in new tab
$poll_logo_image_url_check_new_tab = (isset($options['poll_logo_url_new_tab' ]) &&  $options['poll_logo_url_new_tab' ] == 'on') ? "checked" : "";

//Poll Logo title
$poll_logo_title = (isset( $options['poll_logo_title' ] ) && $options['poll_logo_title' ] != '') ? esc_attr( $options['poll_logo_title' ] ) : '';

//Poll mobile width
$width_for_mobile = (isset($options['width_for_mobile' ]) && $options['width_for_mobile' ] != '') ? $options['width_for_mobile' ] : '';

// Social Media links
$enable_social_links = (isset($options['enable_social_links']) && $options['enable_social_links'] == "on") ? true : false;
$social_links = (isset($options['social_links'])) ? $options['social_links'] : array(
    'linkedin_link' => '',
    'facebook_link' => '',
    'twitter_link' => '',
    'vkontakte_link' => '',
    'instagram_link' => '',
    'youtube_link' => '',
);
$linkedin_link = isset($social_links['linkedin_link']) && $social_links['linkedin_link'] != '' ? $social_links['linkedin_link'] : '';
$facebook_link = isset($social_links['facebook_link']) && $social_links['facebook_link'] != '' ? $social_links['facebook_link'] : '';
$twitter_link = isset($social_links['twitter_link']) && $social_links['twitter_link'] != '' ? $social_links['twitter_link'] : '';
$vkontakte_link = isset($social_links['vkontakte_link']) && $social_links['vkontakte_link'] != '' ? $social_links['vkontakte_link'] : '';
$youtube_link = isset($social_links['youtube_link']) && $social_links['youtube_link'] != '' ? $social_links['youtube_link'] : '';
$poll_social_links_heading = ( isset( $options[ 'poll_social_links_heading' ] ) && $options[ 'poll_social_links_heading' ] != '' ) ? stripslashes( wpautop( $options[ 'poll_social_links_heading' ] ) ) : '';

$show_chart_type = (isset($options['show_chart_type']) && $options['show_chart_type'] != "") ? $options['show_chart_type'] : 'google_bar_chart';
$show_chart_type_google_height = (isset($options['show_chart_type_google_height']) && $options['show_chart_type_google_height'] != "") ? $options['show_chart_type_google_height'] : 400;

$next_poll_id = "";
$prev_poll_id = '';
if ( isset( $id ) && !is_null( $id ) ) {
    $next_poll = $this->get_next_or_prev_row_by_id( $id, "next", "ayspoll_polls" );
    $next_poll_id = (isset( $next_poll['id'] ) && $next_poll['id'] != "") ? absint( $next_poll['id'] ) : null;

    $prev_poll = $this->get_next_or_prev_row_by_id( $id, "prev", "ayspoll_polls" );
    $prev_poll_id = (isset( $prev_poll['id'] ) && $prev_poll['id'] != "") ? absint( $prev_poll['id'] ) : null;

}

$get_all_polls = Poll_Maker_Data::get_all_polls();

?>
<!--LIVE PREVIEW STYLES-->
<?php
$emoji = array(
	"<i class='ays_poll_far ays_poll_fa-dizzy'></i>",
	"<i class='ays_poll_far ays_poll_fa-smile'></i>",
	"<i class='ays_poll_far ays_poll_fa-meh'></i>",
	"<i class='ays_poll_far ays_poll_fa-frown'></i>",
	"<i class='ays_poll_far ays_poll_fa-tired'></i>",
); ?>
<style>
    /*save changing properties of poll in the css-variables*/
    :root {
        /*colors*/
        --theme-main-color: <?php echo esc_attr($options['main_color']); ?>;
        --theme-bg-color: <?php echo esc_attr($options['bg_color']); ?>;
        --theme-answer-bg-color: <?php echo (isset($options['answer_bg_color']) && !empty($options['answer_bg_color'])) ? esc_attr($options['answer_bg_color']) : esc_attr($options['bg_color']); ?>;
        --theme-answer-hover-color: <?php echo (isset($options['answer_hover_color']) && !empty($options['answer_hover_color'])) ? esc_attr($options['answer_hover_color']) : esc_attr($options['text_color']); ?>;
        --theme-title-bg-color: <?php echo (isset($options['title_bg_color']) && !empty($options['title_bg_color'])) ? esc_attr($options['title_bg_color']) : esc_attr($options['bg_color']); ?>;
        --theme-text-color: <?php echo esc_attr($options['text_color']); ?>;
        --theme-button-text-color: <?php echo esc_attr($options['bg_color']); ?>;
        --theme-icon-color: <?php echo esc_attr($options['icon_color']); ?>;
        /*options*/
        --poll-width: <?php echo ((int)$options['width'] > 0) ? (int)$options['width'] . "px" : "100%"; ?>;
        --poll-border-style: <?php echo esc_attr($options['border_style']); ?>;
        --poll-border-radius: <?php echo absint($options['border_radius']); ?>px;
        --poll-border-width: <?php echo absint($options['border_width']); ?>px;
        --poll-box-shadow: <?php echo (isset($options['box_shadow_color']) && !empty($options['box_shadow_color'])) ? esc_attr($options['box_shadow_color']) . ' 0px 0px 10px 0px' : ''; ?>;
        --poll-bagckround-image: <?php echo !empty($options['bg_image']) ? "url(" . esc_url($options['bg_image']) . ")" : "unset"; ?>;
        --poll-icons-size: <?php echo absint($options['icon_size']) >= 10 ? absint($options['icon_size']) : 24; ?>px;
        --poll-display-title: <?php echo $poll['show_title'] ? "block" : "none"; ?>;
        --poll-display-image-box: <?php echo !empty($poll['image']) ? "block" : "none"; ?>;

    }

    
    input[type='button'].ays-poll-btn{
		font-size: <?php echo esc_attr($poll_buttons_font_size); ?>px;
		padding: <?php echo esc_attr($poll_buttons_top_bottom_padding). "px ". esc_attr($poll_buttons_left_right_padding). "px"; ?>;
		border-radius: <?php echo esc_attr($poll_buttons_border_radius); ?>px;
		width:  <?php echo esc_attr($poll_buttons_width); ?>px;
	}

    @media (max-width: 768px) {
        input[type='button'].ays-poll-btn{
            width: <?php echo esc_attr($poll_buttons_mobile_width); ?>px;
        }
    }
</style>
<!--LIVE PREVIEW STYLES END-->
<div class="wrap">
	<div class="ays-poll-heading-box">
        <div class="ays-poll-wordpress-user-manual-box">
            <a href="https://ays-pro.com/wordpress-poll-maker-user-manual" target="_blank" style="text-decoration: none;font-size: 13px;">
                <i class="ays_poll_fas ays_fa_file_text"></i>
                <span style="margin-left: 3px;text-decoration: underline;"><?php echo esc_html__("View Documentation", "poll-maker"); ?></span>
            </a>
        </div>
    </div>
    <div class="container-fluid">
        <form class="ays-poll-form" id="ays-poll-form" method="post">
            <input type="hidden" name="ays_poll_active_tab" id="ays_poll_active_tab" value="<?php echo esc_attr($active_tab); ?>"/>
           	<input type="hidden" name="ays_poll_ctrate_date" value="<?php //echo $poll_create_date; ?>">
           	<input type="hidden" name="ays_poll_author" value="<?php echo esc_attr(json_encode($poll_author)); ?>">
            <input type="hidden"  id="poll_choose_type_first" value="<?php echo esc_attr($poll['type']); ?>" >
            <h1 class="wp-heading-inline">
				<?php
				echo esc_html($heading);
				?>
            </h1>
            <div>
            	<div class="ays-poll-subtitle-main-box">
                    <p class="ays-subtitle ays-poll-open-list">
                        <strong class="ays_poll_title_in_top"><?php echo esc_html($poll['title']); ?></strong>
                        <?php if(isset($id) && count($get_all_polls) > 1):?>                        
                        <img class="ays-poll-open-polls-list" src="<?php echo esc_url( POLL_MAKER_AYS_ADMIN_URL ) .'/images/icons/list-icon.svg'; ?>">
                        <?php endif; ?>
                    </p>
                    <?php if(isset($id) && count($get_all_polls) > 1):?>
                    <div class="ays-poll-polls-data">
                        <?php $var_counter = 0; foreach($get_all_polls as $var => $var_name): if( intval($var_name['id']) == $id ){continue;} $var_counter++; ?>
                            <?php ?>
                            <label class="ays-poll-message-vars-each-data-label">
                                <input type="radio" class="ays-poll-polls-each-data-checker" hidden id="ays_poll_message_var_count_<?php echo esc_attr($var_counter); ?>" name="ays_poll_message_var_count">
                                <div class="ays-poll-polls-each-data">
                                    <input type="hidden" class="ays-poll-polls-each-var" value="<?php echo esc_attr($var); ?>">
                                    <a href="?page=poll-maker-ays&action=edit&poll=<?php echo esc_attr($var_name['id']); ?>" target="_blank" class="ays-poll-go-to-polls"><span><?php echo esc_attr(stripslashes($var_name['title'])); ?></span></a>
                                </div>
                            </label>              
                        <?php endforeach ?>
                    </div>                        
                <?php endif; ?>
                </div>
                <?php if($id !== null): ?>
                <div class="row">
                    <div class="col-sm-3">
                        <label> <?php echo esc_html__( "Shortcode text for editor", "poll-maker" ); ?> </label>
                    </div>
                    <div class="col-sm-9">
                        <p style="font-size:14px; font-style:italic;">
                            <?php echo esc_html__("To insert the Poll into a page, post or text widget, copy shortcode", "poll-maker"); ?>
                            <strong class="ays-poll-shortcode-box" data-toggle="tooltip" title="<?php echo esc_html__('Click for copy.',"poll-maker");?>" onClick="selectElementContents(this)" style="font-size:16px; font-style:normal;"><?php echo "[ays_poll id=". esc_attr($id) ."]"; ?></strong>
                            <?php echo " " .esc_html__( "and paste it at the desired place in the editor.", "poll-maker"); ?>
                        </p>
                    </div>
                </div>
                <?php endif;?>
            </div>
            <hr>
            <div class='ays-all-container'>
                <div class='ays-all-sub-container'>
                    <div class="ays-top-menu-wrapper">
                        <div class="ays_menu_left" data-scroll="0"><i class="ays_poll_fas ays_poll_fa-left"></i></div>
                        <div class="ays-top-menu">
                            <div class="nav-tab-wrapper ays-top-tab-wrapper">
                                <a href="#tab1" data-title="General"
                                class="nav-tab <?php echo $active_tab == 'General' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__('General', "poll-maker"); ?>
                                </a>
                                <a href="#tab2" data-title="Styles"
                                class="nav-tab <?php echo $active_tab == 'Styles' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__('Styles', "poll-maker"); ?>
                                </a>
                                <a href="#tab3" data-title="Settings"
                                class="nav-tab <?php echo $active_tab == 'Settings' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__('Settings', "poll-maker"); ?>
                                </a>
                                <a href="#tab8" data-title="Results Settings"
                                class="nav-tab <?php echo $active_tab == 'Results Settings' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__('Results Settings', "poll-maker"); ?>
                                </a>
                                <a href="#tab4" data-title="Limitations"
                                class="nav-tab <?php echo $active_tab == 'Limitations' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__("Limitations", "poll-maker"); ?>
                                </a>                
                                <a href="#tab5" data-title="Userdata"
                                class="nav-tab <?php echo $active_tab == 'Userdata' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__('User Data', "poll-maker"); ?>
                                </a>
                                <a href="#tab6" data-title="Email"
                                class="nav-tab <?php echo $active_tab == 'Email' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__('Email', "poll-maker"); ?>
                                </a>
                                <a href="#tab7" data-title="Integrations"
                                class="nav-tab <?php echo $active_tab == 'Integrations' ? 'nav-tab-active' : ''; ?>">
                                    <?php echo esc_html__('Integrations', "poll-maker"); ?>
                                </a>
                            </div>
                            <div class='top-menu-buttons-container'>
                                <?php
                                    echo wp_kses($loader_iamge, $loader_iamge_allow);
                                    $save_attributes = array(
                                        'id' => 'ays-button-top-apply',
                                        'title' => 'Ctrl + s',
                                        'data-toggle' => 'tooltip',
                                        'data-delay'=> '{"show":"1000"}'
                                    );
                                    submit_button( esc_html__('Save', "poll-maker"), 'ays-bottom-menu-buttons', 'ays_apply_top', false, $save_attributes);
                                    $save_close_attributes = array('id' => 'ays-button-top');
                                    submit_button( esc_html__('Save and close', "poll-maker"), 'primary ays-top-menu-save-and-close ays-bottom-menu-buttons', 'ays_submit_top', false, $save_close_attributes);
                                    submit_button( esc_html__('Cancel', "poll-maker"), 'ays-button ays-top-menu-cancel ays-bottom-menu-buttons', 'ays_poll_cancel_top', false, array());
                                ?>
                            </div>
                        </div>
                        <div class="ays_menu_right" data-scroll="-1"><i class="ays_poll_fas ays_poll_fa-right"></i></div>
                    </div>
                    <div id="tab1" class="ays-poll-tab-content <?php echo $active_tab == 'General' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <div class="col-sm-12" style="padding-left:0;display:flex;justify-content:space-between;">
                            <p class="ays-subtitle" style="margin-bottom:0;">
                                <?php echo esc_html__('General options', "poll-maker"); ?>
                            </p>
                            <?php if ($poll_main_url != ''): ?>
                                <div class="d-flex align-items-end justify-content-end" style="margin-top: 15px;">
                                    <a data-toggle="tooltip" title="<?php echo esc_attr__("After clicking on the View button you will be redirected to the particular poll link.", "poll-maker");?>" href="<?php echo $poll_main_url != '' ? esc_url($poll_main_url) : 'javascript:void(0)'; ?>" target="<?php echo $poll_main_url != '' ? '_blank' : ''; ?>" type="button" class="button button-primary" style="margin-right: 12px;">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                        <span style="margin-left: 5px;"><?php echo esc_html__( 'View', "poll-maker" ); ?></span>
                                    </a>
                                </div>
                            <?php endif; ?>
                        </div>
                        <hr>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <label for='ays-poll-title'>
                                    <?php echo esc_html__('Title', "poll-maker"); ?>
                                    <a class="ays_help" data-toggle="tooltip"
                                    data-placement="top"
                                    title="<?php echo esc_html__("Define a name for your poll which will be shown as a headline inside the poll.", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </label>
                            </div>
                            <div class="col-sm-9 ays_divider_left">
                                <input type="text" class="ays-text-input" id='ays-poll-title' name='ays-poll-title'
                                    data-required="false" value="<?php echo esc_attr($poll_title); ?>"/>
                            </div>
                        </div>
                        <hr>
                        <div class="form-group row" style="display: flex;">
                            <div class="col-sm-3">
                                <label for='ays-poll-question'>
                                <?php echo esc_html__('Question', "poll-maker"); ?><a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Write the main content/question, which will be shown inside the poll.", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                    <a href="javascript:void(0)" class="add-question-image button">
                                        <?php echo esc_html($image_text); ?><a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Add an image to the question.", "poll-maker"); ?>">
                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                        </a></a>
                                </label>
                                <div class="ays-poll-question-image-container" style="<?php echo esc_attr($style); ?>">
                                    <span class="ays-remove-question-img"></span>
                                    <img src="<?php echo $poll['image']; ?>" id="ays-poll-img"/>
                                    <input type="hidden" name="ays_poll_image" id="ays-poll-image" value="<?php echo $poll['image']; ?>"/>
                                </div>
                            </div>
                            <div class="col-sm-9">
                                <?php
                                $content   = stripslashes($poll["question"]);
                                $editor_id = 'ays-poll-question';
                                $settings  = array(
                                    'editor_height' => $poll_wp_editor_height,
                                    'textarea_name' => 'ays_poll_question',
                                    'editor_class'  => 'ays-textarea',
                                    'media_buttons' => true,
                                    'tinymce'       => array(
                                        "init_instance_callback" => "function(editor) {
                                            editor.on('Change', function(e) {
                                                document.querySelector('.box-apm .ays_question').innerHTML = e.level.content;
                                            });
                                        }",
                                    )
                                );
                                wp_editor($content, $editor_id, $settings);
                                ?>
                            </div>
                        </div>
                        <hr>
                        
                        <?php if ($poll['type'] == 'choosing') : ?>
                            <div class="form-group row if-not-choosing-hide ays_poll_option_only_for_choosing_type" style="display: flex;">
                                <div class="col-sm-3">
                                    <label for="ays-poll-answer" >
                                        <?php echo esc_html__('Options', "poll-maker"); ?>
                                    </label>
                                </div>
                                <div class="col-sm-9 poll-type-block  ays-poll-type-block ays-poll-answers-table-scroll-mobile" >
                                    <div>
                                        <div class='add-option-top-container'>
                                            <a class="ays-add-answer ays-click-once" id='add-answer'>
                                                <img src= "<?php echo (esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/icons/plus.svg') ?>" class='plus-sign'>
                                                <span><?php echo esc_html__('Add Option', "poll-maker"); ?></span>
                                            </a>
                                        </div>
                                    <table class="ays-answers-table" id="ays-answers-table" ays_default_count="<?php echo 2; ?>">
                                        <thead>
                                            <tr class="ui-state-default">
                                                <th class="th-150"><?php echo esc_html__('Ordering', "poll-maker"); ?></th>
                                                <th style="width: 100vw;"><?php echo esc_html__('Option', "poll-maker"); ?></th>
                                                <th class="th-350 ays-answer-redirect-row <?php echo ($redirect_after_submit) ? '' : 'ays_poll_display_none'; ?>"><?php echo esc_html__('Redirect URL', "poll-maker"); ?></th>
                                                <th class="th-150 only_pro"><?php echo esc_html__('Image', "poll-maker"); ?></th>
                                                <th class="th-150"><?php echo esc_html__('Delete', "poll-maker"); ?></th>
                                            </tr>
                                        </thead>
                                        <tbody class="">
                                        <?php 
                                        $answers = $poll['answers'];
                                        $answers_count = (! empty($answers) ) ? count($answers) : $answer_default_count;
                                        $loop_iteration = 0;
                                        $rows_count = count($answers);
                                        $ays_key_enter = "";
                                        $user_add_html = '';
                                        $user_add_html_allow = array(
                                            'input' => array(
                                                'type' => array(),
                                                'class' => array(),
                                                'style' => array(),
                                                'title' => array(),
                                                'checked' => array()
                                            )
                                        );
                                        if (count($answers) > 0  && $poll['type'] == 'choosing') :
                                            foreach ($answers as $index => $answer) {
                                                $user_add_html = '';
                                                $class = (($index + 1) % 2 == 0) ? "even" : "";
                                                $answer_val = stripslashes(htmlentities($answer["answer"]));
                                                $answer_id  = $answer["id"];
                                                $answer_img_class  = (isset($answer['answer_img']) && $answer['answer_img'] != '') ? 'display:block' : 'display:none;';
                                                $answer_img  = (isset($answer['answer_img']) && $answer['answer_img'] == '') ? '' : $answer['answer_img'];
                                                $answer_redirect  = (isset($answer['redirect']) && $answer['redirect'] != '') ? esc_url($answer['redirect']) : '';
                                                $user_added = (isset($answer['user_added']) && $answer['user_added'] == 1) ? true : false;
                                                $show_user_added = (isset($answer['show_user_added']) && $answer['show_user_added'] == 1) ? true : false;

                                                if ((isset($options['poll_allow_answer']) && $options['poll_allow_answer'] == "on") 
                                                    && (isset($options['poll_allow_answer_require']) && $options['poll_allow_answer_require'] == "on")) {
                                                    $disable_show_user_added = '';
                                                }else{
                                                    $disable_show_user_added = 'display: none;';
                                                }

                                                $show_user_added_checkbox = '';
                                                if ($show_user_added == 1) {
                                                    $show_user_added_checkbox = 'checked';
                                                }
                                                if ( $user_added ) { 
                                                    $user_add_html = '<input type="checkbox" class="ays_show_user_added" style="'. $disable_show_user_added .'" title="Show up on the poll" '. $show_user_added_checkbox .' />';
                                                }

                                                if(isset($answer['show_user_added']) && $answer['show_user_added'] == 1){
                                                    $check_show_user_added = "1";
                                                }elseif (isset($answer['show_user_added']) && $answer['show_user_added'] == 0) {
                                                    $check_show_user_added = "0";
                                                }else{
                                                    $check_show_user_added = "1";
                                                }
                                                
                                                if($loop_iteration == $rows_count - 1){
                                                    $ays_key_enter = "ays_poll_enter_key";
                                                }
                                                $loop_iteration++;
                                                ?>
                                                <tr class="ays-answer-row ui-state-default <?php echo esc_attr($class); ?>">
                                                    <td class="ays-sort">
                                                        <div class='ays_poll_move_arrows'></div>
                                                    <td>
                                                        <div class="ays_poll_display_flex">
                                                            <input type="hidden" class="<?php echo ( $user_added ) ? 'ays_show_user_added_hid' : ''; ?>" name="ays_poll_show_user_added[]" value="<?php echo esc_attr($check_show_user_added) ?>" />
                                                            <input type="text" class="ays-text-input ays-answer-value <?php echo esc_attr($ays_key_enter);?>" name="ays-poll-answers[]" data-id="<?php echo esc_attr($index);?>" value="<?php echo esc_html($answer_val); ?>">
                                                            <?php echo wp_kses($user_add_html, $user_add_html_allow); ?>
                                                            <input type="hidden" name="ays-poll-answers-ids[]" data-id="<?php echo esc_attr($index);?>" value="<?php echo esc_attr($answer_id); ?>">
                                                        </div>
                                                    </td>
                                                    <td class="ays-answer-redirect-row <?php echo ($redirect_after_submit) ? '' : 'ays_poll_display_none'; ?>">
                                                        <input type="text" class="ays-text-input ays_redirect_active" id="ays_submit_redirect_url_<?php echo esc_attr($answer_id); ?>" name="ays_submit_redirect_url[]" value="<?php echo esc_url($answer_redirect); ?>"/>
                                                    </td>
                                                    <td>
                                                        <label class='ays-label' for='ays-answer' style="<?php echo ($answer_img == '') ? 'display:inline-block;' : 'display:none'; ?>">
                                                            <a class="ays-poll-add-answer-image add-answer-image-icon" style="<?php echo ($answer_img == '') ? 'display:block;' : 'display:none'; ?>"></a>
                                                        </label>
                                                        <div class="ays-poll-answer-image-container" style="<?php echo esc_attr($answer_img_class); ?>">
                                                            <span class="ays-poll-remove-answer-img"></span>
                                                            <img src="<?php echo $answer_img; ?>" class="ays-poll-answer-img"/>
                                                            <input type="hidden" name="ays-poll-answers-images[]" class="ays-poll-answer-image-path" value="<?php echo $answer_img; ?>">
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <a href="javascript:void(0)" class="ays-delete-answer" data-id="<?php echo esc_attr($index);?>" data-lid="<?php echo esc_attr($index);?>">
                                                        </a>
                                                    </td>
                                                </tr>
                                                <?php
                                            }
                                            ?>
                                        <?php
                                        else:
                                            for ($dac_i=0; $dac_i < intval($answer_default_count); $dac_i++) :
                                                if($loop_iteration == intval($answer_default_count) - 1){
                                                    $ays_key_enter = "ays_poll_enter_key";
                                                }
                                                $loop_iteration++;
                                                $ays_even_or_not =  ($dac_i%2 !=0) ? 'even' : '';
                                            ?>
                                            <tr class="ays-answer-row ui-state-default <?php echo esc_attr($ays_even_or_not); ?>">
                                                <td class="ays-sort">
                                                    <div class='ays_poll_move_arrows'></div>    
                                                </td>
                                                <td class="ays-choosing-answer-container">
                                                    <div class="ays_poll_display_flex">
                                                        <input type="text" class="ays-text-input ays-answer-value <?php echo esc_attr($ays_key_enter);?>" name="ays-poll-answers[]" data-id="<?php echo esc_attr($dac_i);?>" value="<?php echo esc_html__("Option", "poll-maker") . " " . (esc_attr($dac_i+1)); ?>">
                                                        <?php echo wp_kses($user_add_html, $user_add_html_allow); ?>
                                                        <input type="hidden" name="ays-poll-answers-ids[]" data-id="<?php echo esc_attr($dac_i);?>" value="0">
                                                    </div>
                                                </td>
                                                <td class="ays-answer-redirect-row <?php echo ($redirect_after_submit) ? '' : 'ays_poll_display_none'; ?>">
                                                    <input type="text" class="ays-text-input ays_redirect_active" id="ays_submit_redirect_url_<?php echo esc_attr($dac_i); ?>" name="ays_submit_redirect_url[]" value=""/>
                                                </td>
                                                <td>
                                                    <label class='ays-label' for='ays-answer'>
                                                        <a class="ays-poll-add-answer-image add-answer-image-icon"></a>
                                                    </label>
                                                    <div class="ays-poll-answer-image-container" style="display:none;">
                                                        <span class="ays-poll-remove-answer-img"></span>
                                                        <img src="" class="ays-poll-answer-img"/>
                                                        <input type="hidden" name="ays-poll-answers-images[]" class="ays-poll-answer-image-path" value=""/>
                                                    </div>
                                                </td>

                                                <td>
                                                    <a href="javascript:void(0)" class="ays-delete-answer" data-id="<?php echo esc_attr($dac_i);?>" data-lid="<?php echo esc_attr($dac_i);?>">
                                                    </a>
                                                </td>
                                            </tr>
                                            <?php
                                            endfor;
                                        endif;
                                        ?>
                                        </tbody>
                                    </table>				
                                    <div class='add-option-top-container'>
                                        <a class="ays-add-answer" id='add-answer'>
                                            <img src= "<?php echo (esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/icons/plus.svg') ?>" class='plus-sign'>
                                            <span><?php echo esc_html__('Add Option', "poll-maker"); ?></span>
                                        </a>
                                    </div> 		
                                    <input type="hidden" id="ays_poll_answers_count" value="<?php echo esc_attr($answers_count); ?>">
                                    <input type="hidden" id="ays_answer_checker" value="<?php echo esc_attr($checking_answer_hover_live); ?>">
                                </div>
                                
                            </div>
                        </div>
                        <?php endif; ?>
                        <hr class="ays_poll_option_only_for_choosing_type" style="display: <?php echo ($poll['type'] == 'choosing') ? 'flex' : 'none' ?>">
                        <div class="form-group row" style="display: flex;">
                                        <div class="col-sm-3">
                                            <label for="ays-poll-answer" >
                                                <?php echo esc_html__('Option Settings', "poll-maker")?>
                                            </label>
                                        </div>
                            <div class="col-sm-9">
                        <div class="if-choosing apm-poll-type poll-type-block form-group row ays-poll-type-block" >
                            <div class="col-sm-12">
                                <div class="form-group row">
                                    <div class="col-1">
                                        <input type="checkbox" class="ays-enable-timer1" id="ays_redirect_after_submit" name="ays_redirect_after_submit" value="on" <?php echo $redirect_after_submit ? 'checked' : '' ?>/>
                                    </div>
                                    <div class="col-4 unset-padding-left">
                                        <label for="ays_redirect_after_submit" >
                                            <?php echo esc_html__('Answer Redirection', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Enable redirection to the custom URL(s) after the user votes the poll. Assign different URLs to each answer separately.', "poll-maker")?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr class="ays_poll_option_only_for_choosing_type" style="display: <?php echo ($poll['type'] == 'choosing') ? 'flex' : 'none' ?>">
                        <div class="if-choosing apm-poll-type poll-type-block form-group ays-poll-type-block row ays_toggle_parent">
                            <div class="col-sm-12">
                                <div class="form-group row ays_poll_allow_add_answers_flex_container">
                                    <div class="col-1">
                                        <input type="checkbox" name="ays_poll_allow_add_answers" id="ays_poll_allow_add_answers" class="ays_toggle_checkbox"
                                        value="on" <?php echo esc_attr($poll_allow_answer) ?>>
                                    </div>
                                    <div class="col-4 unset-padding-left">
                                        <label for="ays_poll_allow_add_answers">
                                            <?php echo esc_html__('Allow custom answer', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Allow users to add their custom answer.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-7 allow_add_answers_not_show_up_container">
                                        <div class="ays_toggle_target" <?php echo esc_attr($poll_allow_answer) ? '' : 'style="display:none;"'; ?>>
                                            <div class="form-group row allow_add_answers_not_show_up ays_toggle_parent">
                                                <div class="col-2 ays_divider_left">
                                                    <input type="checkbox" class="ays_toggle_checkbox" name="ays_poll_allow_answer_require" id="ays_poll_allow_answer_require"
                                                        value="on" <?php echo esc_attr($poll_allow_answer_require) ?> />
                                                </div>
                                                <div class="col-10">
                                                    <label for="ays_poll_allow_answer_require">
                                                        <?php echo esc_html__('Require admin approval', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("If the option is enabled, the answers added by users will require admin approval to be shown up inside the poll (public).", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <?php
                                                $poll_answers = $poll['answers'];
                                                $is_user_added_exist = 0;
                                                foreach ($poll_answers as $index => $answer) {
                                                    if($answer['user_added'] == 1) {
                                                        $is_user_added_exist++;
                                                    }
                                                }
                                                if($is_user_added_exist > 0):
                                                ?>
                                               <div class="col-12 row ays_toggle_target" <?php echo ($poll_allow_answer_require) == '' ? 'style="display:none;"' : '' ; ?>>
                                                    <div class="col-2 ays_divider_left" style="align-items: center;">
                                                        <input type="checkbox" id="ays_poll_require_approve_select_all"/>
                                                    </div>    
                                                    <div class="col-10">
                                                        <label for="ays_poll_require_approve_select_all">
                                                            <?php echo esc_html__('Select all', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip"
                                                            data-placement="top"
                                                            title="<?php echo esc_html__("If the option is enabled, all the custom answers will be ticked in bulk and will be displayed for the poll on the front end.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                </div>
                                                <?php
                                                endif;
                                                ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> <!-- Allow custom answer -->
                        <hr class="ays_poll_option_only_for_choosing_type" style="display: <?php echo ($poll['type'] == 'choosing') ? 'flex' : 'none' ?>">
                        <div class="if-voting poll-type-block  form-group row">
                            <div class="col-sm-3">
                                <label for="ays-poll-vote-type">
                                    <?php echo esc_html__('Appearance', "poll-maker"); ?><a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Select the appearance of the poll.", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a></label>
                            </div>
                            <div class="col-sm-9 answers-col">
                                <select class="ays-select" id="ays-poll-vote-type" name="ays-poll-vote-type">
                                    <option value='hand' <?php echo $poll['view_type'] == 'hand' ? "selected" : ""; ?>>
                                        <?php echo esc_html__('Hand', "poll-maker"); ?>
                                    </option>
                                    <option value="emoji" <?php echo $poll['view_type'] == 'emoji' ? "selected" : ""; ?>>
                                        <?php echo esc_html__('Emoji', "poll-maker"); ?>
                                    </option>
                                </select>
                                <?php    
                                switch ($poll['view_type']) {
                                    case 'hand':
                                        $vote_res = 'ays_poll_far ays_poll_fa-thumbs-up';
                                        $rate_res = 'ays_poll_fas ays_poll_fa-star';
                                        break;

                                    case 'emoji':
                                        $vote_res = 'ays_poll_fas ays_poll_fa-smile';
                                        $rate_res = 'ays_poll_fas ays_poll_fa-smile';
                                        break;

                                    case 'star':
                                        $rate_res = 'ays_poll_fas ays_poll_fa-star';
                                        $vote_res = 'ays_poll_far ays_poll_fa-thumbs-up';
                                        break;
                                    
                                    default:
                                        $vote_res = 'ays_poll_far ays_poll_fa-thumbs-up';
                                        $rate_res = 'ays_poll_fas ays_poll_fa-star';
                                        break;
                                }
                                ?>
                                <i id="vote-res" class="<?php echo esc_attr($vote_res); ?>"></i>
                            </div>
                        </div>
                        <div class="if-rating poll-type-block  form-group row">
                            <div class="col-sm-3">
                                <label for="ays-poll-rate-type">
                                    <?php echo esc_html__('Appearance', "poll-maker"); ?><a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Select the appearance and the scale of assessment of the poll.", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a></label>
                            </div>
                            <div class="col-sm-9 answers-col">
                                <select class="ays-select" id="ays-poll-rate-type" name="ays-poll-rate-type">
                                    <option value='star' <?php echo $poll['view_type'] == 'star' ? "selected" : ""; ?>>
                                        <?php echo esc_html__('Stars', "poll-maker"); ?>
                                    </option>
                                    <option value="emoji" <?php echo $poll['view_type'] == 'emoji' ? "selected" : ""; ?>>
                                        <?php echo esc_html__('Emoji', "poll-maker"); ?>
                                    </option>
                                </select>
                                <select class="ays-select" id="ays-poll-rate-value" name="ays-poll-rate-value">
                                    <option value="<?php echo count($poll['answers']); ?>" selected>
                                        <?php echo count($poll['answers']); ?>
                                    </option>
                                </select>
                                <i id="rate-res" class="<?php echo esc_attr($rate_res); ?>"></i>
                            </div>
                        </div>
                        <hr class="if-voting if-rating">
                        <div class="form-group row">
                            <div class="col-sm-12 only_pro" style="padding:15px;">
                                <div class="pro_features pro_features_popup">
                                    <div class="pro-features-popup-conteiner">
                                        <div class="pro-features-popup-title">
                                            <?php echo esc_html__("Add Fake Votes", "poll-maker"); ?>
                                        </div>
                                        <div class="pro-features-popup-content" data-link="https://youtu.be/5eEyF5VS43c">
                                            <p>
                                                <?php echo esc_html__("Have you just created your poll and want it to look trustworthy and popular? You can add this \"Add Fake Votes\" feature to your polls and increase the number of votes for your polls by making them look more credible. Add as many fake votes as you want to every poll option, then remove them easily.", "poll-maker"); ?>
                                            </p>
                                        </div>
                                        <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-add-fake-votes-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                            <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                        </div>
                                    </div>
                                </div>
                                <div class="pro_features" style="justify-content:flex-end;">
                                </div>
                                <div class="form-group row">
                                    <div class="col-1">
                                        <input type="checkbox" name="ays_add_f_votes"
                                        value="on">
                                    </div>
                                    <div class="col-11 unset-padding-left">
                                        <label for="ays_add_f_votes">
                                            <?php echo esc_html__('Add fake votes', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Allow users to add their fake votes to each option.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                </div>
                                <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                    <div class="ays-poll-new-upgrade-button-box">
                                        <div>
                                            <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                            <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                        </div>
                                        <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                    </div>
                                </a>
                                <div class="ays-poll-new-watch-video-button-box">
                                    <div>
                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24.svg'?>">
                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24_hover.svg'?>" class="ays-poll-new-watch-video-button-hover">
                                    </div>
                                    <div class="ays-poll-new-watch-video-button"><?php echo esc_html__("Watch Video", "poll-maker"); ?></div>
                                </div>
                            </div>
                        </div>
                        <hr class="ays_hr_on_text" <?php echo $poll['type'] == 'text' ? "" : "style='display: none;'"?>>
                        <div class="if-text poll-type-block form-group row">
                            <div class="col-sm-3">
                                <label for="">
                                    <?php echo esc_html__('Choose text type', "poll-maker"); ?>
                                    <a class="ays_help" data-toggle="tooltip" data-html="true" data-placement="top" title="<p style='margin-bottom:3px;'>
                                            <?php echo esc_html__( 'Choose the type of the question:' , "poll-maker" ); ?>
                                                <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'Short text', "poll-maker" ); ?></strong><?php echo esc_html__( ' - a question that requires to be answered by writing short text.' , "poll-maker" ); ?></p>
                                                <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'Paragraph', "poll-maker" ); ?></strong><?php echo esc_html__( ' - a question that requires to be answered by writing text.', "poll-maker" ); ?></p>">
                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </label>
                            </div>
                            <div class="col-sm-9 answers-col row">
                                <div class="d-flex" style="padding: 0 15px;">
                                    <div class="form-check-inline">
                                        <input type="radio" id="ays_poll_text_type_short" name="ays_poll_text_type" value="short_text" class="ays-poll-text-types-type" <?php echo ($poll_view_type_for_text == "short_text") ? "checked" : ""; ?>>
                                        <label for="ays_poll_text_type_short"><?php echo esc_html__("Short text", "poll-maker");?>
                                        </label>
                                    </div>
                                    <div class="form-check-inline">
                                        <input type="radio" id="ays_poll_text_type_paragraph" name="ays_poll_text_type" value="paragraph" class="ays-poll-text-types-type" <?php echo ($poll_view_type_for_text == "paragraph") ? "checked" : ""; ?>>
                                        <label for="ays_poll_text_type_paragraph"><?php echo esc_html__("Paragraph", "poll-maker");?>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr class="ays_hr_on_text" <?php echo $poll['type'] == 'text' ? "" : "style='display: none;'"?>>
                        <div class="if-text poll-type-block form-group row">
                            <div class="col-sm-3">
                                <label for='ays_poll_text_type_placeholder'>
                                    <?php echo esc_html__("Placeholder", "poll-maker"); ?>
                                    <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                    title="<?php echo esc_html__("Write your preferred word to show in the placeholder field.", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </label>
                            </div>
                            <div class="col-sm-3 ays_divider_left">
                                <input type="text" name="ays_poll_text_type_placeholder" id="ays_poll_text_type_placeholder" value="<?php echo esc_attr($poll_text_type_placeholder); ?>">
                            </div>
                        </div>
                        <hr class="ays_hr_on_text" <?php echo $poll['type'] == 'text' ? "" : "style='display: none;'"?>>
                        <div class="if-text poll-type-block form-group row">
                            <div class="col-sm-3">
                                <label for='ays_poll_text_type_width'>
                                    <?php echo esc_html__("Width", "poll-maker"); ?>
                                    <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                    title="<?php echo esc_html__("Specify the width of the text field.", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </label>
                            </div>
                            <div class="col-sm-3 ays_divider_left">
                                <input type="number" name="ays_poll_text_type_width" id="ays_poll_text_type_width" value="<?php echo esc_attr($poll_text_type_width); ?>">
                            </div>
                            <div class="col-sm-6">
                                <select class="ays-text-input ays-text-input-short ays_enable_answer_field ays_poll_select_short" name="ays_poll_text_type_width_type" id="ays_poll_text_type_width_type">
                                    <option value="percent" <?php echo ($poll_text_type_width_type == "percent") ? "selected" : ""; ?>>%</option>
                                    <option value="pixel"   <?php echo ($poll_text_type_width_type == "pixel") ? "selected" : ""; ?>>px</option>
                                </select>
                            </div>
                        </div>
                        <hr class="ays_hr_on_text" <?php echo $poll['type'] == 'text' ? "" : "style='display: none;'"?>>
                        <div class="if-text poll-type-block form-group row ays_toggle_parent">
                            <div class="col-sm-3">
                                <label for="ays_poll_enable_question_length">
                                    <?php echo esc_html__('Maximum length of a text field', "poll-maker"); ?>
                                    <a class="ays_help" data-toggle="tooltip" data-html="true" data-placement="top" title="<?php echo esc_html__( 'Restrict the number of characters/words to be inserted in the text field by the user.' , "poll-maker" ); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </label>
                            </div>
                            <div class="col-sm-1 ays_divider_left">
                                <input type="checkbox" class="ays-enable-timer1 ays_toggle_checkbox" id="ays_poll_enable_question_length" name="ays_poll_enable_question_length" value="on" <?php echo ($poll_text_type_length_enable) ? 'checked' : ''; ?>>                           
                            </div>
                            <div class="col-sm-7 ays_toggle_target ays_divider_left" style=" <?php echo ($poll_text_type_length_enable) ? '' : 'display: none'; ?>">
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label for="ays_poll_question_limit_text_type">
                                            <?php echo esc_html__('Limit by', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Choose your preferred type of limitation.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-8">
                                        <select class="ays-text-input ays-text-input-select" id="ays_poll_question_limit_text_type" name="ays_poll_question_limit_text_type" style="max-width: 100%;">
                                            <option value='characters' <?php echo ($poll_text_type_limit_type == 'characters') ? 'selected' : '' ?> ><?php echo esc_html__( 'Characters' , "poll-maker" ); ?></option>
                                            <option value='words' <?php echo ($poll_text_type_limit_type == 'words') ? 'selected' : '' ?> ><?php echo esc_html__( 'Words' , "poll-maker" ); ?></option>
                                        </select>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label for="ays_poll_question_text_max_length">
                                            <?php echo esc_html__('Length', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Indicate the length of the characters/words.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-8">
                                        <input type="number" id="ays_poll_question_text_max_length" class="ays-text-input" name="ays_poll_question_text_max_length" value="<?php echo $poll_text_type_limit_length; ?>" style="width: 100%;">
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label for="ays_poll_question_enable_text_message">
                                            <?php echo esc_html__('Show word/character counter', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Tick the checkbox and the live box will appear under the text field. It will indicate the current state of word/character usage.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="form-check form-check-inline">
                                            <input type="checkbox" id="ays_poll_question_enable_text_message" name="ays_poll_question_enable_text_message" value="on" <?php echo ($poll_text_type_limit_message) ? "checked" : ""; ?> />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                            </div>
                        </div>
                    </div>
                    <div id="tab2" class="ays-poll-tab-content <?php echo $active_tab == 'Styles' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <p class="ays-subtitle">
                            <?php echo esc_html__('Styling options', "poll-maker"); ?>
                        </p>
                        <hr>
                        <div class="form-group row ays-poll-all-themes-container">
                            <div class="col-sm-1">
                                <label for='ays-poll-theme' class="ays_label_flex">
                                    <?php echo esc_html__('Theme', "poll-maker"); ?>
                                    <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                    title="<?php echo esc_html__("Choose your preferred, ready to use template and customize it with the options below.", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </label>
                            </div>
                            <div class="col-sm-11 apm-themes-row d-flex apm-pro-feature-block" data-themeid="<?php echo $poll['theme_id']; ?>">
                                <div class="ays_poll_theme_image_div col">
                                    <label for="theme_minimal" class="ays-poll-theme-item <?php echo ($poll['theme_id'] == 3) ? 'apm_active_theme"' : ''; ?>">
                                        <p><?php echo esc_html__('Minimal', "poll-maker") ?></p>
                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/themes/minimal.png' ?>"
                                            alt="<?php echo esc_html__('Minimal', "poll-maker") ?>">
                                    </label>
                                    <input type="radio" name="ays_poll_theme" id="theme_minimal"
                                        value="3" <?php echo ($poll['theme_id'] == 3) ? 'checked' : '' ?>>
                                </div>
                                <div class="ays_poll_theme_image_div col">
                                    <label for="theme_classic_light" class="ays-poll-theme-item <?php echo ($poll['theme_id'] <= 1) ? 'apm_active_theme"' : ''; ?>">
                                        <p><?php echo esc_html__('Classic Light', "poll-maker") ?></p>
                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/themes/ClassicLight.png' ?>"
                                            alt="<?php echo esc_html__('Classic Light', "poll-maker") ?>">
                                    </label>
                                    <input type="radio" name="ays_poll_theme" id="theme_classic_light"
                                        value="1" <?php echo ($poll['theme_id'] <= 1) ? 'checked' : '' ?>>
                                </div>
                                <div class="ays_poll_theme_image_div col">
                                    <label for="theme_classic_dark" class="ays-poll-theme-item <?php echo ($poll['theme_id'] == 2) ? 'apm_active_theme"' : ''; ?>">
                                        <p><?php echo esc_html__('Classic Dark', "poll-maker") ?></p>
                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/themes/ClassicDark.png' ?>"
                                            alt="<?php echo esc_html__('Classic Dark', "poll-maker") ?>">
                                    </label>
                                    <input type="radio" name="ays_poll_theme" id="theme_classic_dark"
                                        value="2" <?php echo ($poll['theme_id'] == 2) ? 'checked' : '' ?>>
                                </div>
                                <div class="col">
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="ays_poll_theme_image_div_pro">
                                                <div class="ays_poll_theme_image_div col apm-pro-feature">
                                                    <label class="ays-poll-theme-item">
                                                        <p>Light Shape</p>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/themes/LightShape.png' ?>"
                                                            alt="Light Shape"
                                                            title="<?php echo esc_html__("It is PRO version feature", "poll-maker"); ?>">
                                                    </label>
                                                </div>
                                                <div class="ays_poll_theme_image_div col apm-pro-feature">
                                                    <label class="ays-poll-theme-item">
                                                        <p>Dark Shape</p>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/themes/DarkShape.png' ?>"
                                                            alt="Light Shape"
                                                            title="<?php echo esc_html__("It is PRO version feature", "poll-maker"); ?>">
                                                    </label>
                                                </div>
                                                <div class="ays_poll_theme_image_div col apm-pro-feature">
                                                    <label class="ays-poll-theme-item">
                                                        <p>Coffee Fluid</p>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/themes/CoffeeFluid.png' ?>"
                                                            alt="Coffee Fluid"
                                                            title="<?php echo esc_html__("It is PRO version feature", "poll-maker"); ?>">
                                                    </label>
                                                </div>
                                                <div class="ays_poll_theme_image_div col apm-pro-feature">
                                                    <label class="ays-poll-theme-item">
                                                        <p><?php echo esc_html__("Aquamarine", "poll-maker") ?></p>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/themes/Aquamarine.png' ?>"
                                                            alt="Aquamarine"
                                                            title="<?php echo esc_html__("It is PRO version feature", "poll-maker"); ?>">
                                                    </label>
                                                </div>	                        
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="col ays-poll-styles-page-main-container">
                            <div class="row">
                                <div class="col-lg-6 col-sm-12">
                                    <div class="ays-poll-accordion-options-main-container">
                                        <div class="ays-poll-accordion-header">
                                            <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                            <p class="ays-subtitle ays-poll-subtitle-button"><?php echo esc_html__('Poll styles', "poll-maker"); ?></p>
                                        </div>
                                        <hr class="ays-poll-bolder-hr"/>
                                        <div class="ays-poll-accordion-body">
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-main-color'>
                                                        <?php echo esc_html__('Main Color', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the color of the poll's main attributes. It includes border color, the color of the rate percentage and the background color of the vote button.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" data-alpha="true" id='ays-poll-main-color'
                                                        name='ays_poll_main_color'
                                                        value="<?php echo !empty($options['main_color']) ? $options['main_color'] : $default_colors['main_color']; ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-text-color'>
                                                        <?php echo esc_html__('Text Color', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the color of the text written inside the poll.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" data-alpha="true" id='ays-poll-text-color'
                                                        name='ays_poll_text_color'
                                                        value="<?php echo !empty($options['text_color']) ? esc_attr($options['text_color']) : esc_attr($default_colors['text_color']); ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-icon-color'>
                                                        <?php echo esc_html__('Icons Color', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the icon color in voting and rating types.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" data-alpha="true" id='ays-poll-icon-color'
                                                        name='ays_poll_icon_color'
                                                        value="<?php echo !empty($options['icon_color']) ? esc_attr($options['icon_color']) : esc_attr($default_colors['icon_color']); ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-bg-color'>
                                                        <?php echo esc_html__('Background Color', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Specify the background color of the poll.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" data-alpha="true" id='ays-poll-bg-color'
                                                        name='ays_poll_bg_color'
                                                        value="<?php echo !empty($options['bg_color']) ? esc_attr($options['bg_color']) : esc_attr($default_colors['bg_color']); ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-bg-image'>
                                                        <?php echo esc_html__('Background Image', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Add a background image to the poll. If you add a background image, the background color will not be applied.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <a href="javascript:void(0)" class="add-bg-image button">
                                                        <?php echo esc_html($image_text_bg); ?>
                                                    </a>
                                                    <div class="form-group row" style="<?php echo esc_attr($style_bg); ?>">
                                                        <div class="ays-poll-bg-image-container">
                                                            <span class="ays-remove-bg-img"></span>
                                                            <img src="<?php echo isset($options['bg_image']) ? esc_attr($options['bg_image']) : ""; ?>"
                                                                id="ays-poll-bg-img"/>
                                                            <input type="hidden" name="ays_poll_bg_image" id="ays-poll-bg-image"
                                                                value="<?php echo isset($options['bg_image']) ? esc_attr($options['bg_image']) : ""; ?>"/>
                                                            <input type="hidden" name="ays_poll_bg_image-pos" id="ays-poll-bg-image-pos"
                                                                value="<?php echo isset($options['poll_bg_image_position']) ? esc_attr($options['poll_bg_image_position']) : ""; ?>"/>
                                                        </div>
                                                    </div>
                                                    <div style="<?php echo esc_attr($style_bg_options); ?>" id="ays-poll-background-image-options">
                                                        <hr>
                                                        <div class="form-group row">
                                                            <div class="col-sm-12">
                                                                <label for="ays_poll_bg_image_position">
                                                                    <?php echo esc_html__( "Background image position", "poll-maker" ); ?>
                                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('The position of background image of the polls',"poll-maker")?>">
                                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                    </a>
                                                                </label>
                                                                <select id="ays_poll_bg_image_position" name="ays_poll_bg_image_position" class="ays-text-input ays-select-short ays-text-input-short ays_poll_aysDropdown" style="display:inline-block;">
                                                                    <option value="left top" <?php echo $poll_bg_image_position == "left top" ? "selected" : ""; ?>><?php echo esc_html__( "Left Top", "poll-maker" ); ?></option>
                                                                    <option value="left center" <?php echo $poll_bg_image_position == "left center" ? "selected" : ""; ?>><?php echo esc_html__( "Left Center", "poll-maker" ); ?></option>
                                                                    <option value="left bottom" <?php echo $poll_bg_image_position == "left bottom" ? "selected" : ""; ?>><?php echo esc_html__( "Left Bottom", "poll-maker" ); ?></option>
                                                                    <option value="center top" <?php echo $poll_bg_image_position == "center top" ? "selected" : ""; ?>><?php echo esc_html__( "Center Top", "poll-maker" ); ?></option>
                                                                    <option value="center center" <?php echo $poll_bg_image_position == "center center" ? "selected" : ""; ?>><?php echo esc_html__( "Center Center", "poll-maker" ); ?></option>
                                                                    <option value="center bottom" <?php echo $poll_bg_image_position == "center bottom" ? "selected" : ""; ?>><?php echo esc_html__( "Center Bottom", "poll-maker" ); ?></option>
                                                                    <option value="right top" <?php echo $poll_bg_image_position == "right top" ? "selected" : ""; ?>><?php echo esc_html__( "Right Top", "poll-maker" ); ?></option>
                                                                    <option value="right center" <?php echo $poll_bg_image_position == "right center" ? "selected" : ""; ?>><?php echo esc_html__( "Right Center", "poll-maker" ); ?></option>
                                                                    <option value="right bottom" <?php echo $poll_bg_image_position == "right bottom" ? "selected" : ""; ?>><?php echo esc_html__( "Right Bottom", "poll-maker" ); ?></option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <hr>
                                                        <div class="form-group row">
                                                            <div class="col-sm-8">
                                                                <label for="ays_poll_bg_img_in_finish_page">
                                                                    <?php echo esc_html__( "Hide background image on result page", "poll-maker" ); ?>
                                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('If this option is enabled background image of poll will disappear on the result page.',"poll-maker")?>">
                                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                    </a>
                                                                </label>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <input type="checkbox" class="ays_toggle ays_toggle_slide"
                                                                    id="ays_poll_bg_img_in_finish_page"
                                                                    name="ays_poll_bg_img_in_finish_page"
                                                                        <?php echo ($poll_bg_img_in_finish_page) ? 'checked' : ''; ?>/>
                                                                <label for="ays_poll_bg_img_in_finish_page" style="display:inline-block;margin-left:10px;" class="ays_switch_toggle">Toggle</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_enable_box_shadow'><?php echo esc_html__('Box shadow', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Add a shadow to your poll container. Moreover, you can choose the color of it.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="checkbox" class="ays_toggle ays_toggle_slide"
                                                        id="ays_poll_enable_box_shadow"
                                                        name="ays_poll_enable_box_shadow" <?php echo (isset($options['enable_box_shadow']) && $options['enable_box_shadow'] == 'on') ? 'checked' : ''; ?>>
                                                    <label for="ays_poll_enable_box_shadow" class="ays_switch_toggle">Toggle</label>
                                                    <div class="col-sm-12 ays_toggle_target ays_divider_top"
                                                        style="margin-top: 10px; padding-top: 10px; <?php echo (isset($options['enable_box_shadow']) && $options['enable_box_shadow'] == "on") ? '' : 'display:none;' ?>">
                                                        <label for="ays-poll-box-shadow-color">
                                                            <?php echo esc_html__('Box shadow color', "poll-maker") ?>
                                                            <a class="ays_help" data-toggle="tooltip"
                                                            title="--><?php echo esc_html__('The shadow color of Poll container', "poll-maker") ?>">
                                                                <i class="ays_fa ays_fa_info_circle"></i>
                                                            </a>
                                                        </label>
                                                        <input type="text" class="ays-shadow-input" data-alpha="true" id='ays-poll-box-shadow-color'
                                                            name='ays_poll_box_shadow_color'
                                                            value="<?php echo (isset($options['box_shadow_color']) && !empty($options['box_shadow_color'])) ? esc_attr($options['box_shadow_color']) : '#000000'; ?>"/>
                                                    </div>
                                                    <!---->
                                                    <hr class="ays_toggle_target" style="<?php echo (isset($options['enable_box_shadow']) && $options['enable_box_shadow'] == "on" ) ? '' : 'display:none' ?>">
                                                    <div class="form-group row ays_toggle_target" style="<?php echo (isset($options['enable_box_shadow']) && $options['enable_box_shadow'] == "on" ) ? '' : 'display:none' ?>">
                                                        <div class="col-sm-12">
                                                            <div class="col-sm-3" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-box-shadow-coord-change" id='ays_poll_box_shadow_x_offset' name='ays_poll_box_shadow_x_offset' value="<?php echo esc_attr($poll_box_shadow_x_offset); ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('X', "poll-maker"); ?></span>
                                                            </div>
                                                            <div class="col-sm-3 ays_divider_left" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-box-shadow-coord-change" id='ays_poll_box_shadow_y_offset' name='ays_poll_box_shadow_y_offset' value="<?php echo esc_attr($poll_box_shadow_y_offset); ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('Y', "poll-maker"); ?></span>
                                                            </div>
                                                            <div class="col-sm-3 ays_divider_left" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-box-shadow-coord-change" id='ays_poll_box_shadow_z_offset' name='ays_poll_box_shadow_z_offset' value="<?php echo esc_attr($poll_box_shadow_z_offset); ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('Z', "poll-maker"); ?></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!---->
                                                </div>
                                            </div>
                                            <hr>
                                            <!-- ---------Aro start gradient -->
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays-enable-background-gradient">
                                                        <?php echo esc_html__('Background Gradient', "poll-maker")?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Add a color gradient background in the poll. Moreover, you can choose Color 1, Color 2 and the direction of the gradient.', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="checkbox" class="ays_toggle ays_toggle_slide"
                                                        id="ays-enable-background-gradient"
                                                        name="ays_enable_background_gradient"
                                                            <?php echo ($enable_background_gradient) ? 'checked' : ''; ?>/>
                                                    <label for="ays-enable-background-gradient" class="ays_switch_toggle">Toggle</label>
                                                    <div class="row ays_toggle_target" style="margin: 10px 0 0 0; padding-top: 10px; <?php echo ($enable_background_gradient) ? '' : 'display:none;' ?>">
                                                        <div class="col-sm-12 ays_divider_top" style="margin-top: 10px; padding-top: 10px;">
                                                            <label for='ays-background-gradient-color-1'>
                                                                <?php echo esc_html__('Color 1', "poll-maker"); ?>
                                                            </label>
                                                            <input type="text" class="ays-text-input" id='ays-background-gradient-color-1' name='ays_background_gradient_color_1' data-alpha="true" value="<?php echo esc_attr($background_gradient_color_1); ?>"/>
                                                        </div>
                                                        <div class="col-sm-12 ays_divider_top" style="margin-top: 10px; padding-top: 10px;">
                                                            <label for='ays-background-gradient-color-2'>
                                                                <?php echo esc_html__('Color 2', "poll-maker"); ?>
                                                            </label>
                                                            <input type="text" class="ays-text-input" id='ays-background-gradient-color-2' name='ays_background_gradient_color_2' data-alpha="true" value="<?php echo esc_attr($background_gradient_color_2); ?>"/>
                                                        </div>
                                                        <div class="col-sm-12 ays_divider_top" style="margin-top: 10px; padding-top: 10px;">
                                                            <label for="ays_poll_gradient_direction">
                                                                <?php echo esc_html__('Gradient direction',"poll-maker")?>
                                                            </label>
                                                            <select id="ays_poll_gradient_direction" name="ays_poll_gradient_direction" class="ays-text-input">
                                                                <option <?php echo ($poll_gradient_direction == 'vertical') ? 'selected' : ''; ?> value="vertical"><?php echo esc_html__( 'Vertical', "poll-maker"); ?></option>
                                                                <option <?php echo ($poll_gradient_direction == 'horizontal') ? 'selected' : ''; ?> value="horizontal"><?php echo esc_html__( 'Horizontal', "poll-maker"); ?></option>
                                                                <option <?php echo ($poll_gradient_direction == 'diagonal_left_to_right') ? 'selected' : ''; ?> value="diagonal_left_to_right"><?php echo esc_html__( 'Diagonal left to right', "poll-maker"); ?></option>
                                                                <option <?php echo ($poll_gradient_direction == 'diagonal_right_to_left') ? 'selected' : ''; ?> value="diagonal_right_to_left"><?php echo esc_html__( 'Diagonal right to left', "poll-maker"); ?></option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row ays_toggle_parent">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_image_text_logo">
                                                        <?php echo esc_html__('Poll Logo', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Add logo image for poll. Advisable size for image is 50x50", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_logo_container ays_divider_left">
                                                    <div class="form-group row">
                                                        <div class="col-sm-4">
                                                            <a href="javascript:void(0)" class="add-logo-image button"><?php echo esc_html($image_text_logo); ?></a>                                    
                                                        </div>
                                                        <div class="col-sm-8 ays_logo_image_remove ays_divider_left" style="<?php echo esc_attr($style_logo); ?>">
                                                            <div class="ays-poll-logo-image-container">
                                                                <div class="col-sm-3" style="padding:0;">
                                                                    <img src="<?php echo isset($options['logo_image']) ? esc_attr($options['logo_image']) : ""; ?>"
                                                                        id="ays-poll-logo-img" class="ays_poll_logo_image_main" width="55" height="55"/>
                                                                    <input type="hidden" name="ays_poll_logo_image" id="ays-poll-logo-image"
                                                                        value="<?php echo isset($options['logo_image']) ? $options['logo_image'] : ""; ?>"/>                                            
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <a href="javascript:void(0)" class="add-logo-remove-image button"><?php echo esc_html__("Remove", "poll-maker"); ?></a>                                             
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr class="ays-poll-toggle-image-url-box <?php echo !$style_logo_check ? "display_none" : "";?>">
                                                    <div class="form-group row ays-poll-toggle-image-url-box <?php echo !$style_logo_check ? "display_none" : "";?>">
                                                        <div class="col-sm-4 ">
                                                            <label for="ays_disable_answer_hover">
                                                                <?php echo esc_html__('Logo URL', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip"
                                                                data-placement="top"
                                                                title="<?php echo esc_html__("Add a URL link to the poll's logo image.", "poll-maker"); ?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>                                   
                                                        </div>
                                                        <div class="col-sm-8 ays_divider_left">
                                                            <input type="checkbox"
                                                                name="ays_poll_logo_enable_image_url"
                                                                id="ays_poll_logo_enable_image_url"
                                                                value="on" class="ays_toggle ays_toggle_slide" <?php echo $poll_logo_image_url_check ? "checked" : ""; ?>>
                                                            <label for="ays_poll_logo_enable_image_url" class="ays_switch_toggle"></label>
                                                            <hr class="ays_toggle_target" style="<?php echo $poll_logo_image_url_check ? "" : "display:none"; ?>">
                                                            <div class="row ays_toggle_target" style="padding:0 15px; <?php echo $poll_logo_image_url_check ? "" : "display: none;"; ?>" >
                                                                <input type="text"
                                                                    name="ays_poll_logo_image_url"
                                                                    id="ays_poll_logo_image_url"
                                                                    value="<?php echo $poll_logo_image_url; ?>" style="width: 100%;" class="ays-text-input" placeholder="URL">
                                                            </div>
                                                            <hr class="ays_toggle_target <?php echo $poll_logo_image_url_check ? "" : "display_none"; ?>">
                                                            <div class="row ays_toggle_target ays-poll-logo-open-close" style="<?php echo $poll_logo_image_url_check ? "" : "display: none;"; ?>">
                                                                <div class="col-sm-6">
                                                                    <label for="ays_poll_logo_enable_image_url_new_tab">
                                                                        <?php echo esc_html__('Open in a new tab', "poll-maker"); ?>
                                                                        <a class="ays_help" data-toggle="tooltip"
                                                                        data-placement="top"
                                                                        title="<?php echo esc_html__("Activate this option, if you want to open the URL in a new tab.", "poll-maker"); ?>">
                                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                        </a>
                                                                    </label> 
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <input type="checkbox"
                                                                            name="ays_poll_logo_enable_image_url_new_tab"
                                                                            id="ays_poll_logo_enable_image_url_new_tab"
                                                                            value="on" class="ays_toggle ays_toggle_slide " <?php echo esc_attr($poll_logo_image_url_check_new_tab); ?>>
                                                                    <label for="ays_poll_logo_enable_image_url_new_tab" class="ays_switch_toggle"></label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr class="ays-poll-toggle-image-title-box <?php echo !$style_logo_check ? "display_none" : "";?>">
                                                    <div class="form-group row ays-poll-toggle-image-title-box <?php echo !$style_logo_check ? "display_none" : "";?>">
                                                        <div class="col-sm-4">
                                                            <label for="ays_poll_logo_title">
                                                                <?php echo esc_html__('Logo title', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip"
                                                                data-placement="top"
                                                                title="<?php echo esc_html__("Specify the title of the Logo image.", "poll-maker"); ?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label> 
                                                        </div>
                                                        <div class="col-sm-8 ays_divider_left">
                                                            <input type="text" class="ays-text-input" name="ays_poll_logo_title" id="ays_poll_logo_title" value="<?php echo esc_attr($poll_logo_title); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> 
                                            <!-- Poll logo start -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-title-bg-color'>
                                                        <?php echo esc_html__('Title Background Color', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the background color of the title.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" data-alpha="true"
                                                        id='ays-poll-title-bg-color'
                                                        name='ays_poll_title_bg_color'
                                                        value="<?php echo !empty($options['title_bg_color']) ? $options['title_bg_color'] : 'rgba(255,255,255,0)' ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_title_font_size'>
                                                        <?php echo esc_html__('Title font size', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the font size of the title.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <div>
                                                        <div>
                                                            <label for='ays_poll_title_font_size'>
                                                                <?php echo esc_html__('On desktop', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the font size for PC devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short" id='ays_poll_title_font_size' name='ays_poll_title_font_size' value="<?php echo esc_attr($poll_title_font_size); ?>"/>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <div>
                                                        <div>
                                                            <label for='ays_poll_title_font_size_mobile'>
                                                                <?php echo esc_html__('On mobile', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the font size for mobile devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short" name="ays_poll_title_font_size_mobile" id="ays_poll_title_font_size_mobile" value="<?php echo esc_attr($poll_title_font_size_mobile);?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_title_alignment'>
                                                        <?php echo esc_html__('Title alignment', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the alignment of the title.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <div>
                                                        <div>
                                                            <label for='ays_poll_title_alignment'>
                                                                <?php echo esc_html__('On desktop', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Specify the alignment of the title for PC devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <select class="ays_poll_aysDropdown ays-select-short" id="ays_poll_title_alignment" name="ays_poll_title_alignment">
                                                                <option value="left" <?php echo ($poll_title_alignment == "left") ? "selected" : "";?>><?php echo esc_html__("Left", "poll-maker"); ?></option>
                                                                <option value="center" <?php echo ($poll_title_alignment == "center") ? "selected" : "";?>><?php echo esc_html__("Center", "poll-maker"); ?></option>
                                                                <option value="right" <?php echo ($poll_title_alignment == "right") ? "selected" : "";?>><?php echo esc_html__("Right", "poll-maker"); ?></option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <div>
                                                        <div>
                                                            <label for='ays_poll_title_alignment_mobile'>
                                                                <?php echo esc_html__('On mobile', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Specify the alignment of the title for mobile devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <select class="ays_poll_aysDropdown ays-select-short" id="ays_poll_title_alignment_mobile" name="ays_poll_title_alignment_mobile">
                                                                <option value="left" <?php echo ($poll_title_alignment_mobile == "left") ? "selected" : "";?>><?php echo esc_html__("Left", "poll-maker"); ?></option>
                                                                <option value="center" <?php echo ($poll_title_alignment_mobile == "center") ? "selected" : "";?>><?php echo esc_html__("Center", "poll-maker"); ?></option>
                                                                <option value="right" <?php echo ($poll_title_alignment_mobile == "right") ? "selected" : "";?>><?php echo esc_html__("Right", "poll-maker"); ?></option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr>
                                            <!-- title text shadow start -->
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_title_text_shadow">
                                                        <?php echo esc_html__('Title text shadow', "poll-maker")?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Add text shadow for the poll title.', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="checkbox" class="ays_toggle ays_toggle_slide" id="ays_poll_enable_title_text_shadow" name="ays_poll_enable_title_text_shadow" <?php echo ($enable_poll_title_text_shadow) ? 'checked' : ''; ?>/>
                                                    <label for="ays_poll_enable_title_text_shadow" class="ays_switch_toggle">Toggle</label>
                                                    <div class="col-sm-12 ays_toggle_target ays_divider_top" style="margin-top: 10px; padding-top: 10px; <?php echo ($enable_poll_title_text_shadow) ? '' : 'display: none;' ?>">
                                                        <label for='ays_poll_title_text_shadow_color'>
                                                            <?php echo esc_html__('Color', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Specify text shadow color.', "poll-maker")?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                        <input type="text" class="ays-text-input" id='ays_poll_title_text_shadow_color' data-alpha="true" name='ays_poll_title_text_shadow_color' value="<?php echo esc_attr($poll_title_text_shadow); ?>"/>
                                                    </div>
                                                    <!---->
                                                    <hr class="ays_toggle_target" style="<?php echo $enable_poll_title_text_shadow ? '' : 'display:none'; ?>">
                                                    <div class="form-group row ays_toggle_target" style="<?php echo $enable_poll_title_text_shadow ? '' : 'display:none' ?>">
                                                        <div class="col-sm-12">
                                                            <div class="col-sm-3" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-title-text-shadow-coord-change" id='ays_poll_title_text_shadow_x_offset' name='ays_poll_title_text_shadow_x_offset' value="<?php echo $poll_title_text_shadow_x_offset; ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('X', "poll-maker"); ?></span>
                                                            </div>
                                                            <div class="col-sm-3 ays_divider_left" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-title-text-shadow-coord-change" id='ays_poll_title_text_shadow_y_offset' name='ays_poll_title_text_shadow_y_offset' value="<?php echo $poll_title_text_shadow_y_offset; ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('Y', "poll-maker"); ?></span>
                                                            </div>
                                                            <div class="col-sm-3 ays_divider_left" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-title-text-shadow-coord-change" id='ays_poll_title_text_shadow_z_offset' name='ays_poll_title_text_shadow_z_offset' value="<?php echo $poll_title_text_shadow_z_offset; ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('Z', "poll-maker"); ?></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!---->
                                                </div>
                                            </div>
                                            <!-- title text shadow end -->
                                            <div class="ays_poll_option_only_for_rating_voting_types" style="display: <?php echo ($poll['type'] == 'voting' || $poll['type'] == 'rating') ? 'block' : 'none' ?>">
                                                <hr>
                                                <div class="form-group row">
                                                    <div class="col-sm-4">
                                                        <label for='ays-poll-icon-size'>
                                                            <?php echo esc_html__('Icon size (px)', "poll-maker"); ?>
                                                            <a class="ays_help"
                                                            data-toggle="tooltip"
                                                            data-placement="top"
                                                            title="<?php echo esc_html__("Specify the size of the icons in rating and voting types of the poll in pixels. It should be 10 and more.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-8 ays_divider_left">
                                                        <input type="number" class="ays-text-input ays-text-input-short"
                                                            id='ays-poll-icon-size' name='ays_poll_icon_size'
                                                            value="<?php echo (isset($options['icon_size'])) ? esc_attr($options['icon_size']) : '24'; ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-width'>
                                                        <?php echo esc_html__('Width (px)', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the width of the poll in pixels. If you put 0, the width will be 100%.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <div>
                                                        <div>
                                                            <label for='ays-poll-width'>
                                                                <?php echo esc_html__('On desktop', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the width for PC devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" step="1" min="0" class="ays-text-input ays-text-input-short" id='ays-poll-width' name='ays_poll_width' value="<?php echo $options['width'] ?>"/>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <div>
                                                        <div>
                                                            <label for='ays_poll_width_for_mobile'>
                                                                <?php echo esc_html__('On mobile', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the width for mobile devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number"  class="ays-text-input ays-text-input-short" id='ays_poll_width_for_mobile' name='ays_poll_width_for_mobile' value="<?php echo $width_for_mobile ?>"/>
                                                            <p class="ays_poll_small_hint_text_for_message_variables">
                                                                <span><?php echo esc_html__( "For 100% leave blank" , "poll-maker" ); ?></span>
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr/>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_min_height'>
                                                        <?php echo esc_html__('Min-height', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Set the poll minimum height by entering a numeric value.', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number" class="ays-text-input ays-text-input-short" id='ays_poll_min_height' name='ays_poll_min_height' value="<?php echo esc_attr($poll_min_height); ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_mobile_max_width'>
                                                        <?php echo esc_html__('Poll max-width for mobile', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__('Poll container max-width for mobile in percentage. This option will work for the screens with less than 640 pixels width.', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number" class="ays-text-input ays-text-input-short" id='ays_poll_mobile_max_width'
                                                        name='ays_poll_mobile_max_width' style="display: inline-block;"
                                                        value="<?php echo esc_attr($poll_mobile_max_width); ?>"/> %
                                                        <span class="ays_poll_small_hint_text"><?php echo esc_html__("For 100% leave blank", "poll-maker");?></span>
                                                </div>
                                            </div> <!-- Poll max-width for mobile -->
                                            <hr>
                                        </div>
                                    </div>
                                    <div class="ays-poll-accordion-options-main-container">
                                        <div class="ays-poll-accordion-header">
                                            <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                            <p class="ays-subtitle ays-poll-subtitle-button"><?php echo esc_html__('Question styles', "poll-maker"); ?></p>
                                        </div>
                                        <hr class="ays-poll-bolder-hr"/>
                                        <div class="ays-poll-accordion-body">
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_questions_font_size'>
                                                        <?php echo esc_html__('Question font size', "poll-maker"); ?> (px)
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Specify the font size of the questions( only for <p> tag ). It accepts only numerical values.', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <div>
                                                        <div>
                                                            <label for='ays_questions_font_size'>
                                                                <?php echo esc_html__('On desktop', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the font size for PC devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short ays-poll-question-font-size" name="ays_poll_answers_font_size_pc" id="ays_questions_font_size" value="<?php echo $poll_question_font_size_pc;?>">
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <div>
                                                        <div>
                                                            <label for='ays_poll_answers_font_size_mobile'>
                                                                <?php echo esc_html__('On mobile', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the font size for mobile devices.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short ays-poll-question-font-size" name="ays_poll_answers_font_size_mobile" id="ays_poll_answers_font_size_mobile" value="<?php echo $poll_question_font_size_mobile;?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- Question font size -->                            
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_question_image_height'><?php echo esc_html__('Question image height', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Specify the height of question image of the Poll.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number"
                                                        class="ays-text-input ays-text-input-short"
                                                        id='ays_poll_question_image_height' name='ays_poll_question_image_height'
                                                        value="<?php echo esc_attr($poll_question_image_height); ?>"/>
                                                </div>
                                            </div><!-- Question image height -->  
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_question_image_object_fit'><?php echo esc_html__('Question object fit', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Specify the height of question image of the Poll.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <select class="ays-text-input ays-text-input-short ays_poll_aysDropdown ays-poll-dropdown-select-width-250" id="ays_poll_question_image_object_fit" name="ays_poll_question_image_object_fit">
                                                        <option value="cover"      <?php echo ($poll_question_image_object_fit == "cover")      ? "selected" : ""; ?>><?php echo esc_html__("Cover", "poll-maker"); ?></option>
                                                        <option value="fill"       <?php echo ($poll_question_image_object_fit == "fill")       ? "selected" : ""; ?>><?php echo esc_html__("Fill", "poll-maker"); ?></option>
                                                        <option value="contain"    <?php echo ($poll_question_image_object_fit == "contain")    ? "selected" : ""; ?>><?php echo esc_html__("Contain", "poll-maker"); ?></option>
                                                        <option value="scale-down" <?php echo ($poll_question_image_object_fit == "scale-down") ? "selected" : ""; ?>><?php echo esc_html__("Scale-down", "poll-maker"); ?></option>
                                                        <option value="none"       <?php echo ($poll_question_image_object_fit == "none")       ? "selected" : ""; ?>><?php echo esc_html__("None", "poll-maker"); ?></option>
                                                    </select>
                                                </div>
                                            </div><!-- Question image object fit -->  
                                            <hr>
                                        </div>
                                    </div>
                                    <div class="ays-poll-accordion-options-main-container">
                                        <div class="ays-poll-accordion-header">
                                            <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                            <p class="ays-subtitle ays-poll-subtitle-button"><?php echo esc_html__('Answer Styles', "poll-maker"); ?></p>
                                        </div>
                                        <hr class="ays-poll-bolder-hr"/>
                                        <div class="ays-poll-accordion-body">
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_enable_answer_style'><?php echo esc_html__('Enable answer styles', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Highlight the background of the answers' boxes. The option works only with choosing type.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="checkbox" class="ays_toggle ays_toggle_slide"
                                                        id="ays_poll_enable_answer_style"
                                                        name="ays_poll_enable_answer_style" <?php echo ($options['enable_answer_style'] == 'on') ? 'checked' : ''; ?>>
                                                    <label for="ays_poll_enable_answer_style" class="ays_switch_toggle">Toggle</label>
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style"
                                                        style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <label for="ays-poll-box-shadow-color">
                                                            <?php echo esc_html__('Answers Background Color', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip"
                                                            title="<?php echo esc_html__("Specify the background color of the answers' boxes.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                        <input type="text" class="ays-text-input" data-alpha="true"
                                                        id='ays-poll-answer-bg-color'
                                                        name='ays_poll_answer_bg_color'
                                                        value="<?php echo esc_attr($answer_bg_color); ?>"/>
                                                    </div>
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style"
                                                        style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <label for="ays-poll-answer-hover-color">
                                                            <?php echo esc_html__('Answer Hover Color', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip"
                                                            title="<?php echo esc_html__('Specify the hover color of the answers when mouse is over them.', 'poll-maker'); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                        <input type="text" class="ays-text-input" data-alpha="true"
                                                        id='ays-poll-answer-hover-color'
                                                        name='ays_poll_answer_hover_color'
                                                        value="<?php echo esc_attr($answer_hover_color); ?>"/>
                                                    </div>
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for='ays-poll-border-side'>
                                                                <?php echo esc_html__('Border side', "poll-maker"); ?>
                                                                <a class="ays_help"
                                                                data-toggle="tooltip"
                                                                data-placement="top"
                                                                title="<?php echo esc_html__("Choose your preferred style for the border of the answers' boxes.", "poll-maker"); ?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>                                        
                                                        </div>
                                                        <div id="ays-poll-border-side-box">
                                                            <select name="ays_poll_border_side" id="ays-poll-border-side"
                                                                    class="ays-select ays-select-short ays_poll_aysDropdown">
                                                                <option value="all_sides" <?php echo isset($options['answer_border_side']) && $options['answer_border_side'] == "all_sides" ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__("All sides", "poll-maker"); ?>
                                                                </option>
                                                                <option value="none" <?php echo isset($options['answer_border_side']) && $options['answer_border_side'] == "none" ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__("None", "poll-maker"); ?>
                                                                </option>
                                                                <option value="top" <?php echo isset($options['answer_border_side']) && $options['answer_border_side'] == "top" ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__("Top", "poll-maker"); ?>
                                                                </option>
                                                                <option value="bottom" <?php echo isset($options['answer_border_side']) && $options['answer_border_side'] == "bottom" ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__("Bottom", "poll-maker"); ?>
                                                                </option>
                                                                <option value="left" <?php echo isset($options['answer_border_side']) && $options['answer_border_side'] == "left" ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__("Left", "poll-maker"); ?>
                                                                </option>
                                                                <option value="right" <?php echo isset($options['answer_border_side']) && $options['answer_border_side'] == "right" ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__("Right", "poll-maker"); ?>
                                                                </option>	                                        
                                                            </select>                                        
                                                        </div>
                                                    </div>
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for='ays_answer_font_size'>
                                                                    <?php echo esc_html__('Answer font size', "poll-maker"); ?>
                                                                    <a class="ays_help"
                                                                    data-toggle="tooltip"
                                                                    data-placement="top"
                                                                    title="<?php echo esc_html__("Choose your preferred size for the font of the answers. Size should be not less than 5 and not higher than 90", "poll-maker"); ?>">
                                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                    </a>
                                                            </label>                                        
                                                        </div>                                        
                                                        <div class="ays_answer_font_size_box">
                                                            <input type="number" class="ays-text-input ays-text-input-short ays-poll-answer-font-size-all" name="ays_answer_font_size" id="ays_answer_font_size" value="<?php echo $poll_answer_font_size;?>">
                                                        </div>
                                                    </div>
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for='ays_poll_answer_font_size_mobile'>
                                                                    <?php echo esc_html__('Answer font size for mobile', "poll-maker"); ?>
                                                                    <a class="ays_help"
                                                                    data-toggle="tooltip"
                                                                    data-placement="top"
                                                                    title="<?php echo esc_html__("Choose your preferred size for the font of the answers on mobile devies. Size should be not less than 5 and not higher than 90", "poll-maker"); ?>">
                                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                    </a>
                                                            </label>                                        
                                                        </div>                                        
                                                        <div class="ays_answer_font_size_box">
                                                            <input type="number" class="ays-text-input ays-text-input-short ays-poll-answer-font-size-all" name="ays_poll_answer_font_size_mobile" id="ays_poll_answer_font_size_mobile" data-device="mobile" value="<?php echo $poll_answer_font_size_mobile;?>">
                                                        </div>
                                                    </div>
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for="ays_poll_answer_img_height" class="ays_enable_answer_style">
                                                                <?php echo esc_html__('Answer image height (px)', "poll-maker")?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Height of answers images.', "poll-maker")?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short ays_enable_answer_field" id='ays_poll_answer_img_height' name='ays_poll_answer_img_height' value="<?php echo $poll_answer_image_height; ?>" />
                                                        </div>
                                                    </div> <!-- Answers image height -->
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for="ays_poll_answer_image_height_for_mobile" class="ays_enable_answer_style">
                                                                <?php echo esc_html__('Answer image height for mobile (px)', "poll-maker")?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Height of answers images on the mobile devices.', "poll-maker")?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short  ays_enable_answer_field" id='ays_poll_answer_image_height_for_mobile' name='ays_poll_answer_image_height_for_mobile' value="<?php echo $poll_answer_image_height_for_mobile; ?>" />
                                                        </div>
                                                    </div> <!-- Answers image height for mobile-->
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for="ays_poll_answer_image_border_radius" class="ays_enable_answer_style">
                                                                <?php echo esc_html__('Answer image border radius (px)', "poll-maker")?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Border radius of answers images.', "poll-maker")?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short  ays_enable_answer_field" id='ays_poll_answer_image_border_radius' name='ays_poll_answer_image_border_radius' value="<?php echo $poll_answer_image_border_radius; ?>" />
                                                        </div>
                                                    </div> <!-- Answers image border radius -->
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div >
                                                            <label for="ays_poll_image_background_size">
                                                                <?php echo esc_html__('Answer image object fit', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Specify how an answers’ images should be resized to fit its container.', "poll-maker"); ?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div id="ays_poll_image_background_size_box">
                                                            <select id="ays_poll_image_background_size" name="ays_poll_image_background_size" class="ays-select ays-select-short ays_poll_aysDropdown">
                                                                <option value="cover" <?php echo ($poll_answer_object_fit == 'cover') ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__('Cover', "poll-maker")?>
                                                                </option>
                                                                <option value="fill" <?php echo ($poll_answer_object_fit == 'fill') ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__('Fill', "poll-maker")?>
                                                                </option>
                                                                <option value="contain" <?php echo ($poll_answer_object_fit == 'contain') ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__('Contain', "poll-maker")?>
                                                                </option>
                                                                <option value="scale-down" <?php echo ($poll_answer_object_fit == 'scale-down') ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__('Scale-down', "poll-maker")?>
                                                                </option>
                                                                <option value="none" <?php echo ($poll_answer_object_fit == 'none') ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__('None', "poll-maker")?>
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div> <!-- Answer image object fit -->
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for="ays_poll_answers_padding" class="ays_enable_answer_style">
                                                                <?php echo esc_html__('Answer padding (px)', "poll-maker")?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Padding of answers.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short ays_enable_answer_field" id='ays_poll_answers_padding' name='ays_poll_answers_padding' value="<?php echo esc_attr($poll_answer_padding); ?>"/>
                                                        </div>
                                                    </div> <!-- Answers padding -->
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div >
                                                            <label for="ays_poll_answers_margin" class="ays_enable_answer_style">
                                                                <?php echo esc_html__('Answer gap (px)', "poll-maker")?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Gap between answers.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short ays_enable_answer_field" id='ays_poll_answers_margin' name='ays_poll_answers_margin' value="<?php echo $poll_answer_margin; ?>" />
                                                        </div>
                                                    </div> <!-- Answers gap -->
                                                    <div class="ays_toggle_target ays_divider_top ays_answer_style" style="margin-top: 10px; padding-top: 10px; <?php echo ($options['enable_answer_style'] == 'on') ? '' : 'display:none;' ?>">
                                                        <div>
                                                            <label for="ays_poll_answer_border_radius">
                                                                <?php echo esc_html__('Answer border radius', "poll-maker")?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Specify the radius of the answers container.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short ays_enable_answer_field" name="ays_poll_answer_border_radius" id="ays_poll_answer_border_radius" value="<?php echo esc_attr($poll_answer_border_radius); ?>"/>
                                                        </div>
                                                    </div> <!-- Answers border radius -->
                                                </div>
                                            </div>                            
                                            <hr>                            
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_show_answers_icon">
                                                        <?php echo esc_html__('Answer icon', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Choose your preferred icon for the answers.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="checkbox" class="ays_toggle ays_toggle_slide" id="ays_poll_show_answers_icon" name="ays_poll_show_answers_icon" <?php echo ($poll_answer_icon_check) ? 'checked' : ''; ?> />
                                                    <label for="ays_poll_show_answers_icon" class="ays_switch_toggle" style="margin-bottom: 15px;">Toggle</label>
                                                    <div class="col-sm-12 ays_toggle_target ays_divider_top" style="padding-top: 10px; <?php echo ($poll_answer_icon_check) ? '' : 'display: none;'; ?>">
                                                        <div class="form-check form-check-inline">
                                                            <label class="form-check-label ays_poll_answer_icon" for="poll_answer_icon_radio"> 
                                                                <input type="radio" class="ays_poll_answ_icon" id="poll_answer_icon_radio" name="ays_poll_answer_icon" value="radio" <?php echo ($poll_answer_icon == 'radio') ? 'checked' : ''; ?> />
                                                        </label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                        <label class="form-check-label ays_poll_answer_icon" for="poll_answer_icon_checkbox"> 
                                                                <input type="radio" class="ays_poll_answ_icon" id="poll_answer_icon_checkbox" name="ays_poll_answer_icon" value="checkbox" <?php echo ($poll_answer_icon == 'checkbox') ? 'checked' : ''; ?> />
                                                        </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> <!-- Answer icon -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_answers_view" class="ays_enable_answer_style">
                                                        <?php echo esc_html__('Answer view', "poll-maker")?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Select the view of the answers: List or Grid. Select the column number if you have chosen Grid view.', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <div class="form-group row">
                                                        <div class="col-sm-8 ays_divider_left" style="margin-bottom: 15px;">
                                                            <select class="ays-text-input ays-text-input-short ays-select-short ays_enable_answer_field ays_poll_aysDropdown" id="ays_answers_view" name="ays_poll_choose_answer_type">
                                                                <option value="list" <?php echo ($poll_answer_view_type == 'list') ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__('List', "poll-maker")?>
                                                                </option>
                                                                <option value="grid" <?php echo ($poll_answer_view_type == 'grid') ? 'selected' : ''; ?>>
                                                                    <?php echo esc_html__('Grid', "poll-maker")?>
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <div class="col-sm-4 grid_column_count" style="display:<?#php echo $dispaly_prop_grid; ?>">
                                                            <select class="ays-text-input ays-text-input-short ays_enable_answer_field" id="ays_answers_grid_column" name="ays_answers_grid_column" style="width: 70px;">
                                                                <option value='2' selected>
                                                                2
                                                                </option>
                                                                <option value='3' class="ays-poll-grid-type-columns">
                                                                3
                                                                </option>
                                                                <option value='4' class="ays-poll-grid-type-columns">
                                                                4
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <div class="col-sm-8 grid_column_count" style="margin-top: 15px; display:flex;align-items:center;gap: 60px;" >
                                                            <div class="col-sm-8" style="display:flex;align-items:center;">
                                                                <label for="ays_answers_grid_column_mobile">
                                                                    <?php echo esc_html__('Mobile Single Column View',"poll-maker")?>
                                                                </label>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Enable this toggle to display poll answers in a single column on mobile devices for the Grid View.',"poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-1 ays_divider_left">
                                                                <input type="checkbox" class="ays_toggle ays_toggle_slide" id="ays_answers_grid_column_mobile" name="ays_answers_grid_column_mobile" <?php echo ($answers_grid_column_mobile) ? 'checked' : ''; ?> value='on'/>
                                                                <label for="ays_answers_grid_column_mobile" class="ays_switch_toggle">Toggle</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> <!-- Answers view --> 
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_answers_box_shadow_enable">
                                                        <?php echo esc_html__('Answer box shadow', "poll-maker")?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Allow answer container box shadow', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="checkbox" class="ays_toggle ays_toggle_slide" id="ays_poll_answers_box_shadow_enable" name="ays_poll_answers_box_shadow_enable" value="on" <?php echo ($poll_answer_enable_box_shadow) ? "checked" : ""; ?>>
                                                    <label for="ays_poll_answers_box_shadow_enable" class="ays_switch_toggle">Toggle</label>
                                                    <div class="col-sm-12 ays_toggle_target ays_divider_top" style="margin-top: 10px; padding-top: 10px; <?php echo ($poll_answer_enable_box_shadow) ? "" : "display: none;"; ?>">
                                                        <label for="ays_poll_answers_box_shadow_color">
                                                            <?php echo esc_html__('Answer shadow color', "poll-maker")?>
                                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('The shadow color of answers container', "poll-maker")?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                        <input type="text" class="ays-text-input" data-alpha="true" data-default-color="#000000" value="<?php echo $poll_answer_box_shadow_color; ?>" id="ays_poll_answers_box_shadow_color" name="ays_poll_answers_box_shadow_color">
                                                    </div>
                                                    <!---->
                                                    <hr class="ays_toggle_target" style="<?php echo esc_attr($poll_answer_enable_box_shadow) ? '' : 'display:none'; ?>">
                                                    <div class="form-group row ays_toggle_target" style="<?php echo esc_attr($poll_answer_enable_box_shadow) ? '' : 'display:none' ?>">
                                                        <div class="col-sm-12">
                                                            <div class="col-sm-3" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-title-text-shadow-coord-change" id='ays_poll_answer_box_shadow_x_offset' name='ays_poll_answer_box_shadow_x_offset' value="<?php echo $poll_answer_box_shadow_x_offset; ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('X', "poll-maker"); ?></span>
                                                            </div>
                                                            <div class="col-sm-3 ays_divider_left" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-title-text-shadow-coord-change" id='ays_poll_answer_box_shadow_y_offset' name='ays_poll_answer_box_shadow_y_offset' value="<?php echo $poll_answer_box_shadow_y_offset; ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('Y', "poll-maker"); ?></span>
                                                            </div>
                                                            <div class="col-sm-3 ays_divider_left" style="display: inline-block;">
                                                                <input type="number" class="ays-text-input ays-text-input-90-width ays-title-text-shadow-coord-change" id='ays_poll_answer_box_shadow_z_offset' name='ays_poll_answer_box_shadow_z_offset' value="<?php echo $poll_answer_box_shadow_z_offset; ?>" />
                                                                <span class="ays_poll_small_hint_text"><?php echo esc_html__('Z', "poll-maker"); ?></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!---->
                                                </div>
                                            </div> <!-- Answers box shadow -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_disable_answer_hover">
                                                        <?php echo esc_html__('Disable answers hover', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Disable the hover effect for answers.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="checkbox"
                                                        name="ays_disable_answer_hover"
                                                        id="ays_disable_answer_hover"
                                                        value="on" <?php echo ($options['disable_answer_hover'] == 1) ? 'checked' : ''; ?>									
                                                    >
                                                </div>
                                            </div>
                                            <hr>
                                            <!--PRO ANSWER STYLEs-->
                                            <div class="form-group row">
                                                <div class="col-sm-12 only_pro">
                                                    <div class="pro_features" style="justify-content:flex-end;">
                                                    </div>
                                                    <div class="form-group row" style="padding: 15px 15px 0">
                                                        <div class="" style="width: 100%;">
                                                            <div class="form-group row">
                                                                <div class="col-sm-5">
                                                                    <label for="ays_answers_border">
                                                                        <?php echo esc_html__('Answer border', "poll-maker")?>
                                                                        <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('Allow answer border', "poll-maker")?>">
                                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                        </a>
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-7 ays_divider_left">
                                                                    <input type="checkbox" class="ays_toggle" name="ays_answers_border" value="on"
                                                                        checked/>
                                                                    <label for="ays_answers_border" class="ays_switch_toggle">Toggle</label>
                                                                    <div class="col-sm-12 ays_toggle_target ays_divider_top" style="margin-top: 10px; padding-top: 10px;">
                                                                        <label for="ays_answers_border_width">
                                                                            <?php echo esc_html__('Border width', "poll-maker")?> (px)
                                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('The width of answers border', "poll-maker")?>">
                                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                            </a>
                                                                        </label>
                                                                        <input type="number" class="ays-text-input"
                                                                            value="" min="0"/>
                                                                    </div>
                                                                    <div class="col-sm-12 ays_toggle_target ays_divider_top" style="margin-top: 10px; padding-top: 10px;">
                                                                        <label for="ays_answers_border_style">
                                                                            <?php echo esc_html__('Border style', "poll-maker")?>
                                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('The style of answers border', "poll-maker")?>">
                                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                            </a>
                                                                        </label>
                                                                        <select name="ays_answers_border_style" class="ays-text-input ays-select-short">
                                                                            <option>Solid</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-12 ays_toggle_target ays_divider_top" style="margin-top: 10px; padding-top: 10px;">
                                                                        <label for="ays_answers_border_color">
                                                                            <?php echo esc_html__('Border color', "poll-maker")?>
                                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('The color of the answers border', "poll-maker")?>">
                                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                            </a>
                                                                        </label>
                                                                        <input class="ays-text-input wp-color-picker" id="ays_answers_border_color" type="text" data-alpha="true" data-default-color="#000000" value="#000000">
                                                                    </div>
                                                                </div>
                                                            </div> <!-- Answers border -->
                                                            <hr/>
                                                            <div class="form-group row ays_grid_show">
                                                                <div class="col-sm-5">
                                                                    <label for="ays_poll_show_answers_caption">
                                                                        <?php echo esc_html__('Show answers caption', "poll-maker")?>
                                                                        <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('Show answers caption near the answer image. This option will be work only when answer has image.', "poll-maker"); ?>">
                                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                        </a>
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-7 ays_divider_left">
                                                                    <input type="checkbox" class="ays_toggle ays_toggle_slide" value='on'/>
                                                                    <label for="ays_poll_show_answers_caption" class="ays_switch_toggle">Toggle</label>
                                                                </div>
                                                            </div> <!-- Show answers caption -->
                                                            <hr/>
                                                            <div class="form-group row">
                                                                <div class="col-sm-5">
                                                                    <label for="ays_ans_img_caption_style">
                                                                        <?php echo esc_html__('Answers image caption style', "poll-maker")?>
                                                                        <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('Height of answers images.', "poll-maker")?>">
                                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                        </a>
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-7 ays_divider_left">
                                                                    <select class="ays-text-input ays-text-input-short">
                                                                        <option><?php echo esc_html__('Outside', "poll-maker"); ?></option>
                                                                    </select>
                                                                </div>
                                                            </div> <!-- Answers image caption style -->
                                                            <hr/>
                                                            <div class="form-group row">
                                                                <div class="col-sm-5">
                                                                    <label for="ays_ans_img_caption_position">
                                                                        <?php echo esc_html__('Answers image caption position', "poll-maker")?>
                                                                        <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('Height of answers images.', "poll-maker")?>">
                                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                        </a>
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-7 ays_divider_left">
                                                                    <select class="ays-text-input ays-text-input-short">
                                                                        <option value="top"><?php echo esc_html__('Top', "poll-maker"); ?></option>
                                                                    </select>
                                                                </div>
                                                            </div> <!-- Answers image caption position -->
                                                            <hr>
                                                        </div>
                                                    </div>
                                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                        <div class="ays-poll-new-upgrade-button-box">
                                                            <div>
                                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                            </div>
                                                            <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                        </div>
                                                    </a>
                                                    <div class="ays-poll-center-big-main-button-box ays-poll-new-big-button-flex">
                                                        <div class="ays-poll-center-big-main-button-box">
                                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                                <div class="ays-poll-center-new-big-upgrade-button">
                                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>" class="ays-poll-new-button-img-hide">
                                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">  
                                                                    <?php echo esc_html__("Upgrade", "poll-maker"); ?>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr/>
                                        </div>
                                    </div>
                                    <div class="ays-poll-accordion-options-main-container">
                                        <div class="ays-poll-accordion-header">
                                            <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                            <p class="ays-subtitle ays-poll-subtitle-button"><?php echo esc_html__('Border styles', "poll-maker"); ?></p>
                                        </div>
                                        <hr class="ays-poll-bolder-hr"/>
                                        <div class="ays-poll-accordion-body">
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-border-style'>
                                                        <?php echo esc_html__('Border style', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Choose your preferred style of the border.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <select name="ays_poll_border_style" id="ays-poll-border-style"
                                                            class="ays-select ays-select-short ays_poll_aysDropdown">
                                                        <option value="solid" <?php echo $options['border_style'] == "solid" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Solid", "poll-maker"); ?>
                                                        </option>
                                                        <option value="dashed" <?php echo $options['border_style'] == "dashed" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Dashed", "poll-maker"); ?>
                                                        </option>
                                                        <option value="dotted" <?php echo $options['border_style'] == "dotted" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Dotted", "poll-maker"); ?>
                                                        </option>
                                                        <option value="double" <?php echo $options['border_style'] == "double" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Double", "poll-maker"); ?>
                                                        </option>
                                                        <option value="groove" <?php echo $options['border_style'] == "groove" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Groove", "poll-maker"); ?>
                                                        </option>
                                                        <option value="ridge" <?php echo $options['border_style'] == "ridge" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Ridge", "poll-maker"); ?>
                                                        </option>
                                                        <option value="inset" <?php echo $options['border_style'] == "inset" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Inset", "poll-maker"); ?>
                                                        </option>
                                                        <option value="outset" <?php echo $options['border_style'] == "outset" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("Outset", "poll-maker"); ?>
                                                        </option>
                                                        <option value="none" <?php echo $options['border_style'] == "none" ? 'selected' : ''; ?>>
                                                            <?php echo esc_html__("None", "poll-maker"); ?>
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-border-radius'><?php echo esc_html__('Border radius', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Define the radius of the corners of the poll container. Allows adding rounded corners to it.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number" min="0"
                                                        class="ays-text-input ays-text-input-short"
                                                        id='ays-poll-border-radius' name='ays_poll_border_radius'
                                                        value="<?php echo (isset($options['border_radius']) && $options['border_radius']) ? $options['border_radius'] : '0'; ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-border-width'><?php echo esc_html__('Border width', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Specify the width of the border. For the Coffee Fluid theme, border-width will always be 1px.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number" min="0"
                                                        class="ays-text-input ays-text-input-short"
                                                        id='ays-poll-border-width' name='ays_poll_border_width'
                                                        value="<?php echo isset($options['border_width']) &&  $options['border_width'] != '' ? esc_attr($options['border_width']) : 2; ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-border-color'><?php echo esc_html__('Border color', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__("Specify the color of the border.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text"
                                                        class="ays-text-input"
                                                        data-alpha="true"
                                                        id='ays-poll-border-color'
                                                        name='ays_poll_border_color'
                                                        value="<?php echo esc_attr($default_border); ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <!-- Buttons Styles Start -->
                                        </div>
                                    </div>
                                    <div class="ays-poll-accordion-options-main-container">
                                        <div class="ays-poll-accordion-header">
                                            <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                            <p class="ays-subtitle ays-poll-subtitle-button"><?php echo esc_html__('Button Styles', "poll-maker"); ?></p>
                                        </div>
                                        <hr class="ays-poll-bolder-hr"/>
                                        <div class="ays-poll-accordion-body">
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_buttons_size">
                                                        <?php echo esc_html__('Buttons Size', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Select the size of the button(s) inside the poll.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <select class="ays-text-input ays-text-input-short ays_poll_aysDropdown ays-poll-dropdown-select-width-250" id="ays_poll_buttons_size" name="ays_poll_buttons_size">
                                                        <option value="small"  <?php echo ($poll_button_selected == 'small') ? 'selected' : ''; ?>><?php echo esc_html__('Small', "poll-maker"); ?></option>
                                                        <option value="medium" <?php echo ($poll_button_selected == 'medium') || $poll_button_selected == '' ? 'selected' : ''; ?>><?php echo esc_html__('Medium', "poll-maker"); ?></option>
                                                        <option value="large"  <?php echo ($poll_button_selected) && $poll_button_selected == 'large' ? 'selected' : ''; ?>><?php echo esc_html__('Large', "poll-maker"); ?></option>
                                                    </select>
                                                </div>
                                            </div> <!-- Buttons Size -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-button-text-color'>
                                                        <?php echo esc_html__('Buttons Text Color', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the color of the text written inside the poll button.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" data-alpha="true" id='ays-poll-button-text-color'
                                                        name='ays_poll_button_text_color'
                                                        value="<?php echo esc_attr($poll_button_text_color); ?>"/>
                                                </div>
                                            </div><!-- Buttons text color -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays-poll-button-bg-color'>
                                                        <?php echo esc_html__('Buttons Background Color', "poll-maker"); ?>
                                                        <a class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Specify the background color of the poll button.", "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" data-alpha="true" id='ays-poll-button-bg-color'
                                                        name='ays_poll_button_bg_color'
                                                        value="<?php echo esc_attr($poll_button_bg_color); ?>"/>
                                                </div>
                                            </div><!-- Buttons background color -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_buttons_font_size'>
                                                        <?php echo esc_html__('Buttons font size', "poll-maker"); ?> (px)
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the size of the button(s) inside the poll in pixels.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number" class="ays-text-input ays-text-input-short" id='ays_poll_buttons_font_size' name='ays_poll_buttons_font_size' value="<?php echo $poll_buttons_font_size; ?>"/>
                                                </div>
                                            </div> <!-- Buttons font size -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_buttons_mobile_font_size'>
                                                        <?php echo esc_html__('Buttons mobile font size', "poll-maker"); ?> (px)
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the size of the button(s) inside the poll in pixels for mobile devices.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number" class="ays-text-input ays-text-input-short" id='ays_poll_buttons_mobile_font_size' name='ays_poll_buttons_mobile_font_size' value="<?php echo $poll_buttons_mobile_font_size; ?>"/>
                                                </div>
                                            </div> <!-- Buttons font size -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_buttons_left_right_padding">
                                                        <?php echo esc_html__('Buttons padding (px)', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the distance between the text and the border of the button in pixels․', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <div class="col-sm-5 ays_divider_right" style="display: inline-block; padding-left: 0; margin-right: 15px;">
                                                        <input type="number" class="ays-text-input ays_buttons_padding" id='ays_poll_buttons_left_right_padding' name='ays_poll_buttons_left_right_padding' value="<?php echo $poll_buttons_left_right_padding; ?>" style="width: 100px;" />
                                                        <span class="ays_poll_small_hint_text"><?php echo esc_html__('Left / Right', "poll-maker"); ?></span>
                                                    </div>
                                                    <div class="col-sm-5" style="display: inline-block;padding-left: 0;">
                                                        <input type="number" class="ays-text-input ays_buttons_padding" id='ays_poll_buttons_top_bottom_padding' name='ays_poll_buttons_top_bottom_padding' value="<?php echo $poll_buttons_top_bottom_padding; ?>" style="width: 100px;" />
                                                        <span class="ays_poll_small_hint_text"><?php echo esc_html__('Top / Bottom', "poll-maker"); ?></span>
                                                    </div>
                                                </div>
                                            </div> <!-- Buttons padding -->
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_buttons_border_radius">
                                                        <?php echo esc_html__('Buttons border radius', "poll-maker"); ?> (px)
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the radius of the corners of the button. Allows adding rounded corners to the button.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="number" class="ays-text-input ays-text-input-short" id="ays_poll_buttons_border_radius" name="ays_poll_buttons_border_radius" value="<?php echo $poll_buttons_border_radius; ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for='ays_poll_buttons_width'>
                                                        <?php echo esc_html__('Buttons width', "poll-maker"); ?> (px)
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Set the button width in pixels. For an initial width, leave the field blank.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <div>
                                                        <div>
                                                            <label for="ays_poll_buttons_width">
                                                                <?php echo esc_html__('On desktop', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the width for PC devices.', "poll-maker"); ?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short" id="ays_poll_buttons_width" name="ays_poll_buttons_width" value="<?php echo $poll_buttons_width; ?>"/>
                                                            <span style="display:block;" class="ays_poll_small_hint_text"><?php echo esc_html__('For an initial width, leave the field blank.', "poll-maker"); ?></span>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <div>
                                                        <div>
                                                            <label for="ays_poll_buttons_mobile_width">
                                                                <?php echo esc_html__('On mobile', "poll-maker"); ?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Define the width for mobile devices.', "poll-maker"); ?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-text-input-short" id="ays_poll_buttons_mobile_width" name="ays_poll_buttons_mobile_width" value="<?php echo $poll_buttons_mobile_width; ?>"/>
                                                            <span style="display:block;" class="ays_poll_small_hint_text"><?php echo esc_html__('For an initial width, leave the field blank.', "poll-maker"); ?></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr/>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_custom_class">
                                                        <?php echo esc_html__('Custom class for poll container', "poll-maker")?>
                                                        <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Use your custom HTML class for adding your custom styles to the poll container.', "poll-maker")?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8 ays_divider_left">
                                                    <input type="text" class="ays-text-input" name="ays_poll_custom_class" id="ays_poll_custom_class" placeholder="myClass myAnotherClass..." value="<?php echo $custom_class; ?>">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12 ays_divider_left" style="position: relative;">                                    
                                    <?php
                                    
                                    $content = "
                                    <div class='box-apm-scroll ays-poll-style-tab-live-container'>
                                        <div class='box-apm {$poll['type']}-poll ".$poll_logo_for_live_container."' id=''>
                                            <div class='apm-title-box'>
                                                <h5>{$poll['title']}</h5>
                                            </div>";
                                    
                                    $content .= "<div class='ays_question'>" . stripslashes($poll['question']) . "</div>
                                            <div class='apm-img-box'>";
                                    $content .= !empty($poll['image']) ? "<img class='ays-poll-img' src='{$poll['image']}'>" : "";
                                    $checking_answer_hover = ($options['disable_answer_hover'] == 1) ? 'disable_hover' : 'ays_enable_hover';
                                    $content .= "</div>
                                            <div class='apm-answers ays_poll_list_view_container'>";
                                    $minimalTheme = ($poll['theme_id'] == 3) ? 'ays_poll_minimal_theme' : '' ;
                                    $minimalThemeBtn = ($poll['theme_id'] == 3) ? 'ays_poll_minimal_theme_btn' : '' ;
                                    if ($poll_answer_icon_check && $poll['theme_id'] != 3) {
                                        switch ($poll_answer_icon) {
                                            case 'radio':
                                                $answer_icon_class = 'ays_poll_answer_icon_radio';
                                                break;
                                            case 'checkbox':
                                                $answer_icon_class = 'ays_poll_answer_icon_checkbox';
                                                break;                                      
                                            default:
                                                $answer_icon_class = '';
                                                break;
                                        }
                                    }else{
                                        $answer_icon_class = '';
                                    }
                                    switch ( $poll['type'] ) {
                                        case 'choosing':
                                            if(empty($poll['answers'])){
                                                for ($i = 0 ; $i < $answer_default_count ; $i++){
                                                    $content .= "<div class='apm-choosing answer- ".$minimalTheme." ays-poll-field ays_poll_list_view_item' data-id=".$i." data-lid=".$i.">
                                                                    <input type='radio' name='answer' id='radio-".$i."-' value='".$i."'>
                                                                    <label class='ays_label_poll ".$checking_answer_hover." ays_label_font_size ".$answer_icon_class." ays-poll-answer-more-options' for='radio-".$i."-'>Answer ".($i+1)."</label>
                                                                    
                                                                </div>";
                                                }
                                            }
                                            else{
                                                foreach ( $poll['answers'] as $index => $answer ) {
                                                    $answer_image = isset($answer['answer_img']) && $answer['answer_img'] != "" ? "<div><img src=".esc_attr($answer['answer_img'])." class='ays-poll-answer-image-live'></div>" : "";
                                                    $poll_class_for_answer_label = "";
                                                    $poll_class_for_answer_label_text = "";
                                                    if($answer_image != ""){
                                                        $poll_class_for_answer_label = "ays_poll_label_without_padding";
                                                        $poll_class_for_answer_label_text = "ays_poll_label_text_with_padding";
                                                    } 
                                                    $content .= "<div class='apm-choosing answer- ".$minimalTheme." ays-poll-field ays_poll_list_view_item' data-id=".$index." data-lid=".$index.">
                                                                    <input type='radio' name='answer' id='radio-".$index."-' value='{$answer['id']}'>
                                                                    <label class='ays_label_poll ".$checking_answer_hover." ays_label_font_size ".$poll_class_for_answer_label." ays-poll-answer-more-options' for='radio-".$index."-'>".$answer_image."<div><span class='ays-poll-each-answer ".$poll_class_for_answer_label_text."'>" . stripcslashes($answer['answer']) . "</span></div></label>                                                            
                                                                </div>";
                                                }
                                            }
                                            break;
                                        case 'voting':
                                            $poll_view_type_voting = isset($poll['view_type']) && $poll['view_type'] != "" ? $poll['view_type'] : "hand";
                                            switch ( $poll_view_type_voting ) {
                                                case 'hand':
                                                    foreach ( $poll['answers'] as $index => $answer ) {
                                                        $content .= "<div class='apm-voting answer-'><input type='radio' name='answer' id='radio-$index-' value='{$answer['id']}'>
                                                                        <label for='radio-$index-'>";
                                                        $content .= ((int) $answer['answer'] > 0 ? "<i class='ays_poll_far ays_poll_fa-thumbs-up'></i>" : "<i class='ays_poll_far ays_poll_fa-thumbs-down'></i>") . "</label></div>";
                                                    }
                                                    break;
                                                case 'emoji':
                                                    foreach ( $poll['answers'] as $index => $answer ) {
                                                        $content .= "<div class='apm-voting answer-'><input type='radio' name='answer' id='radio-$index-' value='{$answer['id']}'>
                                                                        <label for='radio-$index-'>";
                                                        $content .= ((int) $answer['answer'] > 0 ? $emoji[1] : $emoji[3]) . "</label></div>";
                                                    }
                                                    break;
                                                default:										
                                                    break;
                                            }
                                            break;
                                        case 'rating':
                                            $poll_view_type_rating = isset($poll['view_type']) && $poll['view_type'] != "" ? $poll['view_type'] : "star";
                                            switch ( $poll_view_type_rating ) {
                                                case 'star':
                                                    foreach ( $poll['answers'] as $index => $answer ) {
                                                        $content .= "<div class='apm-rating answer-'><input type='radio' name='answer' id='radio-$index-' value='{$answer['id']}'>
                                                                        <label for='radio-$index-'><i class='ays_poll_far ays_poll_fa-star'></i></label></div>";
                                                    }
                                                    break;
                                                case 'emoji':
                                                    foreach ( $poll['answers'] as $index => $answer ) {
                                                        $content .= "<div class='apm-rating answer-'><input type='radio' name='answer' id='radio-$index-' value='{$answer['id']}'>
                                                                        <label class='emoji' for='radio-$index-'>" . $emoji[(count($poll['answers']) / 2 - $index + 1.5)] . " </label></div>";
                                                    }
                                                    break;
                                                default:										
                                                    break;
                                            }
                                            break;								
                                        case 'text':
                                            $poll_view_type_text = isset($poll['view_type']) && $poll['view_type'] != "" ? $poll['view_type'] : "short_text";
                                            switch ( $poll_view_type_text ) {
                                                case 'short_text':
                                                    $content .= "<div class='ays-poll-maker-text-live-preview'>
                                                                    <input type='text' id='ays_poll_text_type_short_live' readonly class='ays-poll-text-type-fields'>
                                                                    <label for='ays_poll_text_type_short_live'></label>
                                                                </div>";											
                                                    break;
                                                case 'paragraph':
                                                    $content .= "<div class='ays-poll-maker-text-live-preview'>
                                                                    <textarea id='ays_poll_text_type_paragraph_live' readonly class='ays-poll-text-type-fields'></textarea>
                                                                    <label for='ays_poll_text_type_paragraph_live'></label>
                                                                </div>";
                                                    break;
                                                default:										
                                                    break;
                                            }
                                            break;								
                                        default:										
                                            break;								
                                    }
                                    $content .= "</div>
                                            <div class='apm-button-box' " . (isset($options['enable_vote_btn']) && $options['enable_vote_btn'] == 0 ? "style='display:none'" : "") . ">
                                                <input type='button' name='ays_finish_poll' class='btn ays-poll-btn {$poll['type']}-btn ".$minimalThemeBtn." '" . 'value="' . ((isset($options['btn_text']) && '' != $options['btn_text']) ? stripslashes($options['btn_text']) : 'Vote') . '">
                                            </div>';
                                            $content .= "<div class='".$poll_logo_img." ays_live_logo_container'>";
                                    if($poll_check_logo){
                                        $content .= "<img src=".$poll_logo_image." width='55' height='55' class='ays_poll_logo_image_main'>";
                                    }        
                                    $content .= "</div>";
                                            
                                    $content .='</div>
                                    </div>';
                                    print wp_kses_post($content);
                                    ?>
                                </div>
                            </div>
                            <hr/>
                            <div class="form-group row">
                                <div class="col-sm-2">
                                    <label for="ays_custom_css">
                                        <?php echo esc_html__("Custom CSS", "poll-maker"); ?>
                                    </label>
                                    <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("In this field, you can write your own CSS code. For example: p{color:red !important}", "poll-maker"); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                    <br>
                                </div>
                                <div class="col-sm-10 ays_divider_left">
                                    <textarea class="ays-textarea" id="ays_custom_css" name="ays_custom_css" cols="30" rows="10"><?php echo (isset($poll['custom_css'])) ? wp_kses_post($poll['custom_css']) : ''; ?></textarea>
                                </div>
                            </div>
                            <hr/>
                            <div class="form-group row">
                                <div class="col-sm-2">
                                    <label for="ays_poll_reset_to_default">
                                        <?php echo esc_html__('Reset styles', "poll-maker") ?>
                                        <a class="ays_help" data-toggle="tooltip"
                                        title="<?php echo esc_html__('Reset styles to default values', "poll-maker") ?>">
                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                        </a>
                                    </label>
                                </div>
                                <div class="col-sm-10 ays_divider_left">
                                    <button type="button" id="ays_poll_reset_to_default" class="ays-button button-secondary"
                                            id="ays_poll_reset_to_default"><?php echo esc_html__("Reset", "poll-maker") ?>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="only_pro" style="position: relative; display: inline-block">
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff">
                                <div class="pro-features-popup-conteiner">
                                    <div class="pro-features-popup-title">
                                        <?php echo esc_html__("Save as Default feature of Poll", "poll-maker"); ?>
                                    </div>
                                    <div class="pro-features-popup-content" data-link="https://youtu.be/JBKbnrRNviI">
                                        <p>
                                            <?php echo esc_html__("You can make the process of creating online polls a fun and easy activity with the Save as Default feature of the WordPress Poll Plugin.", "poll-maker"); ?>
                                        </p>
                                        <p>
                                            <?php echo esc_html__("You just need to click on the Save as default button and, each time, creating a new poll, the system will take the settings and styles of the current poll.", "poll-maker"); ?>
                                        </p>
                                    </div>
                                    <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-save-as-default-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                        <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff; overflow: visible; position: static; padding: 0; font-size: 16px">
                                <span class="ays_save_as_default_content_for_mobile">
                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" title="This property aviable only in pro version" style="text-decoration: none">
                                        <input type="button" class="button ays_default_btn ays-loader-banner" value="<?php echo esc_attr__( "Save as default", "poll-maker" ); ?>">
                                    </a>
                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__( "Saves the assigned settings of the current poll as default. After clicking on this button, each time creating a new poll, the system will take the settings and styles of the current poll. If you want to change and renew it, please click on this button on another poll.", "poll-maker" ); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="tab3" class="ays-poll-tab-content <?php echo $active_tab == 'Settings' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <div class="ays-poll-accordion-options-main-container">
                            <div class="ays-poll-accordion-header">
                                <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                <p class="ays-subtitle"><?php echo esc_html__('Feature options', "poll-maker"); ?> </p>
                            </div>                               
                            <hr class="ays-poll-bolder-hr"/>
                            <div class="ays-poll-accordion-body">
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label>
                                            <?php echo esc_html__('Status', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('Choose whether the poll is active or not. If you choose an unpublished option, the poll won’t be shown anywhere on your website. (You do not need to remove shortcodes).', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="d-flex">
                                            <div class="form-check form-check-inline">
                                                <input type="radio" id="ays-publish" name="ays_publish"
                                                    value="1" <?php echo ($published == 1) ? 'checked' : ''; ?> />
                                                <label class="form-check-label"
                                                    for="ays-publish"> <?php echo esc_html__('Published', "poll-maker"); ?> </label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input type="radio" id="ays-unpublish" name="ays_publish"
                                                    value="0" <?php echo ($published == 0) ? 'checked' : ''; ?> />
                                                <label class="form-check-label"
                                                    for="ays-unpublish"> <?php echo esc_html__('Unpublished', "poll-maker"); ?> </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class='form-group row'>
                                    <div class="col-sm-3">
                                        <label for='ays-poll-category'>
                                            <?php echo esc_html__('Categories', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Choose the category your poll belongs to. For creating a category, go to the `Categories` page (find it on the Poll Maker left navbar).", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <?php if (!empty($categories)): ?>
                                            <select id="ays-poll-category" class="apm-cat-select2" name="ays-poll-categories[]" multiple
                                                    data-placeholder='<?php echo esc_html__("Select category", "poll-maker") ?>'>
                                                <?php
                                                foreach ( $categories as $cat ) {
                                                    ?>
                                                    <option value="<?php echo esc_attr($cat['id']); ?>" <?php echo in_array($cat['id'], $poll['categories']) ? 'selected' : ''; ?>>
                                                        <?php echo esc_html($cat['title']); ?>
                                                    </option>
                                                <?php }
                                                ?>
                                            </select>
                                        <?php else: ?>
                                            <a href="?page=poll-maker-ays-cats&action=add"><?php echo esc_html__("Create category", "poll-maker") ?></a>
                                        <?php endif; ?>
                                    </div>
                                </div>
                                <hr>
                                <?php if(!isset($post_id) || (isset($post_id) && $post_id == '') ): ?>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_add_post_for_poll">
                                            <?php echo esc_html__('Create post for poll', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('A new WordPress post will be created automatically and will include the shortcode of this poll. This function will be executed only once. You can find this post on Posts page, which will have the same title as the poll. The image of the poll will be the featured image of the post.', "poll-maker")?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="ays_add_post_for_poll" name="ays_add_post_for_poll" value="on" class="ays_toggle_checkbox"/>                        
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target ays_divider_left" style="display:none">
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_add_postcat_for_poll">
                                                    <?php echo esc_html__('Choose Post Categories', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Choose the category of the new post. For creating a category, go to the Categories page of the Posts.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                    <select name="ays_add_postcat_for_poll[]"
                                                            id="ays_add_postcat_for_poll"
                                                            class="apm-cat-select2"
                                                            multiple>
                                                            <?php

                                                                foreach ($cat_list as $cat) {
                                                                    echo "<option value='" . wp_kses_post($cat->cat_ID) . "' >" . wp_kses_post($cat->name) . "</option>";
                                                                }
                                                            ?>                   
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> <!-- Create post for poll -->
                                <hr/>
                                <?php else: ?>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_add_post_for_poll">
                                            <?php echo esc_html__('WP Post', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Via these two links you can see the connected post in front end and make changes in the dashboard.', "poll-maker")?>">
                                                <i class="ays_fa ays_fa_info_circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-8" style="margin-left: 15px;">
                                        <div class="row">
                                            <div style="margin-right: 10px;">
                                                <a class="button action" href="<?php echo esc_url($ays_poll_view_post_url); ?>" target="_blank"><?php echo esc_html__( "View Post", "poll-maker" ); ?> <i class="ays_fa ays_fa_external_link"></i></a>
                                            </div>
                                            <div>
                                                <a class="button action" href="<?php echo esc_url($ays_poll_edit_post_url); ?>" target="_blank"><?php echo esc_html__( "Edit Post", "poll-maker" ); ?> <i class="ays_fa ays_fa_external_link"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="hidden" name="ays_post_id_for_quiz" value="<?php echo esc_attr($post_id); ?>">
                                </div>
                                <hr>
                                <?php endif; ?>
                                <div class="form-group row" style="margin-top:0px;margin-bottom:0;">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_poll_enable_copy_protection">
                                                    <?php echo esc_html__('Enable copy protection',"poll-maker"); ?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Disable copy functionality in poll page(CTRL+C) and Right-click',"poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="checkbox" class="ays-enable-timer1" />
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row" style="margin-top:0px;margin-bottom:0;">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_poll_question_text_to_speech">
                                                    <?php echo esc_html__('Enable text to speech',"poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Enable this option to convert question text into spoken words, providing an audio representation of the question for improved accessibility and convenience.',"poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="checkbox" class="ays-enable-timer1"
                                                    name="ays_poll_question_text_to_speech"
                                                    value="on"/>
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div>
                                </div> <!-- Questions text to speech -->
                                <hr>
                                <div class="form-group row ays_toggle_parent ays_poll_option_only_for_choosing_type" style="display:  <?php echo ($poll['type'] == 'choosing') ? 'flex' : 'none' ?>">
                                    <div class="col-sm-3">
                                        <label for='ays_poll_allow_multivote'>
                                            <?php echo esc_html__('Allow multivote', "poll-maker"); ?>
                                            <a  class="ays_help"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Allow users to choose more than one answer. It will work with choosing type.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" name="ays_poll_allow_multivote" id="ays_poll_allow_multivote" class="ays-enable-timer1 ays_toggle_checkbox" value="on" <?php echo $poll_allow_multivote; ?>>
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target ays_divider_left" style="<?php echo esc_attr($poll_enable_multivote_answer) ? '' : 'display: none'; ?>">
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <label for='ays_poll_multivote_min_count'>
                                                    <?php echo esc_html__('Min', "poll-maker"); ?>
                                                    <a  class="ays_help" 
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Indicate the minimum count of answers.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="number" name="ays_poll_multivote_min_count" id="ays_poll_multivote_min_count" class="ays-enable-timerl ays-text-input ays-text-input-short" value="<?php echo $poll_multivote_min_count; ?>">
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <label for='ays_poll_multivote_count'>
                                                    <?php echo esc_html__('Max', "poll-maker"); ?>
                                                    <a  class="ays_help"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("Indicate the maximum count of answers.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="number" name="ays_poll_multivote_count" id="ays_poll_multivote_count" class="ays-enable-timerl ays-text-input ays-text-input-short" value="<?php echo $poll_multivote_answer_count; ?>">
                                            </div> 
                                        </div>
                                    </div>
                                </div>
                                <hr class="ays_poll_option_only_for_choosing_type" style="display:  <?php echo ($poll['type'] == 'choosing') ? 'flex' : 'none' ?>">
                                <div class="form-group row" style="margin-top:0px;margin-bottom:0;">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays-poll-allow-edit">
                                                    <?php echo esc_html__('Edit previous submission', "poll-maker") ?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip"
                                                        data-placement="top"
                                                        title="<?php echo esc_html__("By activating this option, the previous answers will be displayed and the user will be able to edit them. Note: This option will be available only for the logged-in users.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="checkbox" class="ays-enable-timer1"
                                                    name="ays_edit_previous_submission"
                                                    value="on"/>
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='show-title'>
                                            <?php echo esc_html__('Show Title', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Enable to show the title as a headline inside the poll.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox" name="show_title" id="show-title"
                                            value="show" <?php echo $poll['show_title'] ? 'checked' : ''; ?>>
                                    </div>
                                </div>
                                <hr>
                                <div class="ays_poll_option_for_choosing_type ays_poll_option_for_text_type form-group row" style="display:  <?php echo ($poll['type'] == 'choosing' || $poll['type'] == 'text') ? 'flex' : 'none' ?>" >
                                    <div class="col-sm-3">
                                        <label>
                                            <?php echo esc_html__('Alignment', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('Choose the alignment of the content of the poll.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="d-flex">
                                            <div class="form-check form-check-inline">
                                                <input type="radio" id="apm-dir-ltr" name="ays_poll_direction"
                                                    value="ltr" <?php echo (isset($options['poll_direction']) && $options['poll_direction'] == 'ltr') ? 'checked' : ''; ?> />
                                                <label class="form-check-label"
                                                    for="apm-dir-ltr"> <?php echo esc_html__('Left', "poll-maker"); ?> </label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input type="radio" id="apm-dir-center" name="ays_poll_direction"
                                                    value="center" <?php echo (isset($options['poll_direction']) && $options['poll_direction'] == 'center') ? 'checked' : ''; ?> />
                                                <label class="form-check-label"
                                                    for="apm-dir-center"> <?php echo esc_html__('Center', "poll-maker"); ?> </label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input type="radio" id="apm-dir-rtl" name="ays_poll_direction"
                                                    value="rtl" <?php echo (isset($options['poll_direction']) && $options['poll_direction'] == 'rtl') ? 'checked' : ''; ?> />
                                                <label class="form-check-label"
                                                    for="apm-dir-rtl"> <?php echo esc_html__('Right', "poll-maker"); ?> </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr class="ays_poll_option_for_choosing_type ays_poll_option_for_text_type" style="display:  <?php echo ($poll['type'] == 'choosing' || $poll['type'] == 'text') ? 'block' : 'none' ?>" >
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features pro_features_popup">
                                            <div class="pro-features-popup-conteiner">
                                                <div class="pro-features-popup-title">
                                                    <?php echo esc_html__("Allow Anonymity", "poll-maker"); ?>
                                                </div>
                                                <div class="pro-features-popup-content" data-link="https://youtu.be/Awhs309E_vU">
                                                    <p>
                                                        <?php echo esc_html__("Increase the poll response rates by allowing anonymity in your polls. Let your respondents vote in your polls without revealing their identity. This will allow you to get more accurate poll results as the participants will be more confident to express their honest opinions.", "poll-maker"); ?>
                                                    </p>
                                                </div>
                                                <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-allow-anonymity-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                                    <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for='ays-poll-allow-anonymity'>
                                                    <?php echo esc_html__('Allow anonymity', "poll-maker"); ?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("It allows participants to respond to your polls without ever revealing their identities, even if they are registered on your website. After enabling the option, the WP User and User IP will not be stored in the database.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="checkbox" name="ays_allow_anonymity"
                                                    value="1" >
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                        <div class="ays-poll-new-watch-video-button-box">
                                            <div>
                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24.svg'?>">
                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24_hover.svg'?>" class="ays-poll-new-watch-video-button-hover">
                                            </div>
                                            <div class="ays-poll-new-watch-video-button"><?php echo esc_html__("Watch Video", "poll-maker"); ?></div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='ays_poll_change_creation_date'>
                                            <?php echo esc_html__('Change current poll creation date', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Choose your preferred creation date.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9" style="display: inherit;">
                                        <input type="text" class="ays-text-input ays-text-input-short ays-poll-date-create" id="ays_poll_change_creation_date" name="ays_poll_change_creation_date"
                                            value="<?php echo $change_creation_date; ?>" placeholder="<?php echo current_time( 'mysql' ); ?>">
                                        <div class="input-group-append" style="display: block">
                                            <label for="ays_poll_change_creation_date" class="input-group-text">
                                                <span><i class="ays_fa ays_fa_calendar"></i></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_create_author">
                                            <?php echo esc_html__('Change the author of the current poll', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('You can change the author who created the current poll to your preferred one. You need to write the User ID here. Please note, that in case you write an ID, by which there are no users found, the changes will not be applied and the previous author will remain the same.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <select id="ays_poll_create_author" class="" name="ays_poll_create_author">
                                            <option value=""><?php echo esc_html__('Select User', "poll-maker")?></option>
                                            <?php
                                                $poll_user_id = ( isset($get_current_poll_author_data->ID) && $get_current_poll_author_data->ID != '' ) ? absint( sanitize_text_field($get_current_poll_author_data->ID) ) : 0;
                                                $poll_user_display_name = ( isset($get_current_poll_author_data->display_name) && $get_current_poll_author_data->display_name != '' ) ? stripslashes( esc_html($get_current_poll_author_data->display_name) ) : '';
                                                $selected = '';
                                            ?>
                                            <option value="<?php echo esc_attr($poll_user_id);?>" selected>
                                                <?php echo esc_html($poll_user_display_name); ?>
                                            </option>
                                        </select>
                                    </div>
                                </div> <!-- Change the author of the current poll -->
                                <hr/>
                                <!-- Poll Main URL Start -->
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_main_url">
                                            <?php echo esc_html__('Poll main URL', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Write the URL link where your poll is located (in Front-end). To open your poll right from the polls page, please fill in this field and navigate to the general tab to see the \'View\' button', "poll-maker");
                                            ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="url" id="ays_poll_main_url" name="ays_poll_main_url" class="ays-text-input" value="<?php echo esc_url($poll_main_url); ?>">
                                    </div>
                                </div>
                                <!-- Poll Main URL End -->
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='show-poll-create-dates'>
                                            <?php echo esc_html__('Show creation date', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Enable to show the creation date inside the poll.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox" name="show_poll_creation_date" id="show-poll-create-dates"
                                            value="1" <?php echo esc_attr($show_create_date) ? 'checked' : '' ?> >
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='show-poll-author'>
                                            <?php echo esc_html__('Show author', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Enable to show the author inside the poll.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox" name="show_poll_author" id="show-poll-author"
                                            value="1" <?php echo esc_attr($show_author) ? 'checked' : '' ?> >
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="schedule_the_poll">
                                            <?php echo esc_html__('Schedule', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('Specify the period of time when the poll will be active. Choose the start and the end date and write the pre-start and expiration messages.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input  type="checkbox"
                                                id="schedule_the_poll"   
                                                class="active_date_check"
                                                name="active_date_check" <?php echo (isset($options['active_date_check']) && !empty($options['active_date_check'])) ? 'checked' : '' ?>>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="row">
                                            <div class="col-sm-12 active_date ays_divider_left"
                                                style="display:  <?php echo (isset($options['active_date_check']) && $options['active_date_check'] == 'on') ? 'block' : 'none' ?>">
                                                <!-- -1- -->                                 
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label class="form-check-label" for="ays-active"> <?php echo esc_html__('Start date:', "poll-maker"); ?> </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="input-group mb-3">
                                                            <input type="text" class="ays-text-input ays-text-input-short ays_actDect" id="ays-active" name="ays-active"
                                                            value="<?php echo $activePoll; ?>" placeholder="<?php echo current_time( 'mysql' ); ?>">
                                                            <div class="input-group-append">
                                                                <label for="ays-active" class="input-group-text">
                                                                    <span><i class="ays_fa ays_fa_calendar"></i></span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- -2- -->
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label class="form-check-label" for="ays-deactive"> <?php echo esc_html__('End date:', "poll-maker"); ?> </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="input-group mb-3">
                                                            <input type="text" class="ays-text-input ays-text-input-short ays_actDect" id="ays-deactive" name="ays-deactive"
                                                            value="<?php echo $deactivePoll; ?>" placeholder="<?php echo current_time( 'mysql' ); ?>">
                                                            <div class="input-group-append">
                                                                <label for="ays-deactive" class="input-group-text">
                                                                    <span><i class="ays_fa ays_fa_calendar"></i></span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>  
                                                <!-- ////////// -->
                                                <hr>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for='ays_poll_show_timer'>
                                                            <?php echo esc_html__('Show timer', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip"
                                                            data-placement="top"
                                                            title="<?php echo esc_html__("Enable to show the countdown or the end date in the poll, when it is scheduled.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-1">
                                                        <input type="checkbox" name="ays_poll_show_timer" id="ays_poll_show_timer"
                                                            value="1" <?php echo $schedule_show_timer ? 'checked' : '' ?> >
                                                    </div>
                                                    <div class="col-sm-8">
                                                        <div class="ays_show_time" style="display:  <?php echo $schedule_show_timer ? 'block;' : 'none;'; ?>">
                                                            <div class="d-flex">
                                                                <div class="form-check form-check-inline">
                                                                    <input type="radio" id="show_time_countdown" name="ays_show_timer_type"
                                                                        value="countdown" <?php echo $show_timer_type == 'countdown' ? 'checked' : ''; ?> />
                                                                    <label class="form-check-label"
                                                                        for="show_time_countdown"> <?php echo esc_html__('Show countdown', "poll-maker"); ?> </label>
                                                                </div>
                                                                <div class="form-check form-check-inline">
                                                                    <input type="radio" id="show_time_enddate" name="ays_show_timer_type"
                                                                        value="enddate" <?php echo $show_timer_type == 'enddate' ? 'checked' : ''; ?> />
                                                                    <label class="form-check-label"
                                                                        for="show_time_enddate"> <?php echo esc_html__('Show end date', "poll-maker"); ?> </label>
                                                                </div>
                                                            </div>
                                                            <hr>
                                                            <div class='form-group row'>
                                                                <div class='col-sm-5'>
                                                                    <label class="form-check-label" for="show_bottom_timer">
                                                                        <?php echo esc_html__(' Show timer at the bottom', "poll-maker"); ?>
                                                                        <a class="ays_help" data-toggle="tooltip"
                                                                            data-placement="top"
                                                                            title="<?php echo esc_html__("If you enable this option, the timer will be displayed at the bottom of the poll instead of the top.", "poll-maker"); ?>">
                                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                        </a>
                                                                    </label>
                                                                </div>
                                                                <div class='col-sm-7'>
                                                                    <input type="checkbox" id="show_bottom_timer" name="ays_show_bottom_timer"  value="1" <?php echo $show_bottom_timer == true ? 'checked' : ''; ?> >
                                                                </div> 
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label class="form-check-label"
                                                        for="active_date_message"><?php echo esc_html__("Pre start message:", "poll-maker") ?></label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="editor">
                                                            <?php
                                                            $content   = !empty($options['active_date_message_soon']) ? stripslashes($options['active_date_message_soon']) : stripslashes($default_options['active_date_message_soon']);
                                                            $editor_id = 'active_date_message_soon';
                                                            $settings  = array(
                                                                'editor_height'  => $poll_wp_editor_height,
                                                                'textarea_name'  => 'active_date_message_soon',
                                                                'editor_class'   => 'ays-textarea',
                                                                'media_elements' => false
                                                            );
                                                            wp_editor($content, $editor_id, $settings);
                                                            ?>
                                                        </div>
                                                    </div>
                                                </div>
                                                <hr>
                                                <!-- -3- -->
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label class="form-check-label"
                                                        for="active_date_message"><?php echo esc_html__("Expiration message:", "poll-maker") ?></label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="editor">
                                                            <?php
                                                            $content   = !empty($options['active_date_message']) ? stripslashes($options['active_date_message']) : stripslashes($default_options['active_date_message']);
                                                            $editor_id = 'active_date_message';
                                                            $settings  = array(
                                                                'editor_height'  => $poll_wp_editor_height,
                                                                'textarea_name'  => 'active_date_message',
                                                                'editor_class'   => 'ays-textarea',
                                                                'media_elements' => false
                                                            );
                                                            wp_editor($content, $editor_id, $settings);
                                                            ?>
                                                        </div>
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for='show_result_btn_schedule'>
                                                            <?php echo esc_html__('Show result button', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip"
                                                            data-placement="top"
                                                            title="<?php echo esc_html__("Enable to show the result button after the schedule.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-1">
                                                        <input type="checkbox" name="show_result_btn_schedule" id="show_result_btn_schedule"
                                                            value="1" <?php echo $showresbtnschedule ? 'checked' : '' ?> >
                                                    </div>
                                                    <div class="col-sm-8">                                        
                                                    <div class="result_btn_see" style="display: <?php echo $showresbtnschedule ? 'flex' : 'none'; ?>;">
                                                            <div class="form-check form-check-inline">
                                                                <label class="form-check-label">
                                                                    <input type="radio" name="ays_poll_show_result_btn_see_schedule" value="with_see" <?php echo ($show_res_btn == 'with_see') ? 'checked' : '' ?>/>
                                                                    <span>
                                                                        <?php echo esc_html__('With See Results button', "poll-maker"); ?>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <label class="form-check-label">
                                                                    <input type="radio" name="ays_poll_show_result_btn_see_schedule" value="without_see" <?php echo ($show_res_btn == 'without_see') ? 'checked' : '' ?>/>
                                                                    <span>
                                                                        <?php echo esc_html__('Without See Results button', "poll-maker"); ?>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>					                    
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for='ays_show_poll_container'>
                                                            <?php echo esc_html__("Don't show poll", "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip"
                                                            data-placement="top"
                                                            title="<?php echo esc_html__("Do not show the poll container on the front-end at all when it is expired or has not started yet.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="checkbox" name="ays_show_poll_container" id="ays_show_poll_container"
                                                            value="on" <?php echo esc_attr($poll_check_exp_cont); ?> >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for='ays-poll-allow-not-vote'>
                                            <?php echo esc_html__('Allow not to vote', "poll-maker"); ?>
                                            <a 	class="ays_help" 
                                                data-toggle="tooltip" 
                                                data-placement="top" 
                                                title="<?php echo esc_html__("Allow the user to directly see the results without participating in the vote. If the option is checked, it is impossible to hide the results.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a></label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" name="ays-poll-allow-not-vote" id="ays-poll-allow-not-vote" class="ays_toggle_checkbox" value="allow" <?php echo isset($options['allow_not_vote']) && $options['allow_not_vote'] ? 'checked' : ''; ?>>
                                    </div>
                                    <div class="col-sm-8 if-allow-not-vot ays_toggle_target" style="display: none;">
                                        <div class="row">
                                            <div class="col-sm-3 ays_divider_left">
                                                <label for="ays-poll-btn-text">
                                                    <?php echo esc_html__("Results button text", "poll-maker"); ?>
                                                    <a class="ays_help"
                                                    data-toggle="tooltip"
                                                    data-placement="top"
                                                    title="<?php echo esc_html__("Write the text of the button, which shows results.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="text" class="ays-text-input ays-text-input-short" id="ays-poll-btn-text" name="ays_poll_res_btn_text" value="<?php echo (isset($options['see_res_btn_text']) && '' != $options['see_res_btn_text']) ? (esc_attr(stripslashes($options['see_res_btn_text']) )) :esc_html__("See Results", "poll-maker"); ?>"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3" style="padding-right: 0px;">
                                        <label for="ays_enable_pass_count">
                                            <?php echo esc_html__('Show passed users count', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('Show how many users have passed the poll. It will be shown at the bottom right corner inside the poll.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox" id="ays_enable_pass_count" name="ays_enable_pass_count"
                                            value="on" <?php echo ($enable_pass_count == 'on') ? 'checked' : ''; ?> />
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_redirect_after_vote">
                                            <?php echo esc_html__('Redirect after voting', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('Enable redirection to the custom URL after the user votes the poll.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="ays_redirect_after_vote" class="ays_toggle_checkbox" name="ays_redirect_after_vote" value="on" <?php echo ($redirect_users) ? 'checked' : ''; ?> />
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target" style="<?php echo ($redirect_users) ? '' : 'display: none;'; ?>">
                                        <div class="row">
                                            <div class="col-sm-12 ays_divider_left">
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="redirection_url">
                                                            <?php echo esc_html__('URL', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__('Choose the Redirection URL for redirecting after the user takes the poll.', "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="text" class="ays-text-input" name="redirection_url" placeholder="https://www.google.com" id="redirection_url" value="<?php echo isset($options['redirect_after_vote_url']) && !empty($options['redirect_after_vote_url']) ? esc_url($options['redirect_after_vote_url']) : ""; ?>" size="25">
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="redirectio_delay">
                                                            <?php echo esc_html__('Delay', "poll-maker"); ?>
                                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                            title="<?php echo esc_html__('Choose the redirection delay in seconds after the user votes the poll.', "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="text" class="ays-text-input" name="redirection_delay" id="redirectio_delay" value="<?php echo isset($options['redirect_after_vote_delay']) && !empty($options['redirect_after_vote_delay']) ? $options['redirect_after_vote_delay'] : ""; ?>" size="15">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="randomize-answers">
                                            <?php echo esc_html__('Randomize Answers', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Enable to show the answers of the poll in a random sequence.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox"
                                            name="randomize_answers"
                                            id="randomize-answers"
                                            value="on"
                                            <?php echo $randomize_answers ? 'checked' : ''; ?>
                                        />
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3" style="padding-right: 0px;">
                                        <label for="ays_enable_asnwers_sound">
                                            <?php echo esc_html__('Enable answers sound', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Enable to play a sound when the user clicks on one of the answers. To select a sound, go to the Poll answers sound option in the General Settings page.', "poll-maker")?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="ays_enable_asnwers_sound"
                                            name="ays_poll_enable_asnwers_sound" class="ays_toggle_checkbox"
                                            value="on" <?php echo $enable_asnwers_sound ? 'checked' : ''; ?>/>
                                    </div>
                                    <div class="col-sm-8 if_answer_sound ays_toggle_target ays_divider_left" style="<?php echo esc_attr($enable_asnwers_sound) ? '' : 'display:none;' ?>">
                                        <?php if($answers_sound_status): ?>
                                        <blockquote class=""><?php echo esc_html__('Sound are selected. For change sounds go to', "poll-maker"); ?> <a href="?page=poll-maker-ays-settings" target="_blank"><?php echo esc_html__('General options', "poll-maker"); ?></a> <?php echo esc_html__('page', "poll-maker"); ?></blockquote>
                                        <?php else: ?>
                                        <blockquote class=""><?php echo esc_html__('Sound are not selected. For selecting sounds go to', "poll-maker"); ?> <a href="?page=poll-maker-ays-settings" target="_blank"><?php echo esc_html__('General options', "poll-maker"); ?></a> <?php echo esc_html__('page', "poll-maker"); ?></blockquote>
                                        <?php endif; ?>
                                    </div>
                                </div>
                                <hr/>                
                                <div class="form-group row">
                                    <div class="col-3">
                                        <label for="ays-poll-reason">
                                            <?php echo esc_html__('Vote Reason', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                title="<?php echo esc_html__("Allow users to add their vote reason", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-9">
                                        <input type="checkbox" name="ays-poll-reason" id="ays-poll-reason" <?php echo esc_attr($poll_vote_reason); ?>>
                                    </div>	                    
                                </div>
                                <hr/>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_enable_vote_button">
                                            <?php echo esc_html__('Enable Vote button', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            title="<?php echo esc_html__('Show the vote button during the vote. If this option is disabled, then the user needs to click on the answer to vote without a chance of changing it.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" class="ays_toggle_checkbox" id="ays_enable_vote_button" name="ays_enable_vote_button"
                                            value="1" <?php echo (isset($options['enable_vote_btn']) && $options['enable_vote_btn'] == 0) ? '' : 'checked' ?> />
                                    </div>
                                    <div class="col-sm-8 if-enable-vote-button ays_toggle_target" style="<?php echo (isset($options['enable_vote_btn']) && $options['enable_vote_btn'] == 0) ? 'display:none;' : '' ?>">
                                        <div class="row">
                                            <div class="col-sm-3 ays_divider_left">
                                                <label for="ays-poll-btn-text_vote">
                                                    <?php echo esc_html__("Vote button text", "poll-maker"); ?>
                                                    <a class="ays_help"
                                                    data-toggle="tooltip"
                                                    data-placement="top"
                                                    title="<?php echo esc_html__("Write the text of the vote button.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="text" class="ays-text-input ays-text-input-short"
                                                    id="ays-poll-btn-text_vote" name="ays_poll_btn_text"
                                                    value="<?php echo esc_attr(stripslashes($options['btn_text'])) ?>"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr <?php echo $poll['type'] == 'choosing' ? "" : "style='display: none;'"?>>
                                <div class="form-group row ays_toggle_parent" <?php echo $poll['type'] == 'choosing' ? "" : "style='display: none;'"?>>
                                    <div class="col-sm-3">
                                        <label for="ays_enable_view_more_button">
                                            <?php echo esc_html__('Enable View more button', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            title="<?php echo esc_html__('Show only part of the answers and show the rest of the answers only when the user clicks on this button. It works only with the choosing type of polls.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" class="ays_toggle_checkbox" id="ays_enable_view_more_button" name="ays_enable_view_more_button"
                                            value="on" <?php echo ($enable_view_more_button) ? 'checked' : ''; ?> />
                                    </div>
                                    <div class="col-sm-8 ays_divider_left ays_toggle_target" style="<?php echo ($enable_view_more_button) ? '' : 'display: none'; ?>">
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_poll_view_more_button_count">
                                                    <?php echo esc_html__("Count", "poll-maker"); ?>
                                                    <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Indicate the number of answers which will be shown in the first place.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="text" class="ays-text-input ays-text-input-short" id="ays_poll_view_more_button_count" name="ays_poll_view_more_button_count" value="<?php echo $poll_view_more_button_count; ?>"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>                
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_answers_sort_select">
                                            <?php echo esc_html__('Answers sorting', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip" data-html="true" data-placement="top"
                                            title="<?php
                                                echo esc_html__("Select the way of arrangement of the answers on the voting page of the poll. This works only with the Choosing type.", "poll-maker") .
                                                    "<ul style='list-style-type: circle;padding-left: 20px;'>".
                                                        "<li>".esc_html__('Ascending – the sort is alphabetical from A to Z.', "poll-maker") ."</li>".
                                                        "<li>".esc_html__('Descending – the sort is alphabetical from Z to A.', "poll-maker") ."</li>".
                                                        "<li>".esc_html__('Most voted – by most votes', "poll-maker") ."</li>".
                                                        "<li>".esc_html__('Less voted - by less votes', "poll-maker") ."</li>".
                                                        "<li>".esc_html__('Default - upon your preferences', "poll-maker") ."</li>".
                                                    "</ul>";
                                            ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <select name="ays_answers_sort_select" id="ays_answers_sort_select" class="ays-select ays_poll_aysDropdown">
                                            <option value="default"    <?php echo isset($options['answer_sort_type']) && $options['answer_sort_type'] == "default" ? 'selected' : ''; ?>><?php echo esc_html__('Default', "poll-maker") ?></option>
                                            <option value="ascending"  <?php echo isset($options['answer_sort_type']) && $options['answer_sort_type'] == "ascending" ? 'selected' : ''; ?>><?php echo esc_html__('Ascending', "poll-maker") ?></option>
                                            <option value="descending" <?php echo isset($options['answer_sort_type']) && $options['answer_sort_type'] == "descending" ? 'selected' : ''; ?>><?php echo esc_html__('Descending', "poll-maker") ?></option>
                                            <option value="votes_asc"  <?php echo isset($options['answer_sort_type']) && $options['answer_sort_type'] == "votes_asc" ? 'selected' : ''; ?>><?php echo esc_html__('Most Voted', "poll-maker") ?></option>
                                            <option value="votes_desc" <?php echo isset($options['answer_sort_type']) && $options['answer_sort_type'] == "votes_desc" ? 'selected' : ''; ?>><?php echo esc_html__('Less Voted', "poll-maker") ?></option>
                                        </select>
                                    </div>
                                </div>                
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_aysDropdown">
                                            <?php echo esc_html__('Answers numbering', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Assign numbering to each answer in ascending sequential order. Choose your preferred type from the list.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <select class="ays_poll_aysDropdown" id="ays_poll_aysDropdown" name="ays_poll_show_answers_numbering" style="width: 200px;">
                                            <option <?php echo $show_answers_numbering == "none" ? "selected" : ""; ?> value="none"><?php echo esc_html__( "None", "poll-maker"); ?></option>
                                            <option <?php echo $show_answers_numbering == "1." ? "selected" : ""; ?> value="1."><?php echo esc_html__( "1.", "poll-maker"); ?></option>
                                            <option <?php echo $show_answers_numbering == "1)" ? "selected" : ""; ?> value="1)"><?php echo esc_html__( "1)", "poll-maker"); ?></option>
                                            <option <?php echo $show_answers_numbering == "A." ? "selected" : ""; ?> value="A."><?php echo esc_html__( "A.", "poll-maker"); ?></option>
                                            <option <?php echo $show_answers_numbering == "A)" ? "selected" : ""; ?> value="A)"><?php echo esc_html__( "A)", "poll-maker"); ?></option>
                                            <option <?php echo $show_answers_numbering == "a." ? "selected" : ""; ?> value="a."><?php echo esc_html__( "a.", "poll-maker"); ?></option>
                                            <option <?php echo $show_answers_numbering == "a)" ? "selected" : ""; ?> value="a)"><?php echo esc_html__( "a)", "poll-maker"); ?></option>
                                            <option <?php echo $show_answers_numbering == "VI." ? "selected" : ""; ?> value="VI."><?php echo esc_html__( "VI.", "poll-maker"); ?></option>
                                        </select>
                                    </div>
                                </div> <!-- Show answers numbering -->
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row ays_toggle_parent">
                                            <div class="col-sm-3">
                                                <label for="ays_show_votes_before_voting">
                                                    <?php echo esc_html__('Show votes count per answer before voting', "poll-maker"); ?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-placement="top"
                                                    title="<?php echo esc_html__('Display the votes count per answer to the poll participants beforehand. It will show the last result. There are two ways to represent the votes count: by count and by percentage.', "poll-maker") ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-1">
                                                <input type="checkbox"/>
                                            </div>
                                            <div class="col-sm-8 ays_divider_left ays_toggle_target" >
                                                <div class="d-flex">
                                                    <div class="form-check-inline ays_poll_loader">
                                                        <label class="form-check-label">
                                                            <input type="radio" value="by_count" />
                                                            <span><?php echo esc_html__('By count', "poll-maker"); ?></span>
                                                        </label>
                                                    </div>
                                                    <div class="form-check-inline ays_poll_loader">
                                                        <label class="form-check-label">
                                                            <input type="radio" value="by_percentage"/>
                                                            <span><?php echo esc_html__('By percentage', "poll-maker"); ?></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div> <!-- Status -->
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box" style="top: -20px;">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div> 
                                </div>
                            </div>
                        </div>
                        <div class="only_pro" style="position: relative; display: inline-block">
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff">
                                <div class="pro-features-popup-conteiner">
                                    <div class="pro-features-popup-title">
                                        <?php echo esc_html__("Save as Default feature of Poll", "poll-maker"); ?>
                                    </div>
                                    <div class="pro-features-popup-content" data-link="https://youtu.be/JBKbnrRNviI">
                                        <p>
                                            <?php echo esc_html__("You can make the process of creating online polls a fun and easy activity with the Save as Default feature of the WordPress Poll Plugin.", "poll-maker"); ?>
                                        </p>
                                        <p>
                                            <?php echo esc_html__("You just need to click on the Save as default button and, each time, creating a new poll, the system will take the settings and styles of the current poll.", "poll-maker"); ?>
                                        </p>
                                    </div>
                                    <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-save-as-default-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                        <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff; overflow: visible; position: static; padding: 0; font-size: 16px">
                                <span class="ays_save_as_default_content_for_mobile">
                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" title="This property aviable only in pro version" style="text-decoration: none">
                                        <input type="button" class="button ays_default_btn ays-loader-banner" value="<?php echo esc_attr__( "Save as default", "poll-maker" ); ?>">
                                    </a>
                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__( "Saves the assigned settings of the current poll as default. After clicking on this button, each time creating a new poll, the system will take the settings and styles of the current poll. If you want to change and renew it, please click on this button on another poll.", "poll-maker" ); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="tab4" class="ays-poll-tab-content <?php echo $active_tab == 'Limitations' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <div class="ays-poll-accordion-options-main-container">
                            <div class="ays-poll-accordion-header">
                                <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                <p class="ays-subtitle"><?php echo esc_html__('Limitation of Users', "poll-maker"); ?></p>
                            </div>
                            <hr class="ays-poll-bolder-hr"/>
                            <div class="ays-poll-accordion-body">
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="apm_limit_users">
                                            <?php echo esc_html__('Maximum number of attempts per user', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('This option allows to block the users who have already voted.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="apm_limit_users" name="apm_limit_users" class="ays_toggle_checkbox"
                                            value="on" <?php echo $options['limit_users'] ? 'checked' : ''; ?> />
                                    </div>
                                    <div class="if-limit-users col-sm-8 ays_divider_left ays_toggle_target" style="<?php echo $options['limit_users'] ? '' : 'display: none;'; ?>">
                                        <div class="ays-limitation-options">
                                            <!-- Limitation method -->
                                            <div class="form-group row">
                                                <div class="col-sm-3">
                                                    <label for="ays_redirect_method">
                                                        <?php echo esc_html__('Detects users by', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-html="true" data-placement="top" title="<p style='margin-bottom:3px;'><?php echo esc_html__( 'Choose the method of detection of the user:' , "poll-maker" ); ?>
                                                        <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'By IP', "poll-maker" ); ?></strong> <?php echo esc_html__( ' - Detect the users by their IP addresses and limit them. It will work both for guests and registered users. Note: in general, IP is not a static variable, it is constantly changing when the user changes his location/ WIFI/ Internet provider.' , "poll-maker" ); ?></p>
                                                        <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'By User ID', "poll-maker" ); ?></strong><?php echo esc_html__( ' - Detect the users by their WP User IDs and limit them. It will work only for registered users. Recommended using this method to get more reliable results.', "poll-maker" ); ?></p>
                                                        <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'By Cookie ', "poll-maker" ); ?></strong><?php echo esc_html__( ' - Detect the users by their browser cookies and limit them.  It will work both for guests and registered users.', "poll-maker" ); ?></p>
                                                        <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'By Cookie and IP ', "poll-maker" ); ?></strong><?php echo esc_html__( ' - Detect the users both by their browser cookies and IP addresses and limit them. It will work both for guests and registered users.', "poll-maker" ); ?></p>"
                                                        >
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-9">
                                                    <div class="ays-poll-sel-fields d-flex p-0">
                                                        <div class="ays-poll-check-box mr-2">
                                                            <input type="radio" id="ays_limit_method_ip" name="ays_limit_method"
                                                                value="ip" <?php echo (!empty($options['limit_users_method']) && $options['limit_users_method'] == 'ip') || empty($options['limit_users_method']) ? "checked" : "" ?> />
                                                            <label class="form-check-label"
                                                                for="ays_limit_method_ip"><?php echo esc_html__('IP', "poll-maker"); ?> </label>
                                                        </div>
                                                        <div class="ays-poll-check-box mr-2">
                                                            <input type="radio" id="ays_limit_method_user" name="ays_limit_method"
                                                                value="user" <?php echo !empty($options['limit_users_method']) && $options['limit_users_method'] == 'user' ? "checked" : "" ?> />
                                                            <label class="form-check-label"
                                                                for="ays_limit_method_user"><?php echo esc_html__('User ID', "poll-maker"); ?> </label>
                                                        </div>
                                                        <div class="ays-poll-check-box mr-2">
                                                            <input type="radio" id="ays_limit_method_cookie" name="ays_limit_method"
                                                                value="cookie" <?php echo !empty($options['limit_users_method']) && $options['limit_users_method'] == 'cookie' ? "checked" : "" ?> />
                                                            <label class="form-check-label"
                                                                for="ays_limit_method_cookie"><?php echo esc_html__('Cookie', "poll-maker"); ?> </label>
                                                        </div>
                                                        <div class="ays-poll-check-box mr-2">
                                                            <input type="radio" id="ays_limit_method_cookie_ip" name="ays_limit_method"
                                                                value="cookie_ip" <?php echo !empty($options['limit_users_method']) && $options['limit_users_method'] == 'cookie_ip' ? "checked" : "" ?> />
                                                            <label class="form-check-label"
                                                                for="ays_limit_method_cookie_ip"><?php echo esc_html__('Cookie and IP', "poll-maker"); ?> </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr>
                                            <!-- Limitation message -->
                                            <div class="form-group row">
                                                <div class="col-sm-3">
                                                    <label for="ays_limitation_message">
                                                        <?php echo esc_html__('Message', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__('Write the message for those who have already passed the poll under the given conditions.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-9">
                                                    <?php
                                                    $content   = !empty($options['limitation_message']) ? stripslashes($options['limitation_message']) : stripslashes($default_options['limitation_message']);
                                                    $editor_id = 'ays_limitation_message';
                                                    $settings  = array(
                                                        'editor_height'  => $poll_wp_editor_height,
                                                        'textarea_name'  => 'ays_limitation_message',
                                                        'editor_class'   => 'ays-textarea',
                                                        'media_elements' => false
                                                    );
                                                    wp_editor($content, $editor_id, $settings);
                                                    ?>
                                                </div>
                                            </div>
                                            <hr>
                                            <!-- Limitation redirect url -->
                                            <div class="form-group row">
                                                <div class="col-sm-3">
                                                    <label for="ays_redirect_url">
                                                        <?php echo esc_html__('Redirect URL', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__('Enable redirection to the custom URL for those who have already passed the poll under the given conditions.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-9">
                                                    <input type="text" name="ays_redirect_url" id="ays_redirect_url"
                                                        class="ays-text-input"
                                                        value="<?php echo $options['redirect_url'] ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <!-- Limitation redirect delay -->
                                            <div class="form-group row">
                                                <div class="col-sm-3">
                                                    <label for="ays_redirection_delay">
                                                        <?php echo esc_html__('Redirect delay (sec)', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                        title="<?php echo esc_html__('Choose the redirection delay in seconds. If you set it to 0, the redirection will be disabled.', "poll-maker"); ?>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>
                                                    </label>
                                                </div>
                                                <div class="col-sm-9">
                                                    <input type="number" name="ays_redirection_delay" id="ays_redirection_delay"
                                                        class="ays-text-input"
                                                        value="<?php echo $options['redirection_delay'] ?>"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-3">
                                                    <label for="ays_see_result_show">
                                                        <?php echo esc_html__('See results', "poll-maker"); ?>
                                                        <a class="ays_help" data-toggle="tooltip" data-html="true" data-placement="top"
                                                        title="<p style='margin-bottom:3px;'><?php echo esc_html__( 'Display the live results of the poll to those who have already passed the poll under the given conditions. There are two ways of displaying the results:' , "poll-maker" ); ?>
                                                        <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'After clicking on the button:', "poll-maker" ); ?></strong> <?php echo esc_html__( '- It will show the results after clicking on the See Results button.' , "poll-maker" ); ?></p>
                                                        <p style='padding-left:10px;margin-bottom:3px;'><strong><?php echo esc_html__( 'Directly:', "poll-maker" ); ?></strong><?php echo esc_html__( ' - It will show the results immediately.', "poll-maker" ); ?></p>">
                                                            <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                        </a>                                    
                                                    </label>
                                                </div>
                                                <div class="col-sm-9">
                                                    <div class="row">
                                                        <div class="col-sm-2 d-flex align-items-center" style="margin-bottom: 0.75rem;">
                                                            <input type="checkbox" id="ays_see_result_show" 
                                                                name="ays_see_result_show" 
                                                                class="ays_poll_show_hide_button" 
                                                                value="on" <?php echo esc_attr($poll_see_result_button); ?>>
                                                        </div>

                                                        <div class="col-sm-10" id="ays_poll_show_hide_button">
                                                            <div class="row <?php echo esc_attr($poll_see_result_button_cont); ?>">
                                                                <div class="col-sm-6">
                                                                    <div class="ays-poll-check-box d-flex align-items-center" 
                                                                        style="padding: 8px; border: 1px solid #ccc; margin-bottom: 0.75rem;">
                                                                        <input type="radio" 
                                                                            id="ays_see_result_button_show"
                                                                            name="ays_poll_see_result_show" 
                                                                            class="ays_poll_show_hide_button mr-2"
                                                                            value="ays_see_result_button" 
                                                                            <?php echo esc_attr($poll_see_result_botton_show) ?>>
                                                                        <label for="ays_see_result_button_show" class="form-check-label">
                                                                            <?php echo esc_html__('After clicking on the button', "poll-maker"); ?>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="ays-poll-check-box d-flex align-items-center" 
                                                                        style="padding: 8px; border: 1px solid #ccc; margin-bottom: 0.75rem;">
                                                                        <input type="radio"
                                                                            id="ays_see_result_button_hide" 
                                                                            name="ays_poll_see_result_show"
                                                                            class="ays_poll_show_hide_button mr-2" 
                                                                            value="ays_see_result_immediately"
                                                                            <?php echo esc_attr($poll_see_result_immediately) ?>>
                                                                        <label for="ays_see_result_button_hide" class="form-check-label">
                                                                            <?php echo esc_html__('Directly', "poll-maker"); ?>
                                                                        </label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                                    <div class="pro_features" style="justify-content:flex-end;">
                                                    </div>
                                                    <div class="form-group row d-flex">
                                                        <div class="col-sm-3">
                                                            <label for="ays_attempts_count">
                                                                <?php echo esc_html__('Attempts count', "poll-maker")?>
                                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Specify the count of the attempts per user for passing the poll.', "poll-maker")?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <div class="col-sm-9">
                                                            <input type="number" min="1" name="ays_attempts_count" class="ays-enable-timerl ays-text-input">
                                                        </div>
                                                    </div>
                                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                        <div class="ays-poll-new-upgrade-button-box">
                                                            <div>
                                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                            </div>
                                                            <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- Maximum number of attempts per user -->
                                <hr/>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_enable_logged_users">
                                            <?php echo esc_html__('Only for logged in users', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('After enabling this option, only logged-in users will be able to pass the poll.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="ays_enable_logged_users" name="ays_enable_logged_users" class="ays_toggle_checkbox"
                                            value="on" <?php echo $options['enable_logged_users'] == 1 ? 'checked' : ''; ?> />
                                    </div>
                                    <div class="if-logged-in col-sm-8 ays_toggle_target" style="<?php echo $options['enable_logged_users'] == 1 ? '' : 'display:none;'; ?>">
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_logged_in_message">
                                                    <?php echo esc_html__('Message', "poll-maker"); ?>
                                                    <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                    title="<?php echo esc_html__('Write the message for unauthorized users.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <?php
                                                $content   = !empty($options['enable_logged_users_message']) ? stripslashes($options['enable_logged_users_message']) : $default_options['enable_logged_users_message'];
                                                $editor_id = 'ays_logged_in_message';
                                                $settings  = array(
                                                    'editor_height'  => $poll_wp_editor_height,
                                                    'textarea_name'  => 'ays_enable_logged_users_message',
                                                    'editor_class'   => 'ays-textarea',
                                                    'media_elements' => false
                                                );
                                                wp_editor($content, $editor_id, $settings);
                                                ?>
                                            </div>
                                        </div>
                                        <hr/>                        
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_show_login_form">
                                                    <?php echo esc_html__('Show Login form', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Enable to show the login form.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="checkbox" class="ays-enable-timer1" id="ays_show_login_form" name="ays_show_login_form" value="on" <?php echo ($show_login_form && $options['enable_logged_users'] == 1) ? 'checked' : ''; ?>/>
                                            </div>
                                        </div>
                                    </div>
                                </div> <!-- Only for logged in users -->
                                <hr/>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_enable_restriction_pass">
                                            <?php echo esc_html__('Only for selected user role', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('After enabling this option, only the user roles mentioned in the list will be able to pass the poll.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="ays_enable_restriction_pass" name="ays_enable_restriction_pass" class="ays_toggle_checkbox"
                                            value="on" <?php echo (isset($options['enable_restriction_pass']) &&
                                                            $options['enable_restriction_pass'] == 1) ? 'checked' : ''; ?> />
                                    </div>
                                    <div class="if-users-roles col-sm-8 ays_divider_left ays_toggle_target" style="<?php echo (isset($options['enable_restriction_pass']) && $options['enable_restriction_pass'] == 1) ? '' : 'display: none;'; ?>">
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_users_roles">
                                                    <?php echo esc_html__('User role', "poll-maker"); ?></label>
                                            </div>
                                            <div class="col-sm-9">
                                                <select name="ays_users_roles[]" id="ays_users_roles" class="ays-select" multiple>
                                                    <?php
                                                    foreach ($ays_users_roles as $key => $user_role) {
                                                        $selected_role = "";
                                                        if(is_array($users_role)){
                                                            if(in_array($user_role['name'], $users_role)){
                                                                $selected_role = 'selected';
                                                            }else{
                                                                $selected_role = '';
                                                            }
                                                        }else{
                                                            if($users_role == $user_role['name']){
                                                                $selected_role = 'selected';
                                                            }else{
                                                                $selected_role = '';
                                                            }
                                                        }
                                                        echo "<option value='" . esc_attr($user_role['name']) . "' " . esc_attr($selected_role) . ">" . esc_html($user_role['name']) . "</option>";
                                                    }
                                                    ?>
                                                </select>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="restriction_pass_message">
                                                    <?php echo esc_html__('Message', "poll-maker"); ?>
                                                    <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                    title="<?php echo esc_html__('Write the message for those who aren’t included in the list.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <?php
                                                $content   = !empty($options['restriction_pass_message']) ? stripslashes($options['restriction_pass_message']) : stripslashes($default_options['restriction_pass_message']);
                                                $editor_id = 'restriction_pass_message';
                                                $settings  = array(
                                                    'editor_height'  => $poll_wp_editor_height,
                                                    'textarea_name'  => 'restriction_pass_message',
                                                    'editor_class'   => 'ays-textarea',
                                                    'media_elements' => false
                                                );
                                                wp_editor($content, $editor_id, $settings);
                                                ?>
                                            </div>
                                        </div>
                                    </div>
                                </div> <!-- Only for selected user role -->
                                <hr>                
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_enable_password">
                                            <?php echo esc_html__('Password for passing Poll', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Choose a password for users to pass the poll.' , "poll-maker")?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" class="ays-enable-timer1 ays_toggle_checkbox" id="ays_poll_enable_password"
                                                name="ays_poll_enable_password" value="on" <?php echo ($poll_enable_password) ? "checked" : ""; ?>>
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target ays_divider_left" style=" <?php echo ($poll_enable_password) ? "" : "display: none"; ?>">
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_poll_password">
                                                    <?php echo esc_html__('Password' , "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Write your password.' , "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="text" name="ays_poll_password" id="ays_poll_password" class="ays-enable-timerl ays-text-input" value="<?php echo $poll_password; ?>">
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_poll_enable_password_visibility">
                                                    <?php echo esc_html__('Enable toggle password visibility', "poll-maker"); ?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Tick the option, and it will let you enable and disable password visibility in a password input field.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_password_visibility" name="ays_poll_enable_password_visibility" value="on" <?php echo $poll_enable_password_visibility ? 'checked' : ''; ?>/>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_poll_password">
                                                    <?php echo esc_html__('Message', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Write your password.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            
                                            <div class="col-sm-9">
                                                <?php 
                                                    $content   = $poll_password_message;
                                                    $editor_id = 'ays-poll-password-message';
                                                    $settings  = array('editor_height' => $poll_wp_editor_height, 'textarea_name' => 'ays_poll_password_message', 'editor_class' => 'ays-textarea', 'media_elements' => false);
                                                    wp_editor($content, $editor_id, $settings);
                                                ?>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- Password for passing Poll PRO Feautre-->
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row ays_toggle_parent">
                                            <div class="col-sm-3">
                                                <label for="ays_enable_tackers_count">
                                                    <?php echo esc_html__('Limitation count of takers', "poll-maker")?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('You can choose how many users can pass the poll.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-1">
                                                <input type="checkbox" class="ays-enable-timer1"
                                                    name="ays_enable_tackers_count" value="on">
                                            </div>
                                            <div class="col-sm-8 ays_toggle_target ays_divider_left">
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="ays_tackers_count">
                                                            <?php echo esc_html__('Count', "poll-maker")?>
                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('The number of users who can pass the poll.', "poll-maker")?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="number" name="ays_tackers_count" class="ays-enable-timerl ays-text-input"
                                                            >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div>
                                </div><!-- Limitation count of takers Poll PRO Feautre-->
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row ays_toggle_parent">
                                            <div class="col-sm-3">
                                                <label for="ays_enable_vote_limitation">
                                                    <?php echo esc_html__('Allow to vote once per session', "poll-maker")?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('If you enable this feature, you can select the frequency the users can have access to the poll after the first attempt. For example, if you give a 1-day value to the session period, the user will have access to the poll once in 1-day.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-1">
                                                <input type="checkbox" class="ays-enable-timer1"
                                                    name="ays_enable_vote_limitation" value="on" >
                                            </div>
                                            <div class="col-sm-8 ays_toggle_target ays_divider_left">
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="ays_vote_limitation">
                                                            <?php echo esc_html__('Session Period', "poll-maker")?>
                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('Specify the time for one session.', "poll-maker")?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-7">
                                                        <input type="text" name="ays_vote_limitation" class="ays-enable-timerl ays-text-input">
                                                        
                                                    </div>
                                                    <div class="col-sm-2 ays_vote_limitation_time_period_box">
                                                        <select name="ays_vote_limitation_time_period" id="ays_vote_limitation_period">                           
                                                            <option>Minute(s)
                                                            </option>
                                                        </select>
                                                    </div>                            
                                                </div>
                                                <div class="form-group row d-flex w-100">
                                                    <div class="col-sm-3">
                                                        <label for="">
                                                            <?php echo esc_html__('Message', "poll-maker"); ?>
                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-placement="top"
                                                            title="<?php echo esc_html__('Write the message, which will be shown during the restricted time, when the user has already passed his/her limit for the session.', "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <?php		    		
                                                        $editor_id = 'vote_limit_message';
                                                        $settings  = array(
                                                            'editor_height'  => 100,
                                                            'textarea_name'  => 'vote_limit_message',
                                                            'editor_class'   => 'ays-textarea',
                                                            'media_elements' => false
                                                        );
                                                        wp_editor('This feature is available only in PRO version!!!', 'editor_id', $settings);
                                                        ?>
                                                    </div>
                                                </div>    
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div>
                                </div> <!-- Allow to vote once per session PRO Feautre-->
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row ays_toggle_parent">
                                            <div class="col-sm-3">
                                                <label for="enable_limit_by_country">
                                                    <?php echo esc_html__('Limit by country', "poll-maker")?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__(' After enabling this option, the given poll will not be available in the selected country.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-1">
                                                <input type="checkbox" class="ays-enable-timer1"/>
                                            </div>
                                            <div class="col-sm-8 ays_toggle_target ays_divider_left">
                                                <select id="ays-poll-countries" class="apm-cat-select2 select2-hidden-accessible" name="ays-poll-countries[]" multiple="" data-placeholder="Select countries" tabindex="-1" aria-hidden="true" disabled>
                                                    <option selected value="AD">Andorra</option>
                                                    <option selected value="US">United States</option>
                                                    <option selected value="GB">United Kingdom</option>
                                                    <option selected value="FR">France</option>
                                                </select>
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div>
                                </div> <!-- Limit by country PRO Feautre -->
                                <hr>
                            </div>
                        </div>
                        <div class="only_pro" style="position: relative; display: inline-block">
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff">
                                <div class="pro-features-popup-conteiner">
                                    <div class="pro-features-popup-title">
                                        <?php echo esc_html__("Save as Default feature of Poll", "poll-maker"); ?>
                                    </div>
                                    <div class="pro-features-popup-content" data-link="https://youtu.be/JBKbnrRNviI">
                                        <p>
                                            <?php echo esc_html__("You can make the process of creating online polls a fun and easy activity with the Save as Default feature of the WordPress Poll Plugin.", "poll-maker"); ?>
                                        </p>
                                        <p>
                                            <?php echo esc_html__("You just need to click on the Save as default button and, each time, creating a new poll, the system will take the settings and styles of the current poll.", "poll-maker"); ?>
                                        </p>
                                    </div>
                                    <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-save-as-default-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                        <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff; overflow: visible; position: static; padding: 0; font-size: 16px">
                                <span class="ays_save_as_default_content_for_mobile">
                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" title="This property aviable only in pro version" style="text-decoration: none">
                                        <input type="button" class="button ays_default_btn ays-loader-banner" value="<?php echo esc_attr__( "Save as default", "poll-maker" ); ?>">
                                    </a>
                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__( "Saves the assigned settings of the current poll as default. After clicking on this button, each time creating a new poll, the system will take the settings and styles of the current poll. If you want to change and renew it, please click on this button on another poll.", "poll-maker" ); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="tab5" class="ays-poll-tab-content <?php echo $active_tab == 'Userdata' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <div class="ays-poll-accordion-options-main-container">
                            <div class="ays-poll-accordion-header">
                                <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                <p class="ays-subtitle"><?php echo esc_html__('User Data Settings', "poll-maker"); ?></p>
                            </div>
                            <hr class="ays-poll-bolder-hr"/>
                            <div class="ays-poll-accordion-body">
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label>
                                            <?php echo esc_html__('Information form title', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__("Write the title of the Information Form which will be shown at the top of the Form Fields.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9 ays_divider_left">
                                        <?php
                                        $content   = stripslashes($options['info_form_title']);
                                        $editor_id = 'ays-poll-info-form-text';
                                        $settings  = array(
                                            'editor_height'  => $poll_wp_editor_height,
                                            'textarea_name'  => 'ays-poll-info-form-text',
                                            'editor_class'   => 'ays-textarea',
                                            'media_elements' => false
                                        );
                                        wp_editor($content, $editor_id, $settings);
                                        ?>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-2">
                                        <label for='ays_poll_info_form'>
                                            <?php echo esc_html__('Enable Information Form', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("After enabling this option, the user will have to fill out the information form (data form for the user’s personal information) after submitting the poll.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" class="ays_toggle_checkbox" name="ays_poll_info_form" id="ays_poll_info_form" value="on" <?php echo ($options['info_form'] == 1) ? 'checked' : ''; ?>>
                                    </div>
                                    <div class="col-sm-9 ays_divider_left ays_toggle_target_inverse" style="<?php echo (isset($options['info_form']) && $options['info_form'] == 1) ? 'display:none' : ''; ?>">
                                        <div class="col-sm-7">
                                            <label for="ays_allow_collecting_logged_in_users_data" style="margin-right:20px;">
                                                <?php echo esc_html__('Allow collecting information of logged in users', "poll-maker"); ?>
                                                <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Allow collecting information from logged in users. Email and name of users will be stored in the database. Email options will be work for these users.', "poll-maker")?>">
                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                </a>
                                            </label>
                                            <input type="checkbox" id="ays_allow_collecting_logged_in_users_data" value="on" name="ays_allow_collecting_logged_in_users_data" <?php echo $poll_allow_collecting_users_data; ?>>
                                        </div> <!-- Allow collecting information of logged in users -->
                                    </div>
                                    <div class="ays_poll_info_form col-sm-9 ays_toggle_target" style="border-left: 1px solid #ccc; <?php echo $options['info_form'] == 1 ? "display: block;" : "display: none;"; ?>">
                                        <div>
                                            <label>
                                                <?php echo esc_html__('Form Fields', "poll-maker"); ?>
                                                <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Select which fields the user should fill out.", "poll-maker"); ?>">
                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                </a>
                                            </label>
                                            <hr>
                                        </div>
                                        <div>
                                            <div class="ays-poll-sel-fields d-flex">
                                                <?php foreach ( $all_fields as $field ): ?>
                                                    <div class="ays-poll-check-box mr-2">
                                                        <input type="checkbox" name="ays-poll-form-fields[]" value="<?php echo $field['slug']; ?>" id="ays-poll-form-field-<?php echo $field['slug']; ?>"
                                                            <?php echo (array_search($field['slug'], $fields) !== false) ? "checked" : ""; ?>>
                                                        <label for="ays-poll-form-field-<?php echo $field['slug']; ?>">
                                                            <?php echo ucfirst($field['name']); ?></label>
                                                    </div>
                                                <?php endforeach; ?>
                                            </div>
                                            <hr>
                                        </div>
                                        <div>
                                            <label>
                                                <?php echo esc_html__('Required Fields', "poll-maker"); ?>
                                                <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                title="<?php echo esc_html__("Select which fields are required.", "poll-maker"); ?>">
                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                </a>
                                            </label>
                                            <hr>
                                        </div>
                                        <div>
                                            <div class="ays-poll-sel-fields d-flex">
                                                <?php foreach ( $all_fields as $field ): ?>
                                                    <div class="ays-poll-check-box mr-2"
                                                        id="ays-poll-box-rfield-<?php echo $field['slug']; ?>" <?php echo (array_search($field['slug'],
                                                            $fields) === false) ? "style='display:none'" : ""; ?>>
                                                        <input type="checkbox" name="ays-poll-form-required-fields[]"
                                                            value="<?php echo $field['slug']; ?>"
                                                            id="ays-poll-form-rfield-<?php echo $field['slug']; ?>" <?php echo (array_search($field['slug'],
                                                                $required_fields) !== false) ? "checked" : ""; ?>>
                                                        <label for="ays-poll-form-rfield-<?php echo $field['slug']; ?>">
                                                            <?php echo ucfirst($field['name']); ?></label>
                                                    </div>
                                                <?php endforeach; ?>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_autofill_user_data">
                                            <?php echo esc_html__('Autofill logged-in user data', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_attr__('After enabling this option, logged in user\'s name and email will be autofilled in Information Form.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="information_form_settings">
                                            <input type="checkbox" id="ays_poll_autofill_user_data" name="ays_poll_autofill_user_data" value="on" <?php echo $autofill_user_data ? "checked" : ""; ?>>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_display_fields_labels">
                                            <?php echo esc_html__('Display form fields with labels', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_attr__('Show labels of form fields on the top of each field.Texts of labels will be taken from the "Fields placeholder" section on the General setting page.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="information_form_settings">
                                            <input type="checkbox" id="ays_poll_display_fields_labels" name="ays_poll_display_fields_labels" value="on" <?php echo $display_fields_labels ? "checked" : ""; ?>>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label>
                                                    <?php echo esc_html__('Add custom fields', "poll-maker"); ?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("You can create custom fields with the following types: text, textarea, number, telephone, date, e-mail, URL, color, checkbox.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <blockquote>
                                                    <?php echo esc_html__("For creating custom fields click ", "poll-maker"); ?>
                                                    <a href="?page=<?php echo $this->plugin_name; ?>-poll-attributes"><?php echo esc_html__("here", "poll-maker"); ?></a>
                                                </blockquote>
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <hr>
                            </div>
                        </div>
                        <div class="only_pro" style="position: relative; display: inline-block">
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff">
                                <div class="pro-features-popup-conteiner">
                                    <div class="pro-features-popup-title">
                                        <?php echo esc_html__("Save as Default feature of Poll", "poll-maker"); ?>
                                    </div>
                                    <div class="pro-features-popup-content" data-link="https://youtu.be/JBKbnrRNviI">
                                        <p>
                                            <?php echo esc_html__("You can make the process of creating online polls a fun and easy activity with the Save as Default feature of the WordPress Poll Plugin.", "poll-maker"); ?>
                                        </p>
                                        <p>
                                            <?php echo esc_html__("You just need to click on the Save as default button and, each time, creating a new poll, the system will take the settings and styles of the current poll.", "poll-maker"); ?>
                                        </p>
                                    </div>
                                    <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-save-as-default-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                        <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff; overflow: visible; position: static; padding: 0; font-size: 16px">
                                <span class="ays_save_as_default_content_for_mobile">
                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" title="This property aviable only in pro version" style="text-decoration: none">
                                        <input type="button" class="button ays_default_btn ays-loader-banner" value="<?php echo esc_attr__( "Save as default", "poll-maker" ); ?>">
                                    </a>
                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__( "Saves the assigned settings of the current poll as default. After clicking on this button, each time creating a new poll, the system will take the settings and styles of the current poll. If you want to change and renew it, please click on this button on another poll.", "poll-maker" ); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="tab6" class="ays-poll-tab-content <?php echo $active_tab == 'Email' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <div class="ays-poll-accordion-options-main-container">
                            <div class="ays-poll-accordion-header">
                                <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                <p class="ays-subtitle"><?php echo esc_html__('Email settings', "poll-maker"); ?></p>
                            </div>
                            <hr class="ays-poll-bolder-hr"/>
                            <div class="ays-poll-accordion-body">
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_notify_by_email_on">
                                            <?php echo esc_html__('Results notification by email', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                            title="<?php echo esc_html__('If the option is enabled, the admin(or your provided email) will receive an email notification about votes at each time.', "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" class="ays_toggle_checkbox" id="ays_notify_by_email_on" name="ays_notify_by_email_on" value="on" <?php echo ($notify_email_on) ? 'checked' : ''; ?> />
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target" style="<?php echo ($notify_email_on) ? '' : 'display: none;'; ?>">
                                        <div class="row ays_divider_left">
                                            <div class="col-sm-3">
                                                <label for="ays_notify_email">
                                                    <?php echo esc_html__('Email address', "poll-maker"); ?>
                                                    <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                    title="<?php echo esc_html__('If you want to set another email, enter it here. Leave it blank for an admin email.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="email" class="ays-text-input" name="ays_notify_email" id="ays_notify_email" value="<?php echo isset($options['notify_email']) && !empty($options['notify_email']) ? $options['notify_email'] : get_option('admin_email'); ?>" size="30">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features pro_features_popup">
                                            <div class="pro-features-popup-conteiner">
                                                <div class="pro-features-popup-title">
                                                    <?php echo esc_html__("Send Mail to User", "poll-maker"); ?>
                                                </div>
                                                <div class="pro-features-popup-content" data-link="https://youtu.be/qdbcla0K8nE">
                                                    <p>
                                                        <?php echo esc_html__("Send confirmation emails after the poll submission to the poll voters. This is the best way to connect to your website visitors and boost stronger relationships.", "poll-maker"); ?>
                                                    </p>
                                                    <p>
                                                        <?php echo esc_html__("There are two ways to send email to the poll voters: Custom and SendGrid. Watch the video to learn more about the functionality.", "poll-maker"); ?>
                                                    </p>
                                                </div>
                                                <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-send-mail-to-user-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                                    <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row" >
                                            <div class="col-sm-3">
                                                <label for="ays_enable_mail_user">
                                                    <?php echo esc_html__('Send Mail to User', "poll-maker"); ?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-placement="top"
                                                    title="<?php echo esc_html__('Send the message to the emails of the users after the submission of the poll.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-1">                       
                                                    <input type="checkbox" name="ays_enable_mail_user" value="on" />
                                            </div>
                                            <div class="col-sm-8 if-enable-email_note">
                                            
                                            </div>
                                        </div>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                        <div class="ays-poll-new-watch-video-button-box">
                                            <div>
                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24.svg'?>">
                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24_hover.svg'?>" class="ays-poll-new-watch-video-button-hover">
                                            </div>
                                            <div class="ays-poll-new-watch-video-button"><?php echo esc_html__("Watch Video", "poll-maker"); ?></div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label>
                                                    <?php echo esc_html__('Email configuration', "poll-maker")?>
                                                    <a  class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__('Set up the attributes of the sending email.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8 ays_divider_left">
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="ays_poll_email_configuration_from_email">
                                                            <?php echo esc_html__('From email', "poll-maker")?>
                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-html="true" title="<?php 
                                                                /* translators: 1: opening em tag, 2: closing em tag */
                                                                echo htmlspecialchars( sprintf(esc_html__("Specify the email address from which the results will be sent. If you leave the field blank, the sending email address will take the default value — %1\$spoll_maker@{your_site_url}%2\$s.", "poll-maker"),
                                                                    '<em>',
                                                                    '</em>'
                                                                ) );
                                                            ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="text" class="ays-text-input" />
                                                    </div>
                                                </div> <!-- From email -->
                                                <hr/>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="ays_poll_email_configuration_from_name">
                                                            <?php echo esc_html__('From name', "poll-maker")?>
                                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-html="true" title="<?php 
                                                                /* translators: 1: opening em tag, 2: closing em tag */
                                                                echo wp_kses( sprintf(esc_html__("Specify the name that will be displayed as the sender of the results. If you don't enter any name, it will be %1\$sPoll Maker%2\$s.", "poll-maker"),
                                                                    // translators: 1: opening em tag, 
                                                                    '<em>',
                                                                    // translators: 2: closing em tag
                                                                    '</em>'
                                                                ), array(
                                                                    'em' => array()
                                                                ) );
                                                            ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="text" class="ays-text-input" >
                                                    </div>
                                                </div><!-- From name -->
                                                <hr/>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="ays_poll_email_configuration_from_subject">
                                                            <?php echo esc_html__('Subject', "poll-maker")?>
                                                            <a  class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__("Fill in the subject field of the message. If you don't, it will take the poll title.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="text" class="ays-text-input">
                                                    </div>
                                                </div> <!-- Subject -->
                                                <hr/>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="ays_poll_email_configuration_replyto_email">
                                                            <?php echo esc_html__('Reply to email', "poll-maker")?>
                                                            <a  class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__("Specify to which email the poll taker can reply. If you leave the field blank, the email address won't be specified.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="text" class="ays-text-input">
                                                    </div>
                                                </div> <!-- Reply to email -->
                                                <hr/>
                                                <div class="form-group row">
                                                    <div class="col-sm-3">
                                                        <label for="ays_poll_email_configuration_replyto_name">
                                                            <?php echo esc_html__('Reply to name', "poll-maker")?>
                                                            <a  class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" title="<?php echo esc_html__("Specify the name of the email address to which the poll taker can reply. If you leave the field blank, the name won't be specified.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <input type="text" class="ays-text-input">
                                                    </div>
                                                </div> <!-- Reply to name -->
                                            </div>
                                        </div> <!-- Email Configuration -->
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                        <div class="ays-poll-center-big-main-button-box ays-poll-new-big-button-flex">
                                            <div class="ays-poll-center-big-main-button-box">
                                                <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                    <div class="ays-poll-center-new-big-upgrade-button">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>" class="ays-poll-new-button-img-hide">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">  
                                                        <?php echo esc_html__("Upgrade", "poll-maker"); ?>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                                <hr>
                            </div>
                        </div>
                        <div class="only_pro" style="position: relative; display: inline-block">
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff">
                                <div class="pro-features-popup-conteiner">
                                    <div class="pro-features-popup-title">
                                        <?php echo esc_html__("Save as Default feature of Poll", "poll-maker"); ?>
                                    </div>
                                    <div class="pro-features-popup-content" data-link="https://youtu.be/JBKbnrRNviI">
                                        <p>
                                            <?php echo esc_html__("You can make the process of creating online polls a fun and easy activity with the Save as Default feature of the WordPress Poll Plugin.", "poll-maker"); ?>
                                        </p>
                                        <p>
                                            <?php echo esc_html__("You just need to click on the Save as default button and, each time, creating a new poll, the system will take the settings and styles of the current poll.", "poll-maker"); ?>
                                        </p>
                                    </div>
                                    <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-save-as-default-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                        <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff; overflow: visible; position: static; padding: 0; font-size: 16px">
                                <span class="ays_save_as_default_content_for_mobile">
                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" title="This property aviable only in pro version" style="text-decoration: none">
                                        <input type="button" class="button ays_default_btn ays-loader-banner" value="<?php echo esc_attr__( "Save as default", "poll-maker" ); ?>">
                                    </a>
                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__( "Saves the assigned settings of the current poll as default. After clicking on this button, each time creating a new poll, the system will take the settings and styles of the current poll. If you want to change and renew it, please click on this button on another poll.", "poll-maker" ); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="tab7" class="ays-poll-tab-content <?php echo $active_tab == 'Integrations' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <div class="ays-poll-accordion-options-main-container">
                            <div class="ays-poll-accordion-header">
                                <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                <p class="ays-subtitle"><?php echo esc_html__('Integrations settings', "poll-maker"); ?></p>
                            </div>
                            <hr class="ays-poll-bolder-hr"/>
                            <div class="ays-poll-accordion-body">
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/mailchimp_logo.png" alt="">
                                        <h5><?php echo esc_html__('MailChimp Settings', "poll-maker")?></h5>
                                    </legend>
                                    <?php
                                    if(count($mailchimp) > 0):
                                        ?>
                                        <?php
                                        if($mailchimp_username == "" || $mailchimp_api_key == ""):
                                            ?>
                                            <blockquote class="error_message">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                <?php echo (
                                                    /* translators: anchor tag */
                                                    sprintf(esc_html__("For enabling this option, please go to %s page and fill all options.", "poll-maker"),
                                                        "<a style='color:blue;text-decoration:underline;font-size:20px;' href='?page=$this->plugin_name-settings&ays_poll_tab=tab2'>".esc_html__("this", "poll-maker")."</a>"
                                                    )
                                                );
                                                ?>
                                            </blockquote>
                                        <?php
                                        else:
                                            ?>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_enable_mailchimp">
                                                        <?php echo esc_html__('Enable MailChimp', "poll-maker")?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1" id="ays_enable_mailchimp"
                                                        name="ays_enable_mailchimp"
                                                        value="on"
                                                        <?php
                                                        if($mailchimp_username == "" || $mailchimp_api_key == ""){
                                                            echo "disabled";
                                                        }else{
                                                            echo ($enable_mailchimp == 'on') ? 'checked' : '';
                                                        }
                                                        ?>/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_mailchimp_list">
                                                        <?php echo esc_html__('MailChimp list', "poll-maker")?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <?php if(is_array($mailchimp_select)): ?>
                                                        <select name="ays_mailchimp_list" id="ays_mailchimp_list"
                                                            <?php
                                                            if($mailchimp_username == "" || $mailchimp_api_key == ""){
                                                                echo 'disabled';
                                                            }
                                                            ?>>
                                                            <option value="" disabled selected>Select list</option>
                                                            <?php foreach($mailchimp_select as $mlist): ?>
                                                                <option <?php echo ($mailchimp_list == $mlist['listId']) ? 'selected' : ''; ?>
                                                                        value="<?php echo $mlist['listId']; ?>"><?php echo $mlist['listName']; ?></option>
                                                            <?php endforeach; ?>
                                                        </select>
                                                    <?php else: ?>
                                                        <span><?php echo esc_html($mailchimp_select); ?></span>
                                                    <?php endif; ?>
                                                </div>
                                            </div>
                                        <?php
                                        endif;
                                        ?>
                                    <?php
                                    else:
                                        ?>
                                        <blockquote class="error_message">
                                            <?php echo (
                                                /* translators: anchor tag */
                                                sprintf(esc_html__("For enabling this option, please go to %s page and fill all options.", "poll-maker"),
                                                    "<a style='color:blue;text-decoration:underline;font-size:20px;' href='?page=$this->plugin_name-settings&ays_poll_tab=tab2'>".esc_html__("this", "poll-maker")."</a>"
                                                )
                                            );
                                            ?>
                                        </blockquote>
                                    <?php
                                    endif;
                                    ?>
                                </fieldset><!-- MailChimp Settings -->
                                <hr/>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/campaignmonitor_logo.png" alt="">
                                        <h5><?php echo esc_html__('Campaign Monitor Settings', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_enable_monitor">
                                                        <?php echo esc_html__('Enable Campaign Monitor', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <input type="checkbox" class="ays-enable-timer1" name="ays_enable_monitor" value="on"/>
                                                </div>
                                            </div>	                            
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_monitor_list">
                                                        <?php echo esc_html__('Campaign Monitor list', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">                                    
                                                    <select name="ays_monitor_list" id="ays_monitor_list">
                                                        <option value="" disabled selected><?php echo esc_html__("Select List", "poll-maker") ?></option>
                                                    </select>                                    
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset><!-- Campaign Monitor Settings PRO Feature -->
                                <hr/>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/zapier_logo.png" alt="">
                                        <h5><?php echo esc_html__('Zapier Integration Settings', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div> 
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_enable_zapier">
                                                        <?php echo esc_html__('Enable Zapier Integration', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1" name="ays_enable_zapier" value="on"/>
                                                </div>
                                                <div class="col-sm-3">
                                                    <button type="button"                                           
                                                            id="testZapier"
                                                            class="btn btn-outline-secondary">
                                                        <?php echo esc_html__("Send test data", "poll-maker") ?>
                                                    </button>
                                                    <a class="ays_help" data-toggle="tooltip" style="font-size: 16px;"
                                                    title="<?php echo esc_html__('We will send you a test data, and you can catch it in your ZAP for configure it.', "poll-maker") ?>">
                                                        <i class="ays_fa ays_fa_info_circle"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- Zapier Integration Settings PRO Feature -->
                                <hr/>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/activecampaign_logo.png" alt="">
                                        <h5><?php echo esc_html__('Active Campaign Settings', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_enable_active_camp">
                                                        <?php echo esc_html__('Enable ActiveCampaign', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1"name="ays_enable_active_camp" value="on"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label>
                                                        <?php echo esc_html__('ActiveCampaign list', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">                                   
                                                    <select name="ays_active_camp_list" id="ays_active_camp_list">
                                                        <option value="" disabled
                                                                selected><?php echo esc_html__("Select List", "poll-maker") ?></option>
                                                        <option value=""><?php echo esc_html__("Just create contact", "poll-maker") ?></option>
                                                    </select>                                    
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label>
                                                        <?php echo esc_html__('ActiveCampaign automation', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">                                    
                                                    <select name="ays_active_camp_automation" id="ays_active_camp_automation">
                                                        <option value="" disabled
                                                                selected><?php echo esc_html__("Select List", "poll-maker") ?></option>
                                                        <option value=""><?php echo esc_html__("Just create contact", "poll-maker") ?></option>
                                                    </select>
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset><!-- Active Campaign Settings PRO Feature -->
                                <hr/>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/slack_logo.png" alt="">
                                        <h5><?php echo esc_html__('Slack Settings', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_enable_slack">
                                                        <?php echo esc_html__('Enable Slack integration', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1"name="ays_enable_slack" value="on"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label>
                                                        <?php echo esc_html__('Slack conversation', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">                                    
                                                    <select id="ays_slack_conversation">
                                                        <option value="" disabled
                                                                selected><?php echo esc_html__("Select Channel", "poll-maker") ?></option>
                                                    </select>                                    
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    </fieldset> <!-- Slack Settings PRO Feature -->
                                <hr>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/sheets_logo.png" alt="">
                                        <h5><?php echo esc_html__('Google Sheet Settings', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_google">
                                                        <?php echo esc_html__('Enable Google integration', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1"
                                                        value="on">                      
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- Google Sheet Settings PRO Feature -->
                                <hr>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/mad-mimi-logo-min.png" alt="">
                                        <h5><?php echo esc_html__('Mad Mimi', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <hr/>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_mad_mimi">
                                                        <?php echo esc_html__('Enable Mad Mimi', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1">
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label>
                                                        <?php echo esc_html__('Select List', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <?php 
                                                        $allowed_tags = array(
                                                            'select' => array(
                                                                'id' => array(),
                                                                'class' => array()
                                                            ),
                                                            'option' => array(
                                                                'value' => array(),
                                                                'selected' => array()
                                                            )
                                                        );
                                                        
                                                        $mad_mimi_select  = "<select id='ays_poll_mad_mimi_list'>";
                                                        $mad_mimi_select .= "<option value=''>Select list</option>";
                                                        $mad_mimi_select .= "</select>";
                                                        echo wp_kses($mad_mimi_select, $allowed_tags);
                                                        
                                                    ?>
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- Mad Mimi -->
                                <hr>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/get_response.png" alt="">
                                        <h5><?php echo esc_html__('GetResponse Settings', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_getResponse">
                                                        <?php echo esc_html__('Enable GetResponse', "poll-maker") ?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <input type="checkbox"
                                                        class="ays-enable-timer1">
                                                </div>                 
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label>
                                                        <?php echo esc_html__('GetResponse List', "poll-maker") ?>
                                                    </label>
                                                </div>                                        
                                                <div class="col-sm-8">
                                                    <?php 
                                                        $allowed_tags = array(
                                                            'select' => array(
                                                                'id' => array(),
                                                                'class' => array(),
                                                                'name' => array()
                                                            ),
                                                            'option' => array(
                                                                'value' => array(),
                                                                'selected' => array(),
                                                                'disabled' => array()
                                                            )
                                                        );
                                                        $mad_mimi_select  = "<select id='ays_poll_mad_mimi_list'>";
                                                        $mad_mimi_select .= "<option value=''>Select list</option>";
                                                        $mad_mimi_select .= "</select>";
                                                        echo wp_kses($mad_mimi_select, $allowed_tags);
                                                        
                                                    ?>
                                                </div>  
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- GetResponse Settings -->
                                <hr>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/convertkit_logo.png" alt="">
                                        <h5><?php echo esc_html__('ConvertKit Settings', "poll-maker")?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_convertkit">
                                                        <?php echo esc_html__('Enable ConvertKit', "poll-maker")?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1"/>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label>
                                                        <?php echo esc_html__('ConvertKit list', "poll-maker")?>
                                                    </label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <select id="ays_poll_convertKit_list">                                    
                                                        <option value="" disabled selected>Select list</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- ConvertKit Settings -->
                                <hr/>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/klaviyo-logo.png" alt="">
                                        <h5><?php echo esc_html__('Klaviyo', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_klaviyo"><?php echo esc_html__('Enable Klaviyo', "poll-maker"); ?></label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_klaviyo" value="on" checked disabled >                
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_klaviyo_list"><?php echo esc_html__('Klaviyo list',"poll-maker") ?></label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <select name="ays_poll_klaviyo_list" id="ays_poll_klaviyo_list">
                                                        <option value="" disabled selected> <?php echo esc_html__( "Select list", "poll-maker" ) ?> </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- Klaviyo -->
                                <hr>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/aweber-logo.png" alt="">
                                        <h5><?php echo esc_html__('Aweber', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin: 0px;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_aweber"><?php echo esc_html__('Enable Aweber', "poll-maker") ?></label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_aweber" name="ays_poll_enable_aweber" value="on" checked disabled />
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_aweber_list_id"><?php echo esc_html__('Aweber Lists', "poll-maker") ?></label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <select name='ays_poll_aweber_list_id' id='ays_poll_aweber_list_id'>
                                                        <option value='' disabled selected><?php echo esc_html__( "Select list", "poll-maker" ) ?></option>
                                                    </select>
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- Aweber -->
                                <hr>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/mail_poet.png" alt="">
                                        <h5><?php echo esc_html__('MailPoet', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin:0;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_mailpoet"><?php echo esc_html__('Enable MailPoet',"poll-maker"); ?></label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_mailpoet" name="ays_poll_enable_mailpoet" value="on" selected disabled >
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_mailpoet_list"><?php echo esc_html__('MailPoet list',"poll-maker") ?></label>
                                                </div>
                                                <div class="col-sm-8">
                                                    <select name="ays_poll_mailpoet_list" id="ays_poll_mailpoet_list">
                                                        <option value="" disabled selected> <?php echo esc_html__( "Select list", "poll-maker" ) ?> </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- Mailpoet -->
                                <hr>
                                <fieldset class="ays_poll_settings_integration_container">
                                    <legend>
                                        <img class="ays_integration_logo" src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/integrations/recaptcha_logo.png" alt="">
                                        <h5><?php echo esc_html__('reCAPTCHA Settings', "poll-maker") ?></h5>
                                    </legend>
                                    <div class="form-group row" style="margin:0;">
                                        <div class="col-sm-12 only_pro" style="padding:10px 0 0 10px;">
                                            <div class="pro_features" style="justify-content:flex-end;">
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-4">
                                                    <label for="ays_poll_enable_recaptcha"><?php echo esc_html__('Enable reCAPTCHA',"poll-maker"); ?></label>
                                                </div>
                                                <div class="col-sm-1">
                                                    <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_recaptcha" name="ays_poll_enable_recaptcha" value="on" selected disabled >
                                                </div>
                                            </div>
                                            <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                <div class="ays-poll-new-upgrade-button-box">
                                                    <div>
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                    </div>
                                                    <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </fieldset> <!-- reCaptcha Settings -->
                                <hr>
                            </div>
                        </div>
                    </div>
                    <div id="tab8" class="ays-poll-tab-content <?php echo $active_tab == 'Results Settings' ? 'ays-poll-tab-content-active' : ''; ?>">
                        <div class="ays-poll-accordion-options-main-container">
                            <div class="ays-poll-accordion-header">
                                <?php echo wp_kses($poll_acordion_svg_html, $acordion_svg_html_allow); ?>
                                <p class="ays-subtitle"><?php echo esc_html__('Results Settings', "poll-maker"); ?></p>
                            </div>
                            <hr class="ays-poll-bolder-hr"/>
                            <div class="ays-poll-accordion-body">
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='show-res-percent'>
                                            <?php echo esc_html__('Show answer percent', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Enable to show the percentage of each question on the progressbar on the result page of the poll.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox" name="show_res_percent" id="show-res-percent"
                                            value="1" <?php echo $show_res_percent ? 'checked' : '' ?> >
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays_toggle_parent ays-poll-desc-message-vars-parent">
                                    <div class="col-sm-3">
                                        <label for='ays-poll-hide-results'>
                                            <?php echo esc_html__('Hide results', "poll-maker"); ?>
                                            <a 	class="ays_help" 
                                                data-toggle="tooltip"
                                                data-placement="top"
                                                title="<?php echo esc_html__("Disable to show voting results to the users on the result page of the poll.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                        <p class="ays_poll_small_hint_text_for_message_variables">
                                            <span><?php echo esc_html__( "To see all Message Variables " , "poll-maker" ); ?></span>
                                            <a href="?page=poll-maker-ays-settings&ays_poll_tab=tab6" target="_blank"><?php echo esc_html__( "click here" , "poll-maker" ); ?></a>
                                        </p>
                                    </div>
                                    <div  class="col-sm-9 ays_toggle_parent">
                                        <div class="form-group row">

                                        <!-- <div class="col-sm-1"> -->
                                            <div class="col-sm-12">
                                                <input type="checkbox" class="ays_toggle_checkbox" name="ays-poll-hide-results" id="ays-poll-hide-results"
                                                    value="hide" <?php echo isset($options['hide_results']) && $options['hide_results'] ? 'checked' : ''; ?>>
                                            </div>
                                            <div class="col-sm-12 ays_toggle_target " style=" <?php echo $options['hide_results'] ? '' : 'display:none'; ?>; padding-top:5px;">
                                                <div class="form-group row">
                                                    <div class="col-sm-12">
                                                        <div>
                                                            <label for='ays-poll-hide-results-text'>
                                                                <?php echo esc_html__('Message instead of results', "poll-maker"); ?>
                                                                <a 	class="ays_help"
                                                                    data-toggle="tooltip"
                                                                    data-placement="top"
                                                                    title="<?php echo esc_html__("Message that will appear instead of the votting results after the poll", "poll-maker"); ?>">
                                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                                </a>
                                                            </label>
                                                        </div>
                                                        <?php
                                                        $allowed_tags = array(
                                                            'div' => array(
                                                                'class' => true
                                                            ),
                                                            'i' => array(
                                                                'class' => true
                                                            ),
                                                            'span' => array(),
                                                            'a' => array(
                                                                'class' => true,
                                                                'data-toggle' => true,
                                                                'data-html' => true,
                                                                'title' => true
                                                            ),
                                                            'label' => array(
                                                                'class' => true
                                                            ),
                                                            'input' => array(
                                                                'type' => true,
                                                                'class' => true,
                                                                'hidden' => true,
                                                                'id' => true,
                                                                'name' => true,
                                                                'value' => true
                                                            )
                                                        );
                                                        echo wp_kses($poll_message_vars_html, $allowed_tags);
                                                        $content   = !empty($options['hide_results_text']) ? stripslashes($options['hide_results_text']) : stripslashes($default_options['hide_results_text']);
                                                        $editor_id = 'ays-poll-hide-results-text';
                                                        $settings  = array(
                                                            'editor_height'  => $poll_wp_editor_height,
                                                            'textarea_name'  => 'ays-poll-hide-results-text',
                                                            'editor_class'   => 'ays-textarea',
                                                            'media_elements' => false
                                                        );
                                                        wp_editor($content, $editor_id, $settings);
                                                        ?>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays-poll-desc-message-vars-parent">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_result_message">
                                            <?php echo esc_html__('Result Message', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Write the message, which will be shown on the result page of the poll.', "poll-maker")?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                        <p class="ays_poll_small_hint_text_for_message_variables">
                                            <span><?php echo esc_html__( "To see all Message Variables ", "poll-maker" ); ?></span>
                                            <a href="?page=poll-maker-ays-settings&ays_poll_tab=tab6" target="_blank"><?php echo esc_html__( "click here", "poll-maker" ); ?></a>
                                        </p>
                                    </div>
                                    <div class="col-sm-9 ays_toggle_parent">
                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                                <input type="checkbox" name="ays_poll_result_message" id="ays_poll_result_message" class="ays_toggle_checkbox"
                                                value="hide" <?php echo isset($options['hide_result_message']) && $options['hide_result_message'] ? 'checked' : ''; ?>>
                                            </div>
                                            <div class="col-sm-12 if_poll_hide_result_message ays_toggle_target"  style="margin-top: 15px; <?php echo isset($options['hide_result_message']) && $options['hide_result_message'] ? '' : 'display:none;'; ?>">
                                                <?php
                                                $res_def_message = isset($poll['type']) && $poll['type'] == 'text' ?  '<p style="text-align: center;">'.esc_html__("Thank you!", "poll-maker") .'</p>' : '';
                                                $allowed_tags = array(
                                                    'div' => array(
                                                        'class' => true
                                                    ),
                                                    'i' => array(
                                                        'class' => true
                                                    ),
                                                    'span' => array(),
                                                    'a' => array(
                                                        'class' => true,
                                                        'data-toggle' => true,
                                                        'data-html' => true,
                                                        'title' => true
                                                    ),
                                                    'label' => array(
                                                        'class' => true
                                                    ),
                                                    'input' => array(
                                                        'type' => true,
                                                        'class' => true,
                                                        'hidden' => true,
                                                        'id' => true,
                                                        'name' => true,
                                                        'value' => true
                                                    )
                                                );
                                                echo wp_kses($poll_message_vars_html, $allowed_tags);
                                                $content = wpautop(stripslashes((isset($options['result_message'])) ? $options['result_message'] : $res_def_message));
                                                $editor_id = 'ays_result_message';
                                                $settings = array('editor_height' => $poll_wp_editor_height, 'textarea_name' => 'ays_result_message', 'editor_class' => 'ays-textarea', 'media_elements' => false);
                                                wp_editor($content, $editor_id, $settings);
                                                ?>
                                            </div>
                                        </div>
                                    </div>                    
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='ays-poll-result-sort-type'>
                                            <?php echo esc_html__('Results sorting', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip" data-html="true" data-placement="top" title="<?php
                                                echo esc_html__("Select the way of arrangement of the results on the result page of the poll.", "poll-maker") .
                                                    "<ul style='list-style-type: circle;padding-left: 20px;'>".
                                                        "<li>".esc_html__('Ascending – the smallest to largest', "poll-maker") ."</li>".
                                                        "<li>".esc_html__('Descending – the largest to smallest', "poll-maker") ."</li>".
                                                        "<li>".esc_html__('None', "poll-maker") ."</li>".
                                                    "</ul>";
                                            ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a></label>
                                    </div>
                                    <div class="col-sm-9">
                                        <select name="ays-poll-result-sort-type" id="ays-poll-result-sort-type" class="ays-select ays_poll_aysDropdown">
                                            <option value="none" <?php echo isset($options['result_sort_type']) && $options['result_sort_type'] == "none" ? 'selected' : ''; ?>>
                                                <?php echo esc_html__("None", "poll-maker"); ?>
                                            </option>
                                            <option value="ASC" <?php echo isset($options['result_sort_type']) && $options['result_sort_type'] == "ASC" ? 'selected' : ''; ?>>
                                                <?php echo esc_html__("Ascending", "poll-maker"); ?>
                                            </option>
                                            <option value="DESC" <?php echo isset($options['result_sort_type']) && $options['result_sort_type'] == "DESC" ? 'selected' : ''; ?>>
                                                <?php echo esc_html__("Descending", "poll-maker"); ?>
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='show-votes-count'>
                                            <?php echo esc_html__('Show votes count', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Enable to show the total number of votes of each answer on the result page of the poll.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox" name="show_votes_count" id="show-votes-count"
                                            value="1" <?php echo $showvotescount ? 'checked' : '' ?> >
                                    </div>
                                </div>
                                <hr>

                                <!-- Loading effect start -->

                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='ays-poll-load-effect'>
                                            <?php echo esc_html__('Loading effect', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("Choose the loading effect of the displaying poll results.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-3">
                                        <select name="ays-poll-load-effect" id="ays-poll-load-effect" class="ays-select ays_poll_aysDropdown">
                                            <option value="load_gif" <?php echo isset($options['load_effect']) && $options['load_effect'] == "load_gif" ? 'selected' : ''; ?>>
                                                <?php echo esc_html__("Loading GIF", "poll-maker"); ?>
                                            </option>
                                            <option value="opacity" <?php echo isset($options['load_effect']) && $options['load_effect'] == "opacity" ? 'selected' : ''; ?>>
                                                <?php echo esc_html__("Opacity", "poll-maker"); ?>
                                            </option>
                                            <option value="blur" <?php echo isset($options['load_effect']) && $options['load_effect'] == "blur" ? 'selected' : ''; ?>>
                                                <?php echo esc_html__("Blur", "poll-maker"); ?>
                                            </option>
                                            <option value="message" <?php echo isset($options['load_effect']) && $options['load_effect'] == "message" ? 'selected' : ''; ?>>
                                                <?php echo esc_html__("Message", "poll-maker"); ?>
                                            </option>
                                            <option class="apm-pro-feature" disabled
                                                    title="<?php echo esc_html__("It is PRO version feature", "poll-maker"); ?>" value="pro">
                                                <?php echo esc_html__("Custom GIF", "poll-maker"); ?>
                                            </option>
                                        </select>
                                    </div>
                                    <div class="if-loading-gif col-sm-6 row">
                                        <div class="apm-loader d-flex justify-content-between align-items-center">
                                            <input type="radio"
                                                name="ays-poll-load-gif" <?php echo isset($options['load_effect']) && $options['load_effect'] == "load_gif" && isset($options['load_gif']) && $options['load_gif'] == 'plg_default' ? 'checked' : ''; ?>
                                                id="plg_default" value="plg_default">
                                            <label for="plg_default" class="apm-loading-gif">
                                                <div class="loader loader--style3">
                                                    <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg"
                                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%"
                                                        height="100%" viewBox="0 0 50 50" style="enable-background:new 0 0 50  50;"
                                                        xml:space="preserve">
                                                        <path fill="#000"
                                                            d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,       0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,  14.615,   6.543,14.615,14.615H43.935z">
                                                            <animateTransform attributeType="xml" attributeName="transform"
                                                                            type="rotate" from="0 25 25" to="360 25 25" dur="0.7s"
                                                                            repeatCount="indefinite"/>
                                                        </path>
                                                    </svg>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="apm-loader d-flex justify-content-between align-items-center">
                                            <input type="radio"
                                                name="ays-poll-load-gif" <?php echo isset($options['load_effect']) && $options['load_effect'] == "load_gif" && isset($options['load_gif']) && $options['load_gif'] == 'plg_1' ? 'checked' : ''; ?>
                                                id="plg_1" value="plg_1">
                                            <label for="plg_1" class="apm-loading-gif">
                                                <div class="loader loader--style5">
                                                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%"
                                                        height="100%" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;"
                                                        xml:space="preserve">
                                                        <rect x="0" y="0" width="4" height="10" fill="#333">
                                                            <animateTransform attributeType="xml" attributeName="transform"
                                                                            type="translate" values="0 0; 0 20; 0 0" begin="0"
                                                                            dur="0.8s" repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="10" y="0" width="4" height="10" fill="#333">
                                                            <animateTransform attributeType="xml" attributeName="transform"
                                                                            type="translate" values="0 0; 0 20; 0 0" begin="0.2s"
                                                                            dur="0.8s" repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="20" y="0" width="4" height="10" fill="#333">
                                                            <animateTransform attributeType="xml" attributeName="transform"
                                                                            type="translate" values="0 0; 0 20; 0 0" begin="0.4s"
                                                                            dur="0.8s" repeatCount="indefinite"/>
                                                        </rect>
                                                    </svg>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="apm-loader d-flex justify-content-between align-items-center">
                                            <input type="radio"
                                                name="ays-poll-load-gif" <?php echo isset($options['load_effect']) && $options['load_effect'] == "load_gif" && isset($options['load_gif']) && $options['load_gif'] == 'plg_2' ? 'checked' : ''; ?>
                                                id="plg_2" value="plg_2">
                                            <label for="plg_2" class="apm-loading-gif">
                                                <div class="loader loader--style8">
                                                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%"
                                                        height="100%" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;"
                                                        xml:space="preserve">
                                                        <rect x="0" y="10" width="4" height="10" fill="#333" opacity="0.2">
                                                            <animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2"
                                                                    begin="0s" dur="0.7s" repeatCount="indefinite"/>
                                                            <animate attributeName="height" attributeType="XML" values="10; 20; 10"
                                                                    begin="0s" dur="0.7s" repeatCount="indefinite"/>
                                                            <animate attributeName="y" attributeType="XML" values="10; 5; 10" begin="0s"
                                                                    dur="0.7s" repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="8" y="10" width="4" height="10" fill="#333" opacity="0.2">
                                                            <animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2"
                                                                    begin="0.15s" dur="0.7s" repeatCount="indefinite"/>
                                                            <animate attributeName="height" attributeType="XML" values="10; 20; 10"
                                                                    begin="0.15s" dur="0.7s" repeatCount="indefinite"/>
                                                            <animate attributeName="y" attributeType="XML" values="10; 5; 10"
                                                                    begin="0.15s" dur="0.7s" repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="16" y="10" width="4" height="10" fill="#333" opacity="0.2">
                                                            <animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2"
                                                                    begin="0.3s" dur="0.7s" repeatCount="indefinite"/>
                                                            <animate attributeName="height" attributeType="XML" values="10; 20; 10"
                                                                    begin="0.3s" dur="0.7s" repeatCount="indefinite"/>
                                                            <animate attributeName="y" attributeType="XML" values="10; 5; 10"
                                                                    begin="0.3s" dur="0.7s" repeatCount="indefinite"/>
                                                        </rect>
                                                    </svg>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="apm-loader d-flex justify-content-between align-items-center">
                                            <input type="radio"
                                                name="ays-poll-load-gif" <?php echo isset($options['load_effect']) && $options['load_effect'] == "load_gif" && isset($options['load_gif']) && $options['load_gif'] == 'plg_3' ? 'checked' : ''; ?>
                                                id="plg_3" value="plg_3">
                                            <label for="plg_3" class="apm-loading-gif">
                                                <div class="loader loader--style5">
                                                    <svg width="100%" height="100%" viewBox="0 0 105 105"
                                                        xmlns="http://www.w3.org/2000/svg" fill="#000">
                                                        <circle cx="12.5" cy="12.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="0s" dur="0.9s" values="1;.2;1"
                                                                    calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="12.5" cy="52.5" r="12.5" fill-opacity=".5">
                                                            <animate attributeName="fill-opacity" begin="100ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="52.5" cy="12.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="300ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="52.5" cy="52.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="600ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="92.5" cy="12.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="800ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="92.5" cy="52.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="400ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="12.5" cy="92.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="700ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="52.5" cy="92.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="500ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                        <circle cx="92.5" cy="92.5" r="12.5">
                                                            <animate attributeName="fill-opacity" begin="200ms" dur="0.9s"
                                                                    values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
                                                        </circle>
                                                    </svg>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="apm-loader d-flex justify-content-between align-items-center">
                                            <input type="radio"
                                                name="ays-poll-load-gif" <?php echo isset($options['load_effect']) && $options['load_effect'] == "load_gif" && isset($options['load_gif']) && $options['load_gif'] == 'plg_4' ? 'checked' : ''; ?>
                                                id="plg_4" value="plg_4">
                                            <label for="plg_4" class="apm-loading-gif">
                                                <div class="loader loader--style4">
                                                    <svg width="100%" height="100%" viewBox="0 0 57 57"
                                                        xmlns="http://www.w3.org/2000/svg" stroke="#000">
                                                        <g fill="none" fill-rule="evenodd">
                                                            <g transform="translate(1 1)" stroke-width="2">
                                                                <circle cx="5" cy="50" r="5">
                                                                    <animate attributeName="cy" begin="0s" dur="2.2s"
                                                                            values="50;5;50;50" calcMode="linear"
                                                                            repeatCount="indefinite"/>
                                                                    <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5"
                                                                            calcMode="linear" repeatCount="indefinite"/>
                                                                </circle>
                                                                <circle cx="27" cy="5" r="5">
                                                                    <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5"
                                                                            values="5;50;50;5" calcMode="linear"
                                                                            repeatCount="indefinite"/>
                                                                    <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27"
                                                                            values="27;49;5;27" calcMode="linear"
                                                                            repeatCount="indefinite"/>
                                                                </circle>
                                                                <circle cx="49" cy="50" r="5">
                                                                    <animate attributeName="cy" begin="0s" dur="2.2s"
                                                                            values="50;50;5;50" calcMode="linear"
                                                                            repeatCount="indefinite"/>
                                                                    <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s"
                                                                            values="49;5;27;49" calcMode="linear"
                                                                            repeatCount="indefinite"/>
                                                                </circle>
                                                            </g>
                                                        </g>
                                                    </svg>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="apm-loader d-flex justify-content-between align-items-center">
                                            <input type="radio"
                                                name="ays-poll-load-gif" <?php echo isset($options['load_effect']) && $options['load_effect'] == "load_gif" && isset($options['load_gif']) && $options['load_gif'] == 'plg_5' ? 'checked' : ''; ?>
                                                id="plg_5" value="plg_5">
                                            <label for="plg_5" class="apm-loading-gif">
                                                <div class="loader loader--style4">
                                                    <svg width="100%" height="100%" viewBox="0 0 135 140"
                                                        xmlns="http://www.w3.org/2000/svg" fill="#000">
                                                        <rect y="10" width="15" height="120" rx="6">
                                                            <animate attributeName="height" begin="0.5s" dur="1s"
                                                                    values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                            <animate attributeName="y" begin="0.5s" dur="1s"
                                                                    values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="30" y="10" width="15" height="120" rx="6">
                                                            <animate attributeName="height" begin="0.25s" dur="1s"
                                                                    values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                            <animate attributeName="y" begin="0.25s" dur="1s"
                                                                    values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="60" width="15" height="140" rx="6">
                                                            <animate attributeName="height" begin="0s" dur="1s"
                                                                    values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                            <animate attributeName="y" begin="0s" dur="1s"
                                                                    values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="90" y="10" width="15" height="120" rx="6">
                                                            <animate attributeName="height" begin="0.25s" dur="1s"
                                                                    values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                            <animate attributeName="y" begin="0.25s" dur="1s"
                                                                    values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                        </rect>
                                                        <rect x="120" y="10" width="15" height="120" rx="6">
                                                            <animate attributeName="height" begin="0.5s" dur="1s"
                                                                    values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                            <animate attributeName="y" begin="0.5s" dur="1s"
                                                                    values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                                                                    repeatCount="indefinite"/>
                                                        </rect>
                                                    </svg>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="if-loading-message col-sm-6 row">
                                        <input type="text" class="ays-text-input ays-text-input-short" name="ays_poll_load_effect_message" value="<?php echo esc_attr($poll_effect_message); ?>">
                                    </div>
                                </div>                
                                <hr class="<?php echo esc_attr($poll_loader_size_line_enable); ?> ays_line_changeing">
                                <div class="form-group row <?php echo esc_attr($poll_loader_size_enable); ?> ays_load_gif_cont">
                                    <div class="col-sm-3">
                                        <label for="ays_loader_font_size">
                                            <?php echo esc_html__('Loading effect size', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            title="<?php echo esc_html__('Define the size of the loading effect. It will get the default value if you leave it blank.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9 ays_option_with_default_measurement_unit">
                                        <div>
                                            <input type="number" class="ays-text-input ays-poll-answer-results-short-input" id="ays_loader_font_size"
                                                name="ays_loader_font_size"
                                                value="<?php echo esc_attr($poll_loader_font_size); ?>"/>
                                        </div>
                                        <div class="ays_option_default_measurement_unit">
                                            <input type="text" value="px" disabled>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <!-- Loading effect end -->
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_enable_restart_button">
                                            <?php echo esc_html__('Enable restart button', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            title="<?php echo esc_html__('Show the restart button on the result page of the poll for restarting the poll and taking it again.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" class="ays-enable-timer1" id="ays_enable_restart_button"
                                            name="ays_enable_restart_button"
                                            value="on" <?php echo (isset($options['enable_restart_button']) && $options['enable_restart_button']) ? 'checked' : '' ?> />
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for='ays-poll-show-social'>
                                            <?php echo esc_html__('Social share buttons', "poll-maker"); ?>
                                            <a 	class="ays_help"
                                                data-toggle="tooltip"
                                                data-placement="top"
                                                title='<?php echo esc_html__("Enable to show social media share buttons on the result page of the poll. (Facebook, Twitter, LinkedIn, VKontakte)", "poll-maker"); ?>'>
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a></label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" name="ays-poll-show-social" class="ays_toggle_checkbox" id="ays-poll-show-social"
                                            value="show" <?php echo $poll_social_buttons ? 'checked' : ''; ?>>
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target ays_divider_left" style=" <?php echo $poll_social_buttons ? '' : 'display:none'; ?>">
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label>
                                                    <?php echo esc_html__('Heading for share buttons', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Text that will be displayed over share buttons.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <?php
                                                    $content = $poll_social_buttons_heading;
                                                    $editor_id = 'ays_poll_social_buttons_heading';
                                                    $settings = array('editor_height' => $poll_wp_editor_height, 'textarea_name' => 'ays_poll_social_buttons_heading', 'editor_class' => 'ays-textarea', 'media_elements' => false);
                                                    wp_editor($content, $editor_id, $settings);
                                                ?>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_poll_enable_linkedin_share_button">
                                                    <i class="ays_poll_fas ays_poll-fa-linkedin"></i>
                                                    <?php echo esc_html__('LinkedIn button', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Display LinkedIn social button so that the users can share the page on which your poll is posted.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_linkedin_share_button" name="ays_poll_enable_linkedin_share_button" value="on" <?php echo ( $poll_show_social_ln ) ? "checked" : ""; ?>/>
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_poll_enable_facebook_share_button">
                                                    <i class="ays_poll_fas ays_poll_facebook"></i>
                                                    <?php echo esc_html__('Facebook button', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Display Facebook social button so that the users can share the page on which your poll is posted.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_facebook_share_button" name="ays_poll_enable_facebook_share_button" value="on" <?php echo ( $poll_show_social_fb ) ? "checked" : ""; ?>/>
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_poll_enable_twitter_share_button">
                                                    <i class="ays_fa ays_fa_twitter_square"></i>
                                                    <?php echo esc_html__('Twitter button', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Display Twitter social button so that the users can share the page on which your poll is posted.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_twitter_share_button" name="ays_poll_enable_twitter_share_button" value="on" <?php echo ( $poll_show_social_tr ) ? "checked" : ""; ?>/>
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_poll_enable_vkontakte_share_button">
                                                    <i class="ays_fa ays_fa_vk"></i>
                                                    <?php echo esc_html__('VKontakte button', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Display VKontakte social button so that the users can share the page on which your poll is posted.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="checkbox" class="ays-enable-timer1" id="ays_poll_enable_vkontakte_share_button" name="ays_poll_enable_vkontakte_share_button" value="on" <?php echo ( $poll_show_social_vk ) ? "checked" : ""; ?>/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for="ays_enable_social_links">
                                            <?php echo esc_html__('Enable Social Media links', "poll-maker")?>
                                            <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Display social media links at the end of the poll to allow users to visit your pages in the Social media.', "poll-maker")?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" class="ays-enable-timer1 ays_toggle_checkbox" id="ays_enable_social_links"
                                            name="ays_poll_enable_social_links"
                                            value="on" <?php echo $enable_social_links ? 'checked' : '' ?>/>
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target ays_divider_left" style=" <?php echo $enable_social_links ? '' : 'display:none' ?>">
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label>
                                                    <?php echo esc_html__('Heading for social links', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Text that will be displayed over social links.', "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <?php
                                                    $content = $poll_social_links_heading;
                                                    $editor_id = 'ays_poll_social_links_heading';
                                                    $settings = array('editor_height' => $poll_wp_editor_height, 'textarea_name' => 'ays_poll_social_links_heading', 'editor_class' => 'ays-textarea', 'media_elements' => false);
                                                    wp_editor($content, $editor_id, $settings);
                                                ?>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_linkedin_link">
                                                    <i class="ays_fa ays_fa_linkedin_square"></i>
                                                    <?php echo esc_html__('LinkedIn link', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('LinkedIn profile or page link for showing after poll finish.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="text" class="ays-text-input" id="ays_linkedin_link" name="ays_poll_social_links[ays_linkedin_link]"
                                                    value="<?php echo $linkedin_link; ?>" />
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_facebook_link">
                                                    <i class="ays_fa ays_fa_facebook_square"></i>
                                                    <?php echo esc_html__('Facebook link', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Facebook profile or page link for showing after poll finish.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="text" class="ays-text-input" id="ays_facebook_link" name="ays_poll_social_links[ays_facebook_link]"
                                                    value="<?php echo $facebook_link; ?>" />
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_twitter_link">
                                                    <i class="ays_fa ays_fa_twitter_square"></i>
                                                    <?php echo esc_html__('Twitter link', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('Twitter profile or page link for showing after poll finish.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="text" class="ays-text-input" id="ays_twitter_link" name="ays_poll_social_links[ays_twitter_link]"
                                                    value="<?php echo $twitter_link; ?>" />
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_vkontakte_link">
                                                    <i class="ays_fa ays_fa_vk"></i>
                                                    <?php echo esc_html__('VKontakte link', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('VKontakte profile or page link for showing after poll finish.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="text" class="ays-text-input" id="ays_vkontakte_link" name="ays_poll_social_links[ays_vkontakte_link]"
                                                    value="<?php echo $vkontakte_link; ?>" />
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-sm-4">
                                                <label for="ays_youtube_link">
                                                    <i class="ays_fa ays_fa_vk"></i>
                                                    <?php echo esc_html__('YouTube link', "poll-maker")?>
                                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__('YouTube profile or page link for showing after poll finish.', "poll-maker")?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-8">
                                                <input type="text" class="ays-text-input" id="ays_youtube_link" name="ays_poll_social_links[ays_youtube_link]"
                                                    value="<?php echo $youtube_link; ?>" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for='ays-poll-res-rgba'>
                                            <?php echo esc_html__('Results bar in RGBA', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("If the option is enabled, the opacity of the result bar color will depend on the number of votes.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="checkbox" name="ays-poll-res-rgba" id="ays-poll-res-rgba"
                                            value="on" <?php echo  ($result_in_rgba) ? 'checked' : ''; ?>>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row ays_toggle_parent">
                                    <div class="col-sm-3">
                                        <label for='ays_poll_show_users'>
                                            <?php echo esc_html__('Show passed users avatars', "poll-maker"); ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            data-placement="top"
                                            title="<?php echo esc_html__("If this option is enabled, you will see users' avatars(profile pictures) who have already voted on the result page.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" name="ays_poll_show_users" id="ays_poll_show_users" class="ays_toggle_checkbox"
                                            value="on" <?php echo esc_attr($poll_show_passed_users_checked); ?>>
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target" style="<?php echo $poll_show_passed_users_checked == "checked" ? "" : "display:none";?>">
                                        <div class="row">
                                            <div class="col-sm-3 ays_divider_left">
                                                <label for='ays_poll_show_users_count'>
                                                    <?php echo esc_html__('Users count', "poll-maker"); ?>
                                                    <a class="ays_help" data-toggle="tooltip"
                                                    data-placement="top"
                                                    title="<?php echo esc_html__("Indicate the count of users' avatars to be shown.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="number"
                                                    name="ays_poll_show_users_count" 
                                                    id="ays_poll_show_users_count" 
                                                    class="ays-text-input ays-poll-answer-results-short-input"
                                                    value="<?php echo esc_attr($poll_show_passed_users_count); ?>">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr class="ays_poll_option_only_for_choosing_type" style="display: <?php echo ($poll['type'] == 'choosing') ? 'flex' : 'none' ?>">
                                <div class="form-group row ays_toggle_parent ays_poll_option_only_for_choosing_type" style="display: <?php echo ($poll['type'] == 'choosing') ? 'flex' : 'none' ?>">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_enable_answer_redirect_delay">
                                            <?php echo esc_html__('Option Redirect Delay', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            title="<?php echo esc_html__('Choose the redirection delay in seconds after the user votes the poll. The option works if you have enabled the redirection of each answer individually from the General tab.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="ays_poll_enable_answer_redirect_delay" name="ays_poll_enable_answer_redirect_delay" class="ays_toggle_checkbox" value="on" <?php echo ($poll_enable_answer_redirect_delay) ? "checked" : ""; ?>>
                                    </div>
                                    <div class="col-sm-8 ays_toggle_target" style=" <?php echo ($poll_enable_answer_redirect_delay) ? "" : "display:none"; ?>">
                                        <input type="number"
                                            class="ays-text-input ays-poll-answer-results-short-input"
                                            id="ays_poll_answer_redirect_delay"
                                            name="ays_poll_answer_redirect_delay"
                                            value="<?php echo $poll_every_answer_redirect_delay; ?>"/>
                                        <span class="ays_poll_small_hint_text"><?php echo esc_html__("Seconds", "poll-maker"); ?></span>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-3">
                                        <label for="ays_poll_enable_answer_image_after_voting">
                                            <?php echo esc_html__('Show answers image', "poll-maker") ?>
                                            <a class="ays_help" data-toggle="tooltip"
                                            title="<?php echo esc_html__('Tick this option to see the answers images after voting. Note it works only with the choosing type and you should have at least one answer with an image to use it.', "poll-maker") ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </label>
                                    </div>
                                    <div class="col-sm-1">
                                        <input type="checkbox" id="ays_poll_enable_answer_image_after_voting" name="ays_poll_enable_answer_image_after_voting" value="on" <?php echo ($poll_enable_answer_image_after_voting) ? "checked" : ""; ?>>
                                    </div>
                                </div>
                                <hr>
                                <div class="ays_poll_block_with_hidden_row ays_poll_result_view_type">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="apm_allow_add_answers">
                                                <?php echo esc_html__('Show results by', "poll-maker"); ?>
                                                <a class="ays_help" data-toggle="tooltip" data-placement="top"
                                                    title="<?php echo esc_html__("Select the way of displaying the results on the result page of the poll.", "poll-maker"); ?>">
                                                    <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                </a>
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row" style="align-items:center">
                                                <div class="col-sm-4">
                                                    <div style="display: flex;">
                                                        <div class="form-check form-check-inline ays_poll_loader_show_results_by">
                                                            <label class="form-check-label ays_poll_check_label ays_poll_block_with_hidden_row_show_row_block">
                                                                <input type="radio" class="ays-poll-show-result-chart-google" name="ays_poll_show_result_chart" value="google_bar_chart" <?php echo ($show_chart_type == 'google_bar_chart') ? 'checked' : '' ?>/>
                                                                <span><?php echo esc_html__('Bar chart(Google)', "poll-maker"); ?></span>
                                                            </label>
                                                        </div>
                                                        <div class="form-check form-check-inline ays_poll_loader_show_results_by">
                                                            <label class="form-check-label ays_poll_check_label ays_poll_block_with_hidden_row_hide_row_block">
                                                                <input type="radio" name="ays_poll_show_result_chart" value="default_bar_chart" <?php echo ($show_chart_type == 'default_bar_chart') ? 'checked' : '' ?>/>
                                                                <span><?php echo esc_html__('Bar chart', "poll-maker"); ?></span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-8" style="padding-left: 0">
                                                    <div class="col-sm-12 only_pro" style="padding:24px 10px;">
                                                        <div class="pro_features pro_features_popup">
                                                            <div class="pro-features-popup-conteiner">
                                                                <div class="pro-features-popup-title">
                                                                    <?php echo esc_html__("Show Results by", "poll-maker"); ?>
                                                                </div>
                                                                <div class="pro-features-popup-content" data-link="https://youtu.be/pvE3Ys2M3ko">
                                                                    <p>
                                                                        <?php echo esc_html__("Show the visual representation of your poll results in visualized charts. You are welcome to use any of the chart types that best suit your goals and missions. You can use the bar chart, pie chart, column chart, bar chart Google, or the \"not reloading\" option to show the poll results. Each of them has its unique uses and features; consider each of them to suit your needs the best.", "poll-maker"); ?>
                                                                    </p>
                                                                </div>
                                                                <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-show-results-by-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                                                    <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="pro_features" style="justify-content:flex-end;">
                                                        </div>
                                                        <div class="form-check form-check-inline ays_poll_loader_show_results_by">
                                                            <input type="radio"/>
                                                            <label class="form-check-label ays_poll_check_label"> 
                                                                <?php echo esc_html__('Pie Chart', "poll-maker"); ?>
                                                            </label>
                                                        </div>
                                                        <div class="form-check form-check-inline ays_poll_loader_show_results_by">
                                                            <input type="radio"/>
                                                            <label class="form-check-label ays_poll_check_label">
                                                                    <?php echo esc_html__('Column Chart', "poll-maker"); ?> 
                                                            </label>
                                                        </div>
                                                        <div class="form-check form-check-inline ays_poll_loader_show_results_by if_versus_type">
                                                            <input type="radio"/>
                                                            <label class="form-check-label ays_poll_check_label">
                                                                    <?php echo esc_html__('Versus Chart', "poll-maker"); ?>
                                                            </label>
                                                        </div>
                                                        <div class="form-check form-check-inline ays_poll_loader_show_results_by if_rating_type" style="<?php echo $poll['view_type'] == 'star' ? '' : 'display: none'?>">
                                                            <input type="radio"/>
                                                            <label class="form-check-label ays_poll_check_label" for="ays_poll_show_res_rating_chart">
                                                                    <?php echo esc_html__('Rating Chart', "poll-maker"); ?>
                                                            </label>
                                                        </div>
                                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                            <div class="ays-poll-new-upgrade-button-box">
                                                                <div>
                                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                                </div>
                                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                                            </div>
                                                        </a>
                                                        <div class="ays-poll-new-watch-video-button-box">
                                                            <div>
                                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24.svg'?>">
                                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24_hover.svg'?>" class="ays-poll-new-watch-video-button-hover">
                                                            </div>
                                                            <div class="ays-poll-new-watch-video-button"><?php echo esc_html__("Watch Video", "poll-maker"); ?></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr class="ays_poll_hidden_hr_content" style="<?php echo ($show_chart_type == 'google_bar_chart') ? '' : 'display: none' ?>">
                                            <div class="ays_poll_hidden_block_content ays_divider_left" style="<?php echo ($show_chart_type == 'google_bar_chart') ? '' : 'display: none' ?>">
                                                <div class="form-group row" style="align-items: center; margin-left: 0;">
                                                    <div class="col-sm-2">
                                                        <label for="ays_poll_show_result_chart_google_height" style="margin: 0">
                                                            <?php echo esc_html__('Chart height', "poll-maker") ?>
                                                            <a class="ays_help" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Set the Results Chart height. Note: The option works only for the Google Bar Chart.", "poll-maker"); ?>">
                                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                            </a>
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9 ays_option_with_default_measurement_unit">
                                                        <div>
                                                            <input type="number" class="ays-text-input ays-poll-answer-results-short-input" id="ays_poll_show_result_chart_google_height" name="ays_poll_show_result_chart_google_height" value="<?php echo $show_chart_type_google_height; ?>"/>
                                                        </div>
                                                        <div class="ays_option_default_measurement_unit">
                                                            <input type="text" value="px" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <div class="col-sm-12 only_pro" style="padding:10px 15px 0 15px;">
                                        <div class="pro_features pro_features_popup">
                                            <div class="pro-features-popup-conteiner">
                                                <div class="pro-features-popup-title">
                                                    <?php echo esc_html__("Results Message Based on the Answer", "poll-maker"); ?>
                                                </div>
                                                <div class="pro-features-popup-content" data-link="https://youtu.be/R7GEAtz-73g">
                                                    <p>
                                                        <?php echo esc_html__("Show an individual approach to every poll respondent and add result messages based on their answers.  Write result messages for every answer option and increase the user experience of your polls in seconds.", "poll-maker"); ?>
                                                    </p>
                                                </div>
                                                <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-show-message-based-on-answer-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                                    <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pro_features" style="justify-content:flex-end;">
                                        </div>
                                        <p class="ays-subtitle ays-poll-subtitle-button"><?php echo esc_html__("Result message based on the answer", "poll-maker"); ?></p> 
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-sm-3">
                                                <label for="ays_show_answer_message">
                                                    <?php echo esc_html__('Show Answer message', "poll-maker")?>
                                                    <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip"
                                                    data-placement="top"
                                                    title="<?php echo esc_html__("Show different messages based on the answer.", "poll-maker"); ?>">
                                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            <div class="col-sm-9">
                                                <input type="checkbox" class="ays-enable-timer1"
                                                name=""
                                                value="on">
                                            </div>
                                        </div> 
                                        <hr/>
                                        <!--Result message -->
                                        <div class='form-group row'>
                                            <div class="ays_reset_answers_div">
                                                <input type="button" name="ays_reset_answers" id="ays_reset_answers" class="button ays-button" value="Reset answers">
                                            </div>
                                            <a class="ays_help ays-poll-zindex-for-pro-tooltip" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html__("Refresh the below answers table after adding or removing answer(s) in the General tab.", "poll-maker"); ?>">
                                                <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                            </a>
                                        </div>
                                        <hr>
                                        <?php
                                            $allowed_tags = array(
                                                'div' => array(
                                                    'class' => true
                                                ),
                                                'table' => array(
                                                    'class' => true
                                                ),
                                                'thead' => array(),
                                                'tbody' => array(),
                                                'tr' => array(
                                                    'class' => true
                                                ),
                                                'th' => array(),
                                                'td' => array(
                                                    'class' => true
                                                ),
                                                'span' => array(),
                                                'input' => array(
                                                    'type' => true,
                                                    'name' => true,
                                                    'class' => true,
                                                    'value' => true,
                                                    'hidden' => true
                                                ),
                                                'textarea' => array(
                                                    'type' => true,
                                                    'name' => true,
                                                    'class' => true
                                                ),
                                                'label' => array(
                                                    'class' => true,
                                                    'for' => true
                                                ),
                                                'a' => array(
                                                    'href' => true,
                                                    'class' => true
                                                ),
                                                'img' => array(
                                                    'src' => true,
                                                    'class' => true
                                                )
                                            );

                                            $content = '<div class="ays-field-dashboard ays-table-wrap">                            
                                                            <table class="ays-answers-table ">
                                                                <thead>
                                                                    <tr class="ui-state-default">
                                                                        <th>'. esc_html__('Answers', "poll-maker").'</th>
                                                                        <th>'. esc_html__('Text', "poll-maker").'</th>                                                     
                                                                        <th>'. esc_html__('Image', "poll-maker").'</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>';	                        
                                                $content .= '<tr class="ays-interval-row">
                                                                <td>
                                                                    <span>'. esc_html__("Answer 1", "poll-maker").'</span>
                                                                    <input type="hidden" name="ays_answer_id[]">
                                                                </td>
                                                                <td>
                                                                    <textarea type="text" name="ays_answer_message[]" class="interval__text"></textarea>
                                                                </td>
                                                                <td class="ays-answer-image-td">
                                                                    <label class="ays-label" for="ays-answer">
                                                                        <a href="javascript:void(0)" class="add-answer-image" >
                                                                            '. esc_html__("Add", "poll-maker").'
                                                                        </a>
                                                                    </label>
                                                                    <div class="ays-answer-image-container ays-interval-image-container">
                                                                        <span class="ays-remove-answer-img"></span>
                                                                        <img src="" class="ays-answer-img">
                                                                        <input type="hidden" name="interval_image[]" class="ays-answer-image"
                                                                            >
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr class="ays-interval-row">
                                                                <td>
                                                                    <span>'. esc_html__("Answer 2", "poll-maker").'</span>
                                                                    <input type="hidden" name="ays_answer_id[]">
                                                                </td>
                                                                <td>
                                                                    <textarea type="text" name="ays_answer_message[]" class="interval__text"></textarea>
                                                                </td>
                                                                <td class="ays-answer-image-td">
                                                                    <label class="ays-label" for="ays-answer">
                                                                        <a href="javascript:void(0)" class="add-answer-image" >
                                                                            '. esc_html__("Add", "poll-maker").'
                                                                        </a>
                                                                    </label>
                                                                    <div class="ays-answer-image-container ays-interval-image-container">
                                                                        <span class="ays-remove-answer-img"></span>
                                                                        <img src="" class="ays-answer-img">
                                                                        <input type="hidden" name="interval_image[]" class="ays-answer-image"
                                                                            >
                                                                    </div>
                                                                </td>
                                                            </tr>';
                                            $content .= '</tbody></table></div>';
                                            echo wp_kses($content, $allowed_tags);	                
                                        ?>
                                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                            <div class="ays-poll-new-upgrade-button-box">
                                                <div>
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">
                                                </div>
                                                <div class="ays-poll-new-upgrade-button"><?php echo esc_html__("Upgrade", "poll-maker"); ?></div>
                                            </div>
                                        </a>
                                        <div class="ays-poll-new-watch-video-button-box">
                                            <div>
                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24.svg'?>">
                                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24_hover.svg'?>" class="ays-poll-new-watch-video-button-hover">
                                            </div>
                                            <div class="ays-poll-new-watch-video-button"><?php echo esc_html__("Watch Video", "poll-maker"); ?></div>
                                        </div>
                                        <div class="ays-poll-center-big-main-button-box ays-poll-new-big-button-flex">
                                            <div class="ays-poll-center-big-watch-video-button-box">
                                                <div class="ays-poll-center-new-watch-video-demo-button">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24.svg'?>" class="ays-poll-new-button-img-hide">
                                                    <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/video_24x24_hover.svg'?>" class="ays-poll-new-watch-video-button-hover">
                                                    <span class="ays-poll-center-new-watch-video-demo-name"><?php echo esc_html__("Watch Video", "poll-maker"); ?></span>
                                                </div>
                                            </div>
                                            <div class="ays-poll-center-big-upgrade-button-box">
                                                <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" class="ays-poll-new-upgrade-button-link">
                                                    <div class="ays-poll-center-new-big-upgrade-button">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/locked_24x24.svg'?>" class="ays-poll-new-button-img-hide">
                                                        <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL).'/images/icons/pro-features-icons/unlocked_24x24.svg'?>" class="ays-poll-new-upgrade-button-hover">  
                                                        <?php echo esc_html__("Upgrade", "poll-maker"); ?>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <hr/>
                                </div>
                            </div>
                        </div>
                        <div class="only_pro" style="position: relative; display: inline-block">
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff">
                                <div class="pro-features-popup-conteiner">
                                    <div class="pro-features-popup-title">
                                        <?php echo esc_html__("Save as Default feature of Poll", "poll-maker"); ?>
                                    </div>
                                    <div class="pro-features-popup-content" data-link="https://youtu.be/JBKbnrRNviI">
                                        <p>
                                            <?php echo esc_html__("You can make the process of creating online polls a fun and easy activity with the Save as Default feature of the WordPress Poll Plugin.", "poll-maker"); ?>
                                        </p>
                                        <p>
                                            <?php echo esc_html__("You just need to click on the Save as default button and, each time, creating a new poll, the system will take the settings and styles of the current poll.", "poll-maker"); ?>
                                        </p>
                                    </div>
                                    <div class="pro-features-popup-button" data-link="https://ays-pro.com/wordpress/poll-maker?utm_source=dashboard&utm_medium=poll-free&utm_campaign=pro-popup-save-as-default-<?php echo esc_attr( POLL_MAKER_AYS_VERSION ); ?>">
                                        <?php echo esc_html__("Pricing", "poll-maker"); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="pro_features pro_features_popup" style="background: none; box-shadow: none; color: #fff; overflow: visible; position: static; padding: 0; font-size: 16px">
                                <span class="ays_save_as_default_content_for_mobile">
                                    <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank" title="This property aviable only in pro version" style="text-decoration: none">
                                        <input type="button" class="button ays_default_btn ays-loader-banner" value="<?php echo esc_attr__( "Save as default", "poll-maker" ); ?>">
                                    </a>
                                    <a class="ays_help" data-toggle="tooltip" title="<?php echo esc_html__( "Saves the assigned settings of the current poll as default. After clicking on this button, each time creating a new poll, the system will take the settings and styles of the current poll. If you want to change and renew it, please click on this button on another poll.", "poll-maker" ); ?>">
                                        <i class="ays_poll_fas ays_poll_fa-info-circle"></i>
                                    </a>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-buttons-container">
                        <div class="ays_save_default_button_box">
                            <?php 
                                if ( $prev_poll_id != "" && !is_null( $prev_poll_id ) ) {
        
                                    $other_attributes = array(
                                        'id' => 'ays-polls-prev-button',
                                        'data-message' =>esc_html__( 'Are you sure you want to go to the previous poll page?', "poll-maker"),
                                        'href' => sprintf( '?page=%s&action=%s&poll=%d', esc_attr( $_REQUEST['page'] ), 'edit', absint( $prev_poll_id ) )
                                    );
                                    submit_button( esc_html__('Prev Poll', "poll-maker"), 'button button-primary ays-button ays-poll-prev-poll-button ays-poll-next-prev-button-class', 'ays_poll_prev_button', false, $other_attributes);
                                }
        
                                if ( $next_poll_id != "" && !is_null( $next_poll_id ) ) {
        
                                    $other_attributes = array(
                                        'id' => 'ays-polls-next-button',
                                        'data-message' =>esc_html__( 'Are you sure you want to go to the next poll page?', "poll-maker"),
                                        'href' => sprintf( '?page=%s&action=%s&poll=%d', esc_attr( $_REQUEST['page'] ), 'edit', absint( $next_poll_id ) )
                                    );
                                    submit_button( esc_html__('Next Poll', "poll-maker"), 'button button-primary ays-button ays_poll_next_poll_button ays-poll-next-prev-button-class', 'ays_poll_next_button', false, $other_attributes);
                                }
                            ?>
                        </div>
                        <div class='bottom-save-buttons-container'>
                            <div class="ays_save_buttons_box_for_mobile" id="ays-save-buttons-box-for-mobile">
                                <?php
                                echo wp_kses($loader_iamge, $loader_iamge_allow);
                                wp_nonce_field('poll_action', 'poll_action');
                                $save_bottom_attributes = array(
                                    'id' => 'ays-button-apply',
                                    'title' => 'Ctrl + s',
                                    'data-toggle' => 'tooltip',
                                    'data-delay'=> '{"show":"1000"}'
                                );
                                submit_button( esc_html__('Save', "poll-maker"), 'ays-bottom-menu-buttons', 'ays_apply', false, $save_bottom_attributes);
                                $save_close_bottom_attributes = array('id' => 'ays-button');
                                submit_button( esc_html__('Save and close', "poll-maker"), 'primary ays-button ays-loader-banner ays-bottom-menu-save-and-close ays-bottom-menu-buttons', 'ays_submit', false, $save_close_bottom_attributes);
                                submit_button( esc_html__('Cancel', "poll-maker"), 'ays-button ays_poll_cancel_bottom ays-bottom-menu-buttons', 'ays_poll_cancel', false, array());
                                ?>
                            </div>
                        </div>
                    </div>
                </div>
            <div>
            <hr>
            <!-- <div class="form-group row ays-poll-general-bundle-container">
                <div class="col-sm-12 ays-poll-general-bundle-box">
                    <div class="ays-poll-general-bundle-row ays-poll-general-bundle-image-row">
                        <a href="https://ays-pro.com/wordpress/poll-maker" target="_blank"><img src="<?php //echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/black_friday_banner_logo.png"></a>
                    </div>
                    <div class="ays-poll-general-bundle-row">
                        <div class="ays-poll-general-bundle-text">
                            <?php //echo esc_html__( "Do not miss", $this->plugin_name ); ?>
                            <span><?php //echo esc_html__( "20% Christmas gift SALE", $this->plugin_name ); ?></span>
                            <?php //echo esc_html__( "on Poll Maker plugin!", $this->plugin_name ); ?>
                            <span class="ays-poll-general-bundle-color">
                                <a href="https://ays-pro.com/wordpress/poll-maker" class="ays-poll-general-bundle-link-color" target="_blank"><?php //echo esc_html__( "Poll Maker", $this->plugin_name ); ?></a>
                            </span> <?php //echo esc_html__( "plugin!", $this->plugin_name ); ?>
                        </div>
                        <p><?php //echo esc_html__( "Prepare your website for winter colds with the best polls.", $this->plugin_name ); ?></p>
                        <div class="ays-poll-general-bundle-sale-text ays-poll-general-bundle-color">
                            <div><a href="https://ays-pro.com/wordpress/poll-maker" class="ays-poll-general-bundle-link-color" target="_blank"><?php //echo esc_html__( "Discount 20% OFF", $this->plugin_name ); ?></a></div>
                        </div>
                    </div>
                    <div class="ays-poll-general-bundle-row">
                        <a href="https://ays-pro.com/wordpress/poll-maker" class="ays-poll-general-bundle-button" target="_blank">Get Now!</a>
                    </div>
                </div>
            </div> -->
            <?php if($id === null): ?>
                <div class="ays_poll_layer_container">
                    <div class="ays_poll_layer_content">
                    	<div class="ays-poll-close-type">
                            <a href="?page=poll-maker-ays">
                                <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL); ?>/images/icons/cross.png">
                            </a>
                        </div>
                        <div class="ays_poll_layer_box">
                            <div class="ays-poll-close-layer">
                                <div class="ays-poll-choose-type">
                                    <p style="margin: 0;"><?php echo esc_html__('Choose Your Poll Type', "poll-maker"); ?></p>
                                </div>
                            </div>
                            <div class="ays_poll_layer_box_blocks">
                                <label class='ays-poll-dblclick-layer'>
                                    <input type="radio" class="ays-poll-content-type" value="choosing" name="ays_poll_choose_poll_type_modal[]" <?php echo ($poll['type'] == 'choosing') ? 'checked' : '' ?> >                                        
                                    <div class="ays_poll_layer_item" >
                                        <div class="ays_poll_layer_item_logo" >
                                            <div class="ays_poll_layer_item_logo_overlay
                                            ays_poll_layer_item_logo_overlay_choosing" >
                                            <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/polls/choosing.png' ?>"
	                                     alt="<?php echo esc_html__('Choosing', "poll-maker") ?>">
                                            </div>
                                        </div>
                                        <div class="ays_poll_layer_item_title">
                                            <p style="margin:0px;"><?php echo esc_html__('Choosing', "poll-maker") ?><p>
                                            <a class="ays_poll_view_demo_link" href="https://poll-plugin.com/image-choosing/" style="font-size:14px;" target="_blank"><?php echo esc_html__('View demo', "poll-maker"); ?></a>
                                            <i class="ays_poll_fas ays_poll_fa_play" aria-hidden="true"></i>
                                        </div>
                                        <div class="ays_poll_layer_item_description"></div>
                                    </div>
                                </label>
                                <label class='ays-poll-dblclick-layer'>
                                    <input type="radio" class="ays-poll-content-type" value="rating" name="ays_poll_choose_poll_type_modal[]" <?php echo ($poll['type'] == 'rating') ? 'checked' : '' ?> >
                                    <div class="ays_poll_layer_item">
                                        <div class="ays_poll_layer_item_logo">
                                            <div class="ays_poll_layer_item_logo_overlay
                                            ays_poll_layer_item_logo_overlay_rating">
                                            <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/polls/rating.png' ?>"
	                                     alt="<?php echo esc_html__('Rating', "poll-maker") ?>">
                                            </div>
                                        </div>
                                        <div class="ays_poll_layer_item_title">
                                            <p style="margin:0px;"><?php echo esc_html__('Rating', "poll-maker") ?><p>
                                            <a class="ays_poll_view_demo_link" href="https://poll-plugin.com/rating-polls-rating-type/" style="font-size:14px;" target="_blank"><?php echo esc_html__('View demo', "poll-maker"); ?></a>
                                            <i class="ays_poll_fas ays_poll_fa_play" aria-hidden="true"></i>
                                        </div>
                                        <div class="ays_poll_layer_item_description"></div>
                                    </div>
                                </label>
                                <label class='ays-poll-dblclick-layer'>
                                    <input type="radio" class="ays-poll-content-type" value="text" name="ays_poll_choose_poll_type_modal[]" <?php echo ($poll['type'] == 'text') ? 'checked' : '' ?> >
                                    <div class="ays_poll_layer_item">
                                        <div class="ays_poll_layer_item_logo">
                                             <div class="ays_poll_layer_item_logo_overlay ays_poll_layer_item_logo_overlay_text" >
                                            
                                            <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/polls/Text.png' ?>"
                                     alt="<?php echo esc_html__('Text', "poll-maker") ?>">
                                            </div>
                                        </div>
                                        <div class="ays_poll_layer_item_title">
                                            <p style="margin:0px;"><?php echo esc_html__('Text', "poll-maker") ?><p>
                                            <a class="ays_poll_view_demo_link" href="https://poll-plugin.com/open-ended-question-polls-text-type/" style="font-size:14px;" target="_blank"><?php echo esc_html__('View demo', "poll-maker"); ?></a>
                                            <i class="ays_poll_fas ays_poll_fa_play" aria-hidden="true"></i>
                                        </div>
                                        <div class="ays_poll_layer_item_description"></div>  
                                    </div>
                                </label>
                                <label class='ays-poll-dblclick-layer'>
                                    <input type="radio" class="ays-poll-content-type" value="voting" name="ays_poll_choose_poll_type_modal[]" <?php echo ($poll['type'] == 'voting') ? 'checked' : '' ?> >
                                    <div class="ays_poll_layer_item">
                                        <div class="ays_poll_layer_item_logo">
                                             <div class="ays_poll_layer_item_logo_overlay ays_poll_layer_item_logo_overlay_voting" >
                                             <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/polls/voting.png' ?>" alt="<?php echo esc_html__('Voting', "poll-maker") ?>">
                                            </div>
                                        </div>
                                        <div class="ays_poll_layer_item_title">
                                            <p style="margin:0px;"><?php echo esc_html__('Voting', "poll-maker") ?><p>
                                            <a class="ays_poll_view_demo_link" href="https://poll-plugin.com/voting-polls-voting-type/" style="font-size:14px;" target="_blank"><?php echo esc_html__('View demo', "poll-maker"); ?></a>
                                            <i class="ays_poll_fas ays_poll_fa_play" aria-hidden="true"></i>
                                        </div>
                                        <div class="ays_poll_layer_item_description"></div>  
                                    </div>
                                </label>
                                <label class='ays-poll-dblclick-layer ays-poll-type-pro-feature'>
                                    <!-- <input type="radio" value="select" > -->
                                    <div class="ays_poll_layer_item">
                                    	<span class="ays_poll_layer_item_pro_version">
                                    		<a class="ays_poll_layer_item_pro_version_content" href="https://ays-pro.com/wordpress/poll-maker" target="_blank">
                                    			PRO
                                    		</a>
                                    	</span>
                                        <div class="ays_poll_layer_item_logo ays_poll_layer_item_logo_pro">
                                             <div class="ays_poll_layer_item_logo_overlay ays_poll_layer_item_logo_overlay_dropdown" >
                                            
                                            <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/polls/Dropdown.png' ?>"
                                     alt="<?php echo esc_html__('Dropdown', "poll-maker") ?>">
                                            </div>
                                        </div>
                                        <div class="ays_poll_layer_item_title">
                                            <p style="margin:0px;">
                                            	<a class="ays_poll_polls_type_name" href="https://ays-pro.com/wordpress/poll-maker" target="_blank">
                                            		<?php echo esc_html__('Dropdown', "poll-maker") ?>
                                            	</a>
                                            <p>
                                            <a class="ays_poll_view_demo_link" href="https://poll-plugin.com/anonymous-polls-dropdown-type/" style="font-size:14px;" target="_blank"><?php echo esc_html__('View demo', "poll-maker"); ?></a>
                                            <i class="ays_poll_fas ays_poll_fa_play" aria-hidden="true"></i>
                                        </div>
                                        <div class="ays_poll_layer_item_description"></div>  
                                    </div>
                                </label>
                                <label class='ays-poll-dblclick-layer ays-poll-type-pro-feature'>
                                    <!-- <input value="range" type="radio"> -->
                                    <div class="ays_poll_layer_item">
                                    	<span class="ays_poll_layer_item_pro_version">
                                    		<a class="ays_poll_layer_item_pro_version_content" href="https://ays-pro.com/wordpress/poll-maker" target="_blank">
                                    			PRO
                                    		</a>
                                    	</span>
                                        <div class="ays_poll_layer_item_logo ays_poll_layer_item_logo_pro">
                                             <div class="ays_poll_layer_item_logo_overlay ays_poll_layer_item_logo_overlay_range" >
                                            
                                            <img src="<?php echo esc_url(POLL_MAKER_AYS_ADMIN_URL) . '/images/polls/range.png' ?>"
                                     alt="<?php echo esc_html__('Range', "poll-maker") ?>">
                                            </div>
                                        </div>
                                        <div class="ays_poll_layer_item_title">
                                            <p style="margin:0px;">
                                            	<a class="ays_poll_polls_type_name" href="https://ays-pro.com/wordpress/poll-maker" target="_blank">
                                            		<?php echo esc_html__('Range', "poll-maker") ?>
                                            	</a>
                                            <p>
                                            <a class="ays_poll_view_demo_link" href="https://poll-plugin.com/slider-rating-polls-slider-type/" style="font-size:14px;" target="_blank"><?php echo esc_html__('View demo', "poll-maker"); ?></a>
                                            <i class="ays_poll_fas ays_poll_fa_play" aria-hidden="true"></i>
                                        </div>
                                        <div class="ays_poll_layer_item_description"></div>  
                                    </div>
                                </label>          
                                <label class='ays-poll-dblclick-layer ays-poll-type-pro-feature'>
                                    <!-- <input value="versus" type="radio"> -->
                                    <div class="ays_poll_layer_item">
                                    	<span class="ays_poll_layer_item_pro_version">
                                    		<a class="ays_poll_layer_item_pro_version_content" href="https://ays-pro.com/wordpress/poll-maker" target="_blank">
                                    			PRO
                                    		</a>
                                    	</span>
                                        <div class="ays_poll_layer_item_logo ays_poll_layer_item_logo_pro">
                                             <div class="ays_poll_layer_item_logo_overlay ays_poll_layer_item_logo_overlay_versus" >
                                            
                                     		<span>VS</span>
                                            </div>
                                        </div>
                                        <div class="ays_poll_layer_item_title">
                                            <p style="margin:0px;">
                                            	<a class="ays_poll_polls_type_name" href="https://ays-pro.com/wordpress/poll-maker" target="_blank">
                                            		<?php echo esc_html__('Versus', "poll-maker") ?>
                                            	</a>
                                            <p>
                                            <a class="ays_poll_view_demo_link" href="https://poll-plugin.com/versus-poll-versus-type/" style="font-size:14px;" target="_blank"><?php echo esc_html__('View demo', "poll-maker"); ?></a>
                                            <i class="ays_poll_fas ays_poll_fa_play" aria-hidden="true"></i>
                                        </div>
                                        <div class="ays_poll_layer_item_description"></div>  
                                    </div>
                                </label>
                            </div>        
                            <div class="ays_poll_select_button_layer">
                                <div class="ays_poll_select_button_item">
                                    <input type="button" class="ays_poll_layer_button" name="" value="<?php echo esc_attr__('Next', "poll-maker"); ?>" data-type="<?php echo $poll['type']; ?>">
                                    <input type="hidden"  name="ays-poll-type" id="poll_choose_type" value="<?php echo $poll['type']; ?>" >
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php else: ?>
                   <input type="hidden"  name="ays-poll-type" id="poll_choose_type" value="<?php echo $poll['type']; ?>" >
            <?php endif; ?>
        </form>
        <div class="ays-modal" id="pro-features-popup-modal">
            <div class="ays-modal-content">
                <!-- Modal Header -->
                <div class="ays-modal-header">
                    <span class="ays-close-pro-popup">&times;</span>
                    <!-- <h2></h2> -->
                </div>

                <!-- Modal body -->
                <div class="ays-modal-body">
                   <div class="row">
                        <div class="col-sm-6 pro-features-popup-modal-left-section">
                        </div>
                        <div class="col-sm-6 pro-features-popup-modal-right-section">
                           <div class="pro-features-popup-modal-right-box">
                                <div class="pro-features-popup-modal-right-box-icon"><i class="ays_poll_fa ays_poll_fa-lock"></i></div>

                                <div class="pro-features-popup-modal-right-box-title"></div>

                                <div class="pro-features-popup-modal-right-box-content"></div>

                                <div class="pro-features-popup-modal-right-box-button">
                                    <a href="#" class="pro-features-popup-modal-right-box-link" target="_blank"></a>
                                </div>
                           </div>
                           <div class="pro-features-popup-modal-right-box-footer-text">
                                <span class="ays_poll_small_hint_text_for_message_variables"><?php echo esc_html__( "One-time payment", 'poll-maker' ); ?></span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Modal footer -->
                <div class="ays-modal-footer" style="display:none">
                </div>
            </div>
        </div>
    </div>
</div>