{% extends "programmer/base.html" %}
{% load static %}

{% block content %}
<div class="page-header">
    <h1 class="page-title">Прайс-лист на услуги</h1>
    <p class="page-subtitle">Актуальные цены на услуги программиста 1С</p>
</div>

<div class="content-card">
    <!-- Информационный блок о ценах -->
    <div class="alert alert-info mb-4" role="alert">
        <strong>ℹ️ Обратите внимание!</strong> В прайс-листе указаны <strong>минимальные цены (ставка часа)</strong> на услуги.
        Итоговая стоимость рассчитывается индивидуально в зависимости от объёма и сложности работ.
        Для разовых заказов цена может отличаться — пожалуйста, <a href="#" onclick="CallbackModal.open(); return false;" class="alert-link">уточняйте точную стоимость</a> при обращении.
        При долгосрочном сотрудничестве мы предлагаем гибкие условия и скидки.
    </div>

    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>№</th>
                    <th>Наименование услуги</th>
                    <th>Цена, ₽/ч</th>
                </tr>
            </thead>
            <tbody>
                {% for item in price_items %}
                <tr>
                    <td>{{ forloop.counter }}</td>
                    <td>{{ item.name }}</td>
                    <td>{{ item.price|floatformat:0 }}</td>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="3" class="text-center">Прайс-лист временно недоступен</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <div class="text-muted mt-3">
        <small>Обновлено: {% if price_items %}{{ price_items.0.updated_at|date:"d.m.Y H:i" }}{% else %}нет данных{% endif %}</small>
    </div>
    {% if user.is_staff %}
    <div class="mt-3">
        <a href="{% url 'prices:admin_update_prices' %}" class="btn btn-secondary btn-sm">
            🔄 Обновить прайс (админ)
        </a>
    </div>
    {% endif %}
</div>
{% endblock %}