<div id="panel-1" class="content panel active ">
    <main>
        <div class="bar row">
            <div class="col-6 col-md-3 ">
                <div class="item" style="background-color: #2298f1;">
                    <a href="javascript:;"></a>
                    <p class="num photos">0</p>
                    <p>نوشته ها</p>
                </div>
            </div>
            <div class="col-6 col-md-3 ">
                <div class="item" style="background-color: #66b92e;">
                    <a href="javascript:;"></a>
                    <p class="num videos">0</p>
                    <p>دیدگاه ها</p>
                </div>
            </div>
            <div class="col-6 col-md-3 ">
                <div class=" item" style="background-color: #da932c;">
                    <a href=" javascript:;"></a>
                    <p class="num connections">0</p>
                    <p>کاربران</p>
                </div>
            </div>
            <div class="col-6 col-md-3 ">
                <div class="item" style="background-color: #d65b4a;">
                    <a href="javascript:;"></a>
                    <p class="num mixes">0</p>
                    <p>نویسنده ها</p>
                </div>
            </div>
        </div>
        <div class="info">
            <h1>مشخصات </h1>
            <ul>
                <?php $current_user = wp_get_current_user(); ?>
                <li>
                    <i class="fal fa-user-tie"></i>
                    <?php echo _e(' ', 'liosa') . $current_user->user_firstname . ' ' . $current_user->user_lastname . '<br />'; ?>
                </li>
                <li>
                    <i class="fal fa-user"></i>
                    <?php echo _e(' ', 'liosa') . $current_user->user_login . '<br />'; ?>
                </li>
                <li>
                    <i class="fal fa-phone-rotary"></i>
                    <?php echo the_author_meta('phone_number', $current_user->ID); ?>
                </li>
                <li>
                    <i class="fal fa-user-tag"></i>
                    <?php echo _e(' ', 'liosa') . $current_user->roles[0] . '<br />'; ?>
                </li>
                <li>
                    <i class="fal fa-map-marker" aria-hidden="true"></i>
                    <?php echo the_author_meta('location', $current_user->ID); ?>
                </li>
                <li>
                    <i class="fal fa-envelope"></i>
                    <?php echo _e(' ', 'liosa') . $current_user->user_email . '<br />'; ?>
                </li>
            </ul>
        </div>
        <div class="post-profile-user">
            <section class="background_box_article col-12">
                <header class="title-five">
                    <a class="inner-card" href="<?php the_permalink(); ?>">
                        <h4 class="Survey-title">مطالب اخیر</h4>
                    </a>
                </header>
                <?php
                $args = array(
                    'post_type' => 'post',
                    'posts_per_page' => '4',
                );

                $post_query = new WP_Query($args);

                if ($post_query->have_posts()) :
                    while ($post_query->have_posts()) :
                        $post_query->the_post();
                ?>
                        <div class="col-12 col-xl-3 col-md-3 col-sm-6 col-xs-6 right">
                            <article class="cardarea">
                                <div class="card__thumb">
                                    <a href="<?php the_permalink(); ?>">
                                        <?php
                                        if (has_post_thumbnail()) {
                                            the_post_thumbnail(array(300, 300), array('alt' => '' . get_the_title(), 'title' => '' . get_the_title() . ''));
                                        } else { ?>
                                            <img src="<?php print(get_template_directory_uri()); ?>/assets/images/thumb.gif" width="60" height="60" alt="<?php _e('Image not found', 'liosa'); ?>" title="<?php _e('Image not found', 'liosa'); ?>">
                                        <?php } ?>
                                    </a>
                                </div>
                                <div class="card__body">
                                    <div class="card__title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
                                    <p class="card__description">
                                        <span class="writer-VI social_sh">
                                            <span class="author"><?php the_author(); ?></span>
                                            <br>
                                            <a class="tlg" href="https://t.me/share/url?url=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>" title="share on Telegram" rel="nofollow" target="_blank">
                                                <i class="fal fa-paper-plane" aria-hidden="true"></i></a>
                                            <a rel="nofollow" target="_blank" class="what-area" href="whatsapp://send?text=<?php the_permalink(); ?>" data-action="share/whatsapp/share">
                                                <i class="fab fa-whatsapp" aria-hidden="true"></i></a>
                                            <a class="in-area" href="http://www.linkedin.com/shareArticle?mini=true&amp;title=<?php the_title(); ?>&amp;url=<?php the_permalink(); ?>" title="Share on LinkedIn" rel="external nofollow" rel="nofollow" target="_blank">
                                                <i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
                                            <a class="face-area" href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="_blank">
                                                <i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                                            <a class="twit-area" href="https://twitter.com/home?status=Reading: <?php the_permalink(); ?>" title="Share this post on Twitter!" target="_blank">
                                                <i class="fab fa-twitter" aria-hidden="true"></i></a>
                                        </span>
                                    </p>
                                </div>
                            </article>
                        </div>
                    <?php endwhile; ?>
                <?php endif; ?>
        </div>
        </section>
    </main>
</div>