{% extends "admin/layout.html" %}

{% block page_title %}مدیریت کلمات کلیدی{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h5 class="fw-bold"><i class="fas fa-tags" style="color:#c41e3a;"></i> بانک کلمات کلیدی</h5>
    <div>
        <a href="{{ url_for('admin_keyword_create') }}" class="btn-admin-primary">
            <i class="fas fa-plus"></i> افزودن کلمه جدید
        </a>
        <form method="POST" action="{{ url_for('admin_seo_update') }}" style="display:inline-block;">
            <button type="submit" class="btn btn-success btn-sm">
                <i class="fas fa-sync"></i> بروزرسانی سئو
            </button>
        </form>
    </div>
</div>

<div class="table-responsive table-admin">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>کلمه کلیدی</th>
                <th>دسته‌بندی</th>
                <th>اولویت</th>
                <th>حجم جستجو</th>
                <th>رقابت</th>
                <th>سختی</th>
                <th>وضعیت</th>
                <th>عملیات</th>
            </tr>
        </thead>
        <tbody>
            {% for kw in keywords %}
            <tr>
                <td><strong>{{ kw.keyword }}</strong></td>
                <td>
                    <span class="badge bg-secondary">
                        {{ CATEGORY_NAMES[kw.category]|default(kw.category|default('عمومی')) }}
                    </span>
                </td>
                <td>
                    <span class="badge bg-{% if kw.priority >= 8 %}danger{% elif kw.priority >= 5 %}warning{% else %}info{% endif %}">
                        {{ kw.priority|default(0)|persian_numbers }}
                    </span>
                </td>
                <td>{{ kw.search_volume|default(0)|persian_numbers }}</td>
                <td>
                    <div class="progress" style="width:60px;height:8px;">
                        <div class="progress-bar bg-{% if kw.competition < 0.3 %}success{% elif kw.competition < 0.6 %}warning{% else %}danger{% endif %}" 
                             style="width:{{ (kw.competition|default(0) * 100)|round|int }}%;"></div>
                    </div>
                </td>
                <td>
                    <div class="progress" style="width:60px;height:8px;">
                        <div class="progress-bar bg-{% if kw.difficulty < 30 %}success{% elif kw.difficulty < 60 %}warning{% else %}danger{% endif %}" 
                             style="width:{{ kw.difficulty|default(0) }}%;"></div>
                    </div>
                </td>
                <td>
                    <span class="badge bg-{% if kw.is_active %}success{% else %}secondary{% endif %}">
                        {% if kw.is_active %}فعال{% else %}غیرفعال{% endif %}
                    </span>
                </td>
                <td>
                    <div class="btn-group btn-group-sm">
                        <a href="{{ url_for('admin_keyword_edit', id=kw.id) }}" class="btn btn-outline-primary" title="ویرایش">
                            <i class="fas fa-edit"></i>
                        </a>
                        <a href="{{ url_for('admin_keyword_delete', id=kw.id) }}" class="btn btn-outline-danger" title="حذف" onclick="return confirm('آیا از حذف این کلمه کلیدی مطمئن هستید؟')">
                            <i class="fas fa-trash"></i>
                        </a>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}