<?php
    if ( ! defined( 'ABSPATH' ) ) exit;
?>
<div class="cta_btn" id="cta_section<?php echo $player_id;?>" style="display:none;width: 100%;height: 100%;left: 0%;top: 0%;position: absolute;z-index: 9999;color: black;font-family: Tahoma, Geneva, sans-serif;border: 5px solid #d5d5d5;border-radius: 5px;background-color: rgb(0 0 0 / 50%);justify-content:center;align-items:center; flex-direction: column;">   
<?php 
global $wpdb;
$video_table = $wpdb->prefix . "mvplayer_video";
$v_info      = $wpdb->get_row("SELECT * FROM $video_table where id= $vid ");

$mvplayer_cta_lockdown_url = '';

if($cta_enable=='yes'){
    if($v_info->cta_share_url=='page_post'){
        $mvplayer_cta_lockdown_url = get_permalink();
    }
    else if($v_info->cta_share_url=='main_blog'){
        $mvplayer_cta_lockdown_url = get_home_url();
    }
    else if($v_info->cta_share_url=='custom'){
        $mvplayer_cta_lockdown_url = $v_info->cta_custom_url;
    }

    $bgcolor = "black";
    $color = "white";
    $border = "1px solid";
    $b_radius = "10";
    $b_color = "#f0f0f0";
    $height = "auto";
    $width = "auto";

    if($v_info->cta_bg_color != ""){
        $bgcolor = $v_info->cta_bg_color;
    }

    if($v_info->cta_text_color != ""){
        $color = $v_info->cta_text_color;
    }

    if($v_info->cta_btn_border != ""){
        $border = $v_info->cta_btn_border;
    }

    if($v_info->cta_btn_radius != ""){
        $b_radius = $v_info->cta_btn_radius;
    }

    if($v_info->cta_btn_border_color != ""){
        $b_color = $v_info->cta_btn_border_color;
    }

    if($v_info->cta_btn_height != ""){
        $height = $v_info->cta_btn_height;
    }

    if($v_info->cta_btn_width != ""){
        $width = $v_info->cta_btn_width;
    }
?>

<div class="social_optin" style="margin: 10px;">
    <a href="javascript:redirectAndCtaHideIt_<?php echo $player_id;?>()" data-redirect_link="<?php echo $mvplayer_cta_lockdown_url;?>" class='cta-redirect-<?php echo $player_id;?>'  style="background-color:<?php echo $bgcolor;?>;color:<?php echo $color;?>;border: <?php echo $border;?>px solid;border-radius: <?php echo $b_radius;?>px;border-color: <?php echo $b_color;?>;height: <?php echo $height;?>px;width: <?php echo $width;?>px;padding: 10px 13px;"><?php echo $v_info->cta_btn_text;?></a>
</div>
<?php
    if($ctabtn_allow_skip=='yes'){ ?>
        <a id="ctaskip" href="javascript:ctaHideIt_<?php echo $player_id;?>()" ><?php echo _e('Skip','mvp'); ?></a>
<?php 
    }
}
?>
<style>
    .fa {
        padding: 5px;font-size: 30px;
        width: 50px;text-align: center;
        text-decoration: none;
        margin: 5px 2px;border-radius: 5px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-facebook {
        background: #3B5998;
        color: white;
    }

    .fa-twitter {
        background: #55ACEE;
        color: white;
    }

    .fa-instagram {
        background: #125688;
        color: white;
    }

    .social_btn iframe{
        margin: 0px;
    }
   </style>
</div>