<?php require APP_ROOT . '/views/layouts/header.php'; ?>

<div class="mb-6 flex items-center justify-between flex-wrap gap-3">
    <h1 class="text-2xl font-bold"><?= Lang::get('admin_articles') ?></h1>
    <div class="flex items-center gap-2">
        <a href="<?= APP_URL ?>/admin" class="btn-gradient btn-gradient-gray btn-gradient-sm"><?= Lang::get('back') ?></a>
        <a href="<?= APP_URL ?>/admin/articles/create" class="btn-gradient btn-gradient-blue btn-gradient-sm">
            + <?= Lang::get('article_new') ?>
        </a>
    </div>
</div>

<form method="GET" class="mb-4">
    <input type="search" name="q" value="<?= htmlspecialchars($_GET['q'] ?? '') ?>" placeholder="<?= htmlspecialchars(Lang::get('search_articles')) ?>" class="w-full max-w-sm px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800">
</form>

<div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm text-left">
            <thead class="bg-gray-50 dark:bg-gray-700 text-gray-600 dark:text-gray-300 uppercase text-xs">
                <tr>
                    <th class="px-4 py-3"><?= Lang::get('title') ?></th>
                    <th class="px-4 py-3"><?= Lang::get('category') ?></th>
                    <th class="px-4 py-3"><?= Lang::get('locale') ?></th>
                    <th class="px-4 py-3"><?= Lang::get('status') ?></th>
                    <th class="px-4 py-3"><?= Lang::get('published_on') ?></th>
                    <th class="px-4 py-3"><?= Lang::get('views') ?></th>
                    <th class="px-4 py-3"><?= Lang::get('actions') ?></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
                <?php if (empty($articles)): ?>
                <tr><td colspan="7" class="px-4 py-8 text-center text-gray-500 dark:text-gray-400"><?= Lang::get('no_articles_found') ?></td></tr>
                <?php endif; ?>
                <?php foreach ($articles as $a): ?>
                <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
                    <td class="px-4 py-3">
                        <div class="font-medium text-gray-900 dark:text-gray-100"><?= htmlspecialchars($a['title']) ?></div>
                        <div class="text-xs text-gray-500 dark:text-gray-400">/<?= htmlspecialchars($a['slug']) ?></div>
                    </td>
                    <td class="px-4 py-3 text-gray-700 dark:text-gray-300"><?= htmlspecialchars($a['category_name'] ?? '—') ?></td>
                    <td class="px-4 py-3 text-gray-700 dark:text-gray-300 uppercase text-xs"><?= htmlspecialchars($a['locale']) ?></td>
                    <td class="px-4 py-3">
                        <?php if ($a['status'] === 'published'): ?>
                            <span class="px-2 py-0.5 text-xs rounded-full bg-green-100 text-green-700 dark:bg-green-900/40 dark:text-green-300">● <?= Lang::get('status_published') ?></span>
                        <?php else: ?>
                            <span class="px-2 py-0.5 text-xs rounded-full bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">○ <?= Lang::get('status_draft') ?></span>
                        <?php endif; ?>
                    </td>
                    <td class="px-4 py-3 text-gray-600 dark:text-gray-400 text-xs"><?= $a['published_at'] ? htmlspecialchars(date('Y-m-d', strtotime($a['published_at']))) : '—' ?></td>
                    <td class="px-4 py-3 text-gray-600 dark:text-gray-400"><?= (int)$a['views'] ?></td>
                    <td class="px-4 py-3">
                        <div class="flex items-center gap-2">
                            <?php if ($a['status'] === 'published'): ?>
                                <a href="<?= APP_URL ?>/articles/<?= htmlspecialchars($a['slug']) ?>" target="_blank" class="text-xs text-primary-600 dark:text-primary-400 hover:underline"><?= Lang::get('view') ?></a>
                            <?php endif; ?>
                            <a href="<?= APP_URL ?>/admin/articles/<?= (int)$a['id'] ?>/edit" class="text-xs text-gray-700 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400"><?= Lang::get('edit') ?></a>
                            <a href="<?= APP_URL ?>/admin/articles/<?= (int)$a['id'] ?>/delete" class="text-xs text-red-600 dark:text-red-400 hover:underline" onclick="return confirm('<?= htmlspecialchars(Lang::get('confirm_delete')) ?>');"><?= Lang::get('delete') ?></a>
                        </div>
                    </td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>

<?php require APP_ROOT . '/views/layouts/footer.php'; ?>
