<?php
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_ . 'Standard/style.css'?>" >

<div class="frontend-wrapper">
<div class="scale-wrapper">
    <div class="strb-card business-black business-edit-clr  edit-clr" style="padding-right:20px;min-width:500px;background-color:<?php $STB_user_theme->echoData("pnl_color")?>;box-shadow:0 0 10px <?php $STB_user_theme->echoData("brd_color") ?>;">
        <div class="pnl-color"></div>
       
        <div class="profile-sidebar" style="width:100%;height:100%;">
            <div style="width:160px;height:250px;display:flex;justify-content: center;align-items: center;">
                <div class="profile-pic" style="border:none;margin-left:10px;">
                    <?php if($STB_user_data->getData("img")!=="empty"){
                        echo '<img style="" src="'.$STB_user_data->getData("img") .'" />
                    ';} ?>
                </div>
            </div>
            <div style="width:2px;height:180px;background-color:#00537a;margin-top:30px;margin-left:10px;"></div>
            
          <div style="margin-top:60px;margin-left:10px;"> 
            <div class="name-options"  style="text-align:left;font-weight:500;font-size:24px;color:white;color:<?php $STB_user_theme->echoData("name-color")?>;font-size:<?php $STB_user_theme->echoData("name-size")?>px;">
                <?php echo get_user_meta($user_id,"first_name",true);?>
                <?php echo get_user_meta($user_id,"last_name",true); ?>
            </div>
            <div class="subtitle-options" style="display:flex;justify-content:flex-start;font-weight:500;margin-top:-6px;font-size:18px;color:gray;color:<?php $STB_user_theme->echoData("subtitle-color")?>;font-size:<?php $STB_user_theme->echoData("subtitle-size")?>px;"><?php $STB_user_data->echoData("companyslug")?><span style="margin-left:5px;font-weight:500;text-transform: capitalize;color:#5372f0;font-weight:500;"><?php $STB_user_data->echoData("job"); ?></div>

            <div class="" style="margin-top:15px;display:flex;gap:10px;">
                <?php if($STB_user_data->getData("facebook")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("facebook").'"><div class="fa-brands fa-facebook social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?> 
                <?php if($STB_user_data->getData("linked")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("linked").'"><div class="fa-brands fa-linkedin social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?> 
                <?php if($STB_user_data->getData("insta")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("insta").'"><div class="fa-brands fa-instagram social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?>  
                <?php if($STB_user_data->getData("twitter")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("twitter").'"><div class="fa-brands fa-twitter social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?>  
                <?php if($STB_user_data->getData("tok")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("tok").'"><div class="fa-brands fa-tiktok social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?>  
                <?php if($STB_user_data->getData("youtube")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("youtube").'"><div class="fa-brands fa-youtube social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?>  
                <?php if($STB_user_data->getData("pin")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("pin").'"><div class="fa-brands fa-pinterest social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?>  
                <?php if($STB_user_data->getData("git")!=null){
                echo'<div class="social-item" style="height:32px;width:32px;border-radius:50%;background-color:#f5a201;display: flex;align-items: center;justify-content: center;">
                    <a style="text-decoration:none;display:flex;align-items: center;justify-content: center;" href="'.$STB_user_data->getData("git").'"><div class="fa-brands fa-github social-link" style="color:black;font-size:23px;margin-top:2px;"></div></a>
                </div>';  
                }?>   
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    
            


            