<?php defined('ABSPATH') || die('Cheatin\' uh?'); 

echo '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />';?>
<link rel="stylesheet" href="<?php echo _STRB_THEME_URL_ . 'photoBlogger/style.css'?>" >
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">

<div class="frontend-wrapper">
<div class="scale-wrapper">
<div class="squirrly-strb-main-container" style="">
      <div class="squirrly-strb-background-img">
            <img class="squirrly-strb-background-image" style="margin:auto;filter:opacity(<?php $STB_user_theme->echoData("opacity")?>%) grayscale(<?php $STB_user_theme->echoData("grayscale")?>%) brightness(<?php $STB_user_theme->echoData("brightness")?>%) saturate(<?php $STB_user_theme->echoData("saturation")?>)" style="filter:grayscale('.get_user_meta($id,'strb_grayscale',true).'%) brightness('.get_user_meta($id,'strb_brightness',true).'%) opacity('.get_user_meta($id,'strb_opacity',true).'%) saturate('.get_user_meta($id,'strb_saturation',true).')" src="<?php echo $backgroundImg; ?>">
      </div>
    
      <div class="squirrly-strb-innerContainer"  style="width:100%;margin-top:<?php $STB_user_theme->echoData("pnl_up")?>px;margin-left:<?php $STB_user_theme->echoData("pnl_left")?>px;">
    
        <div class="squirrly-strb-pnl-color squirrly-strb-pnl-color-transparent edit-clr" style="background:transparent;background-color:<?php $STB_user_theme->echoData("pnl_color") ?>;opacity:0.<?php $STB_user_theme->echoData("pnl_opacity")?>;"></div>
        
        <div style="width:400px;margin-right:90px;margin-top:-50px;" class="squirrly-strb-headder">
            <div class="strb-name" style="letter-spacing:2px;font-size:24px;font-family:'Cinzel';overflow:hidden;display:flex;align-items:center;"> <?php echo get_user_meta($user_id,"first_name",true);?>
                  <span style="margin-left:5px;text-transform:capitalize;font-size:24px;"><?php echo get_user_meta($user_id,"last_name",true); ?></span>
            </div>
            <div class="strb-job" style="font-size:19px;z-index:20;"><?php $STB_user_data->echoData("companyslug")?><span style="font-size:19px;font-family:'Quicksand';font-weight:600;text-transform: capitalize;color:white;"><?php $STB_user_data->echoData("job"); ?></span></div>
        </div>
      </div>

      <div class="squirrly-strb-social-wrap-dinamic" style="width:65%;position:absolute;bottom:10px;left:10px;">
            <?php if($STB_user_data->getData("facebook")!=null){
                  echo'<div class="squirrly-strb-item-social item-two" style="background-color:#4267b2;">
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'.$STB_user_data->getData("facebook").'" target=”_blank"><i  class="fa-brands fa-facebook"></i></a>
                      </div>';
            }?>
             <?php if($STB_user_data->getData("linked")!=null){
                  echo'<div class="squirrly-strb-item-social item-two" style="background-color:#0077B5">
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'. $STB_user_data->getData("linked").'" target=”_blank"><i class="fa-brands fa-linkedin"></i></a>
                       </div>';
            }?>
            <?php if($STB_user_data->getData("twitter")!=null){
                  echo'<div class="squirrly-strb-item-social item-two" style="background-color:#1da1f2;" >
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'. $STB_user_data->getData("twitter").'" target=”_blank"><i class="fa-brands fa-twitter"></i></a>
                       </div>';
            }?>
            <?php if($STB_user_data->getData("git")!=null){
                  echo' <div class="squirrly-strb-item-social item-two" style="background-color:black;">
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'.$STB_user_data->getData("youtube").'" target=”_blank"><i class="fa-brands fa-github"></i></a>
                        </div>';
            }?>
            <?php if($STB_user_data->getData("insta")!=null){
                  echo'<div class="squirrly-strb-item-social item-two" style="background-color:#e1306c;">
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'. $STB_user_data->getData("instagram").'" target=”_blank"><i class="fa-brands fa-instagram"></i></a>
                       </div>';
            }?>
            <?php if($STB_user_data->getData("youtube")!=null){
                  echo' <div class="squirrly-strb-item-social item-two" style="background-color:red;">
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'.$STB_user_data->getData("youtube").'" target=”_blank"><i class="fa-brands fa-youtube"></i></a>
                        </div>';
            }?>
            <?php if($STB_user_data->getData("pin")!=null){
                  echo' <div class="squirrly-strb-item-social item-two" style="background-color:red;">
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'.$STB_user_data->getData("pin").'" target=”_blank"><i class="fa-brands fa-pinterest"></i></a>
                        </div>';
            }?>
            <?php if($STB_user_data->getData("email")!=null){
                  echo' <div class="squirrly-strb-item-social item-two" style="background-color:#1da1f2;">
                        <a  href="'.$STB_user_data->getData("email").'" target=”_blank"><i class="fa-brands fa-google"></i></a>
                        </div>';
            }?>
            <?php if($STB_user_data->getData("tok")!=null){
            echo' <div class="squirrly-strb-item-social item-two" style="background-color:#171515;">
                  <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'"  href="'.$STB_user_data->getData("tok").'" target=”_blank"><i class="fa-brands fa-tiktok"></i></a>
                  </div>';
            }?> 
    </div>   
</div>
</div>   
</div>
