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

{% block breadcrumb %}
/ <span>{{ model_name }}</span>
{% endblock %}

{% block content %}
<div class="card">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
        <h2>{{ title }}</h2>
        <a href="/admin/{{ model_name }}/add/" class="btn btn-success">+ Yangi qo'shish</a>
    </div>
    
    {% if has_search %}
    <div class="search-box">
        <form method="get">
            <input type="text" name="search" placeholder="Qidirish..." value="{{ search }}">
            <button type="submit" class="btn btn-sm">Qidirish</button>
        </form>
    </div>
    {% endif %}
    
    {% if items %}
    <table>
        <thead>
            <tr>
                {% for field in list_display %}
                <th>{{ field }}</th>
                {% endfor %}
                <th>Amallar</th>
            </tr>
        </thead>
        <tbody>
            {% for item in items %}
            <tr>
                {% for field in list_display %}
                <td>{{ item[field] }}</td>
                {% endfor %}
                <td>
                    <a href="/admin/{{ model_name }}/{{ item.id }}/" class="btn btn-sm">Tahrirlash</a>
                    <form method="post" action="/admin/{{ model_name }}/{{ item.id }}/delete/" style="display: inline;">
                        <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Rostdan ham o\'chirmoqchimisiz?')">O'chirish</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    
    {% if total_pages > 1 %}
    <div class="pagination">
        {% if page > 1 %}
        <a href="?page={{ page - 1 }}{% if search %}&search={{ search }}{% endif %}">← Oldingi</a>
        {% endif %}
        
        {% for p in range(1, total_pages + 1) %}
            {% if p == page %}
            <span class="active">{{ p }}</span>
            {% else %}
            <a href="?page={{ p }}{% if search %}&search={{ search }}{% endif %}">{{ p }}</a>
            {% endif %}
        {% endfor %}
        
        {% if page < total_pages %}
        <a href="?page={{ page + 1 }}{% if search %}&search={{ search }}{% endif %}">Keyingi →</a>
        {% endif %}
    </div>
    {% endif %}
    
    <p style="margin-top: 1rem; color: #666;">Jami: {{ total }} ta</p>
    {% else %}
    <p>Ma'lumotlar topilmadi.</p>
    {% endif %}
</div>
{% endblock %}