<?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 href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">

<div class="frontend-wrapper">
<div class="scale-wrapper">
<div class="squirrly-strb-main-container" style="justify-content:center;" >

    <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")?>)"  src="<?php echo $backgroundImg; ?>">
    </div>
    
    <div class="squirrly-strb-innerContainer" style="top:47%;width:60%;height:53%;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-white edit-clr" style="box-shadow:0 0 10px <?php $STB_user_theme->echoData("brd_color") ?>; background-color:<?php $STB_user_theme->echoData("pnl_color") ?>;opacity:0.<?php $STB_user_theme->echoData("pnl_opacity")?>;  border-radius:0px;"></div>

        <div class="squirrly-strb-user-img" style="z-index:20;height:70px;margin-top:10px;width:70px;">
            <?php if($STB_user_data->getData("img")!="empty"){
            echo ' 
                 <img style="height:100%;width:100%;margin:auto;"src="'.$STB_user_data->getData("img") .'" />
            ';} ?>
        </div>
        <div class="squirrly-strb-headder" style="z-index:20;width:85%;margin-top:10px;height:60px;">
            <div class="strb-name  strb-name-center" style="margin-right:20px;font-weight:600;font-size:24px;font-family:'Merriweather';color:black;overflow:hidden;margin-top:-20px;margin-right:20px;display: flex;align-items: center;">
                <?php echo get_user_meta($user_id,"first_name",true);?>
                <span style="font-weight:600;margin-left:5px;text-transform:capitalize;font-size:24px;"><?php echo get_user_meta($user_id,"last_name",true); ?></span>
            </div>
            <div  style="color:black;font-weight:500;font-size:19px;display:flex;position:absolute;margin-top:30px;gap:5px;"><?php $STB_user_data->echoData("companyslug")?><span style="font-size:20px;font-weight:600;text-transform: capitalize;color:black;"><?php $STB_user_data->echoData("job"); ?></span></div>
        </div> 

        <div class="" style="line-height: 16px;width:80%;color:black;z-index:20;font-size:14px;margin-top:5px;text-align: center;max-height:80px;overflow:hidden;">
            <?php echo get_user_meta($user_id,"description",true); ?> 
        </div>

        <div class="squirrly-strb-social-wrap-dinamic" style="width:180px;left:0px;top:-2px;display:flex;justify-content: center;">    
                <?php if($STB_user_data->getData("facebook")!=null){
                  echo'<div>
                        <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 style="color:black;" class="fa-brands fa-facebook squirrly-strb-item social-item-black"></i></a>
                      </div>';
                }?>
                <?php if($STB_user_data->getData("linked")!=null){
                  echo'<div>
                        <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 style="color:black;font-size:16px;" class="fa-brands fa-linkedin squirrly-strb-item social-item"></i></a>
                      </div>';
                }?>      
                <?php if($STB_user_data->getData("insta")!=null){
                  echo'<div>
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" href="'.$STB_user_data->getData("insta").'" target=”_blank" ><i style="color:black;" class="fa-brands fa-instagram squirrly-strb-item social-item-black"></i></a>
                      </div>';
                }?>     
                <?php if($STB_user_data->getData("twitter")!=null){
                  echo'<div>
                        <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 style="color:black;" class="fa-brands fa-twitter squirrly-strb-item social-item-black"></i></a>
                      </div>';
                }?>  
                <?php if($STB_user_data->getData("tok")!=null){
                  echo'<div>
                        <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 style="color:black;" class="fa-brands fa-tiktok squirrly-strb-item social-item-black"></i></a>
                      </div>';
                }?>  
                <?php if($STB_user_data->getData("youtube")!=null){
                  echo'<div>
                        <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 style="color:black;" class="fa-brands fa-youtube squirrly-strb-item social-item-black"></i></a>
                      </div>';
                }?>     
                <?php if($STB_user_data->getData("pin")!=null){
                  echo'<div>
                        <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 style="color:black;" class="fa-brands fa-pinterest squirrly-strb-item social-item-black"></i></a>
                      </div>';
                }?>     
                <?php if($STB_user_data->getData("git")!=null){
                  echo'<div>
                        <a rel="'. $STB_user_data->getData("nofollow").' '. $STB_user_data->getData("noopener").' '. $STB_user_data->getData("noreferrer").'" href="'.$STB_user_data->getData("git").'" target=”_blank" ><i style="color:black;" class="fa-brands fa-github squirrly-strb-item social-item-black"></i></a>
                      </div>';
                }?>     
                           
               
            </div> 
        
    </div>          
</div>
</div>          
</div>
        


