<?php
/**
 * اسکایلر - یک پوسته مدرن، زیبا و بهینه برای تایپچو با طراحی مینیمال و ریسپانسیو
 * 
 * @package Typecho Skyler Theme
 * @author Pourdaryaei
 * @version 1.3
 * @link http://typecho.ir
 */
if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>

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

<!-- ---------- شروع حلقه نمایش پست‌ها ---------- -->
<?php while($this->next()): ?>

<article class="index-post-card">
    
    <?php 
    // ---------- منطق نمایش تصویر شاخص (بندانگشتی) ----------
    $banner = '';
    $themeDir = basename(__DIR__);
    
    // اولویت اول: فیلد سفارشی banner
    if ($this->fields->banner) {
        $banner = $this->fields->banner;
    } 
    // اولویت دوم: اولین تصویر از محتوای پست
    elseif (preg_match('/<img[^>]+src=[\'"](.*?)[\'"][^>]*>/i', $this->content, $matches)) {
        $banner = $matches[1];
    } 
    // اولویت سوم: تصویر پیش‌فرض یا تصویر تصادفی
    else {
        $defaultPath = __TYPECHO_ROOT_DIR__ . '/usr/themes/' . $themeDir . '/img/default-image.jpg';
        
        if (file_exists($defaultPath)) {
            $banner = $this->options->siteUrl . 'usr/themes/' . $themeDir . '/img/default-image.jpg';
        } else {
            $seed = $this->cid;
            $banner = 'https://picsum.photos/seed/' . $seed . '/600/400';
        }
    }
    ?>

    <!-- ---------- کانتینر تصویر شاخص ---------- -->
    <div class="index-post-thumb-wrapper">
        <a href="<?php $this->permalink(); ?>" title="<?php $this->title(); ?>">
            <img src="<?php echo $banner; ?>" alt="<?php $this->title(); ?>" loading="lazy">
        </a>
    </div>

    <!-- ---------- کانتینر محتوای پست ---------- -->
    <div class="index-post-content-wrapper">

        <?php
        // ---------- بررسی فعال بودن پلاگین بازدیدکننده ----------
        $viewsCounterActive = false;
        $plugins = Typecho_Plugin::export();
        if (isset($plugins['activated']['ViewsCounter'])) {
            $viewsCounterActive = true;
        }
        ?>

        <!-- ---------- متادیتای پست ---------- -->
        <div class="post-meta index-post-meta">
            <span class="index-meta-item"><i class="fa-regular fa-calendar"></i> <?php echo getLocalizedDate($this->created); ?></span>
            
            <span class="index-meta-item"><i class="fa-regular fa-folder"></i> <?php $this->category(', '); ?></span>
            
            <?php if ($viewsCounterActive): ?>
                <span class="index-meta-item"><i class="fa-regular fa-eye"></i> <?php echo ViewsCounter_Plugin::getViewsById($this->cid); ?></span>
            <?php endif; ?>
            
            <span class="index-meta-item"><i class="fa-regular fa-comment"></i> <?php $this->commentsNum('بدون نظر', '۱ دیدگاه', '%d دیدگاه'); ?></span>
        </div>

        <!-- ---------- عنوان پست ---------- -->
        <h2 class="index-post-title">
            <a href="<?php $this->permalink(); ?>" title="<?php $this->title(); ?>">
                <?php $this->title(); ?>
            </a>
        </h2>

        <!-- ---------- خلاصه پست ---------- -->
        <div class="index-post-excerpt">
            <?php $this->excerpt(120, '...'); ?>
        </div>

        <!-- ---------- دکمه ادامه مطلب ---------- -->
        <a href="<?php $this->permalink(); ?>" class="index-read-more">
            ادامه مطلب <i class="fa-solid fa-arrow-left-long"></i>
        </a>
    </div>
</article>

<?php endwhile; ?>
<!-- ---------- پایان حلقه پست‌ها ---------- -->

<!-- ---------- صفحه‌بندی ---------- -->
<div class="comments-page-navigator">
    <?php $this->pageNav('&laquo; قبلی', 'بعدی &raquo;'); ?>
</div>

</main>
<!-- ---------- پایان بخش محتوای اصلی ---------- -->

<!-- ---------- فراخوانی سایدبار ---------- -->
<?php $this->need('sidebar.php'); ?>

</div>
<!-- ---------- پایان کانتینر اصلی ---------- -->

<!-- ---------- فراخوانی فوتر ---------- -->
<?php $this->need('footer.php'); ?>