{% extends 'base_manga.html' %}

{% block title %}{{ manga.original_title }} - Страница {{ page_number }}{% endblock %}

{% block page_title %}
    <span>-</span>
    <span>Страница {{ page_number }}</span>
{% endblock %}

{% block content %}
<div class="image-scaling-container">
    <img src="{{ img_url }}" alt="Страница {{ page_number }}" class="scalable-image">
</div>
{% endblock %}

{% block page_options %}
    <option value="{% url 'show_manga' manga.id %}">🔍 Превью</option>
    {% for img in manga.imgs_manga %}
        <option value="{% url 'show_manga_page' manga.id forloop.counter %}" 
                {% if forloop.counter == page_number %}selected{% endif %}>
            Страница {{ forloop.counter }}
        </option>
    {% endfor %}
{% endblock %}

{% block page_buttons %}
    {% if page_number > 1 %}
        <a href="{% url 'show_manga_page' manga.id page_number|add:'-1' %}" class="nav-button">← Назад</a>
    {% endif %}
    {% if page_number < manga.len_manga %}
        <a href="{% url 'show_manga_page' manga.id page_number|add:'1' %}" class="nav-button">Вперед →</a>
    {% endif %}
{% endblock %}