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

{% block page_title %}مدیریت سایتمپ{% endblock %}

{% block content %}

<!-- ===== کارت‌های اصلی ===== -->
<div class="row g-4">
    <div class="col-md-6">
        <div class="stat-card text-center">
            <div class="icon" style="background:rgba(196,30,58,0.1);color:#c41e3a;margin:0 auto 10px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;">
                <i class="fas fa-sitemap"></i>
            </div>
            <h5 class="fw-bold mt-2">سایتمپ</h5>
            <h2 class="fw-bold text-primary">{{ urls|length|default(0)|persian_numbers }}</h2>
            <p class="text-secondary small">تعداد URLها</p>
            <div class="d-flex gap-2 justify-content-center flex-wrap">
                <a href="{{ url_for('admin_sitemap_generate') }}" class="btn-admin-primary" onclick="return confirm('آیا از تولید مجدد سایتمپ مطمئن هستید؟');">
                    <i class="fas fa-sync"></i> تولید مجدد
                </a>
                <a href="/sitemap.xml" target="_blank" class="btn btn-outline-primary rounded-pill">
                    <i class="fas fa-eye"></i> مشاهده
                </a>
                <a href="{{ url_for('admin_sitemap_submit') }}" class="btn btn-success rounded-pill" onclick="return confirm('آیا از ارسال سایتمپ به گوگل و بینگ مطمئن هستید؟');">
                    <i class="fas fa-paper-plane"></i> ارسال به گوگل
                </a>
            </div>
            <div class="mt-2">
                <small class="text-muted">
                    <i class="fas fa-clock"></i> آخرین بروزرسانی: {{ seo_settings.last_update|default('هنوز بروزرسانی نشده') }}
                </small>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="stat-card text-center">
            <div class="icon" style="background:rgba(23,162,184,0.1);color:#17a2b8;margin:0 auto 10px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;">
                <i class="fas fa-robot"></i>
            </div>
            <h5 class="fw-bold mt-2">robots.txt</h5>
            <div class="mt-2">
                <span class="badge {% if robots_exists %}bg-success{% else %}bg-danger{% endif %}" style="font-size:1rem;padding:8px 20px;">
                    {% if robots_exists %}✅ موجود{% else %}❌ ایجاد نشده{% endif %}
                </span>
            </div>
            <p class="text-secondary small mt-2">دستورالعمل خزنده‌های موتورهای جستجو</p>
            <div class="d-flex gap-2 justify-content-center flex-wrap">
                <a href="/robots.txt" target="_blank" class="btn btn-outline-primary rounded-pill">
                    <i class="fas fa-eye"></i> مشاهده
                </a>
                <a href="{{ url_for('admin_robots_edit') }}" class="btn-admin-primary">
                    <i class="fas fa-edit"></i> ویرایش
                </a>
            </div>
        </div>
    </div>
</div>

<!-- ===== آمار URLها بر اساس نوع ===== -->
<div class="row g-4 mt-2">
    <div class="col-12">
        <div class="stat-card">
            <h6 class="fw-bold mb-3"><i class="fas fa-chart-pie" style="color:#c41e3a;"></i> آمار URLها بر اساس نوع</h6>
            <div class="row g-3">
                <div class="col-4 col-md-2">
                    <div class="text-center p-2 bg-light rounded-3">
                        <div class="h5 mb-0 text-danger">{{ urls|selectattr('priority', '==', '1.0')|list|length|persian_numbers }}</div>
                        <small class="text-muted">صفحه اصلی</small>
                    </div>
                </div>
                <div class="col-4 col-md-2">
                    <div class="text-center p-2 bg-light rounded-3">
                        <div class="h5 mb-0 text-warning">{{ urls|selectattr('priority', '==', '0.9')|list|length|persian_numbers }}</div>
                        <small class="text-muted">اولویت بالا</small>
                    </div>
                </div>
                <div class="col-4 col-md-2">
                    <div class="text-center p-2 bg-light rounded-3">
                        <div class="h5 mb-0 text-info">{{ urls|selectattr('priority', '==', '0.8')|list|length|persian_numbers }}</div>
                        <small class="text-muted">اولویت متوسط</small>
                    </div>
                </div>
                <div class="col-4 col-md-2">
                    <div class="text-center p-2 bg-light rounded-3">
                        <div class="h5 mb-0 text-secondary">{{ urls|selectattr('priority', '==', '0.7')|list|length|persian_numbers }}</div>
                        <small class="text-muted">اولویت پایین</small>
                    </div>
                </div>
                <div class="col-4 col-md-2">
                    <div class="text-center p-2 bg-light rounded-3">
                        <div class="h5 mb-0 text-success">{{ urls|selectattr('changefreq', '==', 'daily')|list|length|persian_numbers }}</div>
                        <small class="text-muted">تغییر روزانه</small>
                    </div>
                </div>
                <div class="col-4 col-md-2">
                    <div class="text-center p-2 bg-light rounded-3">
                        <div class="h5 mb-0 text-primary">{{ urls|selectattr('changefreq', '==', 'weekly')|list|length|persian_numbers }}</div>
                        <small class="text-muted">تغییر هفتگی</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- ===== لیست URLهای سایتمپ ===== -->
<div class="row mt-3">
    <div class="col-12">
        <div class="stat-card">
            <div class="d-flex justify-content-between align-items-center flex-wrap mb-3">
                <h6 class="fw-bold mb-0"><i class="fas fa-list" style="color:#c41e3a;"></i> لیست URLهای سایتمپ</h6>
                <span class="badge bg-secondary">{{ urls|length|persian_numbers }} URL</span>
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead>
                        <tr>
                            <th style="width:40px;">#</th>
                            <th>آدرس</th>
                            <th style="width:100px;">اولویت</th>
                            <th style="width:120px;">تغییرات</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if urls %}
                            {% for url in urls %}
                            <tr>
                                <td>{{ loop.index|persian_numbers }}</td>
                                <td><code style="font-size:0.8rem;">{{ url.url }}</code></td>
                                <td>
                                    <span class="badge bg-{% if url.priority == '1.0' %}danger{% elif url.priority >= '0.8' %}warning{% else %}info{% endif %}" style="font-size:0.7rem;">
                                        {{ url.priority }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge bg-light text-dark" style="font-size:0.65rem;">
                                        {% if url.changefreq == 'daily' %}روزانه
                                        {% elif url.changefreq == 'weekly' %}هفتگی
                                        {% elif url.changefreq == 'monthly' %}ماهانه
                                        {% else %}{{ url.changefreq }}{% endif %}
                                    </span>
                                </td>
                            </tr>
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan="4" class="text-center text-secondary py-4">
                                    <i class="fas fa-inbox" style="font-size:2rem;opacity:0.3;"></i>
                                    <p class="mt-2 mb-0">هیچ URLی در سایتمپ ثبت نشده است.</p>
                                    <a href="{{ url_for('admin_sitemap_generate') }}" class="btn btn-primary btn-sm mt-2">
                                        <i class="fas fa-sync"></i> تولید سایتمپ
                                    </a>
                                </td>
                            </tr>
                        {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- ===== راهنما ===== -->
<div class="row mt-3">
    <div class="col-12">
        <div class="stat-card" style="background:#f8f9fa;">
            <h6 class="fw-bold mb-2"><i class="fas fa-info-circle text-info"></i> راهنما</h6>
            <ul class="text-secondary small mb-0" style="padding-right:1.2rem;">
                <li>سایتمپ به موتورهای جستجو کمک می‌کند صفحات سایت شما را پیدا کنند</li>
                <li>اولویت ۱.۰ بالاترین اولویت و ۰.۱ پایین‌ترین اولویت است</li>
                <li>تغییرات روزانه برای صفحاتی که مرتباً بروز می‌شوند مناسب است</li>
                <li>پس از تولید سایتمپ، آن را به گوگل و بینگ ارسال کنید</li>
                <li>فایل robots.txt به خزنده‌ها می‌گوید کدام صفحات را ایندکس کنند</li>
            </ul>
        </div>
    </div>
</div>

{% endblock %}