<?php
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
/**
 * درباره من
 * 
 *
 * @package custom
 */
?>
<?php $this->need('header.php'); ?>

</div>

<div class="container page-about-wrapper">
    
    <!-- ---------- بخش هدر درباره من ---------- -->
    <div class="about-hero">
        
        <!-- ---------- محتوای متنی ---------- -->
        <div class="about-content">
            <span class="about-badge">درباره من</span>
            <h1>نام و نام خانوادگی</h1>
            
            <div class="about-intro">
                <?php $this->content(); ?>
            </div>
            
            <!-- ---------- شبکه‌های اجتماعی ---------- -->
            <div class="about-socials">
                <?php if($this->options->socialTelegram): ?>
                <a href="<?php $this->options->socialTelegram(); ?>" target="_blank"><i class="fa-brands fa-telegram"></i></a>
                <?php endif; ?>
                <?php if($this->options->socialGithub): ?>
                <a href="<?php $this->options->socialGithub(); ?>" target="_blank"><i class="fa-brands fa-github"></i></a>
                <?php endif; ?>
                <?php if($this->options->socialInstagram): ?>
                <a href="<?php $this->options->socialInstagram(); ?>" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                <?php endif; ?>
                <?php if($this->options->socialTwitter): ?>
                <a href="<?php $this->options->socialTwitter(); ?>" target="_blank"><i class="fa-brands fa-twitter"></i></a>
                <?php endif; ?>
                <?php if($this->options->socialLinkedin): ?>
                <a href="<?php $this->options->socialLinkedin(); ?>" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
                <?php endif; ?>
            </div>
        </div>
        
        <!-- ---------- تصویر آواتار ---------- -->
        <div class="about-image">
            <?php 
            // ---------- منطق نمایش آواتار نویسنده (اولویت: پنل > گراواتار > onerror) ----------
            $avatarUrl = '';
            
            // اولویت اول: آواتار تعریف شده در تنظیمات پنل
            if ($this->options->authorAvatar) {
                $avatarUrl = $this->options->authorAvatar;
            } 
            // اولویت دوم: گراواتار بر اساس ایمیل مدیر
            else {
                $adminEmail = '';
                try {
                    $db = Typecho_Db::get();
                    $adminUser = $db->fetchRow($db->select('mail')->from('table.users')->where('table.users.group = ?', 'administrator')->limit(1));
                    if ($adminUser && !empty($adminUser['mail'])) {
                        $adminEmail = trim($adminUser['mail']);
                    }
                } catch (Exception $e) {
                    $adminEmail = '';
                }
                
                if (!empty($adminEmail)) {
                    $avatarUrl = 'https://www.gravatar.com/avatar/' . md5(strtolower($adminEmail)) . '?s=200&d=mp&r=g';
                }
            }
            ?>
            
            <!-- ---------- تگ تصویر با onerror برای fallback نهایی ---------- -->
            <img src="<?php echo $avatarUrl; ?>" 
                 alt="<?php $this->author(); ?>" 
                 class="about-avatar-img"
                 loading="lazy"
                 onerror="this.onerror=null; this.src='<?php echo $this->options->themeUrl('img/avatar-default.png'); ?>';">
        </div>
    </div>

    <!-- ---------- بخش دعوت به اقدام (CTA) ---------- -->
    <div class="about-cta">
        <p><?php echo $this->options->aboutCtaText ?: 'برای ارتباط با من یا دنبال کردن فعالیت‌هایم می‌تونید به لینک‌تری من سر بزنید یا از طریق شبکه‌های اجتماعی با من در تماس باشید.'; ?></p>
        <a href="<?php $this->options->siteUrl(); ?>links" class="btn-primary">
            <i class="fa-solid fa-link"></i> لینک‌های من
        </a>
    </div>

</div>

<?php $this->need('footer.php'); ?>