{% extends "base.html" %}
{% block title %}پلن‌ها{% endblock %}
{% block content %}
<div class="page-header d-flex justify-content-between align-items-center">
    <h3>مدیریت پلن‌ها</h3>
    <a href="{{ url_for('plan_add') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg"></i> افزودن پلن
    </a>
</div>

<div class="card card-dark mb-4">
    <div class="card-header"><i class="bi bi-chat-text"></i> متن هدر پلن‌ها</div>
    <div class="card-body">
        <form method="POST" action="{{ url_for('plans_save_header') }}">
            <div class="mb-3">
                <label class="form-label">متن نمایش داده شده بالای پلن‌ها در ربات</label>
                <textarea name="plans_header_text" class="form-control" rows="3" placeholder="متن هدر را وارد کنید...">{{ plans_header }}</textarea>
                <div class="form-text">از تگ‌های HTML مانند &lt;b&gt;بولد&lt;/b&gt; استفاده کنید</div>
            </div>
            <button type="submit" class="btn btn-success"><i class="bi bi-check-lg"></i> ذخیره هدر</button>
        </form>
    </div>
</div>

<div class="card card-dark">
    <div class="table-responsive">
        <table class="table table-dark align-middle mb-0">
            <thead>
                <tr>
                    <th>شناسه</th>
                    <th>نام</th>
                    <th>حجم</th>
                    <th>مدت</th>
                    <th>قیمت</th>
                    <th>اینباندها</th>
                    <th>وضعیت</th>
                    <th>عملیات</th>
                </tr>
            </thead>
            <tbody>
                {% for plan in plans %}
                <tr>
                    <td>{{ plan.id }}</td>
                    <td><strong>{{ plan.name }}</strong></td>
                    <td>{{ plan.gb }} GB</td>
                    <td>{{ plan.days }} روز</td>
                    <td>{{ "{:,}".format(plan.price) }} {{ symbol }}</td>
                    <td><code>{{ plan.inbound_ids or 'جهانی' }}</code></td>
                    <td>
                        {% if plan.is_active %}
                        <span class="badge badge-active">فعال</span>
                        {% else %}
                        <span class="badge badge-expired">غیرفعال</span>
                        {% endif %}
                    </td>
                    <td>
                        <a href="{{ url_for('plan_edit', plan_id=plan.id) }}" class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-pencil"></i>
                        </a>
                        <form method="POST" action="{{ url_for('plan_delete', plan_id=plan.id) }}" class="d-inline"
                              onsubmit="return confirm('آیا این پلن را حذف می‌کنید؟')">
                            <button type="submit" class="btn btn-sm btn-outline-danger">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
                {% if not plans %}
                <tr>
                    <td colspan="8" class="text-center text-muted py-4">پلنی یافت نشد</td>
                </tr>
                {% endif %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}