<?php defined('ABSPATH') || die('Cheatin\' uh?');?>
<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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">

<div class="frontend-wrapper">
    <div class="scale-wrapper">
        <div class="modern-theme-wrapper-s20">
            <div class="wrapper-color-s20  business-edit-clr edit-clr" style="background-color:<?php $STB_user_theme->echoData("pnl_color")?>;">
                <div class="content-pannel-s20">
                 
                    <div style="height:100%;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;">
                        <?php if($STB_user_data->getData("img")!=="empty"){
                                echo '<div style="position:relative;">
                                        <img class="profile-img-s20"  src="'.$STB_user_data->getData("img") .'" />
                                        <i class="fa-solid fa-check" style="background-color:#1da1f2;height:30px;width:30px;display:flex;align-items:center;
                                            justify-content:center;color:white;border-radius:50%;position:absolute;top:0px;left:85px;font-size:20px;">
                                        </i>
                                    </div>';
                        }?>
                    
                        <div class="autor-name-s20 name-options" style="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="autor-subtitle-s20 subtitle-options" style="color:<?php $STB_user_theme->echoData("subtitle-color")?>;font-size:<?php $STB_user_theme->echoData("subtitle-size")?>px;">
                            <?php $STB_user_data->echoData("companyslug")?>
                            <?php $STB_user_data->echoData("job"); ?>
                        </div>
                        <?php   $args = array('author' => $user_id, 'post_type' => 'post', 'orderby'=> 'post_date','posts_per_page' => '1');
                                $post=get_posts($args);
                                foreach($post as $key){
                                    echo '<a  href="' . esc_url( get_permalink( $key->ID ) ) . '" target="_blank"><div style="width:160px;cursor:pointer;border-radius:20px;background-color:#071739;box-shadow: 0 4px 30px rgba(0,0,0,0.3);font-size:18px;text-align:center;color:white;padding:5px;font-weight:600;">Latest post <i style="font-size:16px;" class="fa-solid fa-chevron-right"></i></div></a>';
                                }
                        ?>
                    </div>
                <div>
            </div>
        </div>
    </div>
</div>
</div>
</div>

<style>
    .modern-theme-wrapper-s20{
        width:100%;
        height:550px;
    }
    .wrapper-color-s20{
        height:100%;
        box-shadow: 0 4px 30px rgba(0,0,0,0.1);
        border-radius:20px;
        background-color:#6d9773;
        padding:40px;
    }
    .content-pannel-s20{
        width:100%;
        height:550px;
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .autor-name-s20{
        font-size:26px;
        color:#fbfdfa;
        text-align:center;
        font-weight:500;
        letter-spacing:5px;
    }
    .autor-subtitle-s20{
        font-size:19px;
        margin-top:-20px;
        font-weight:500;
        color:#fbfdfa;
    }
   .profile-img-s20{
        height:120px;
        width:120px;
        border-radius:50%;
    }
</style>


