{% extends 'base.html' %}
{% load static %}

{% block title %}گالری تصاویر | دکتر علی جعفری{% endblock %}

{% block content %}
<section class="page-header">
    <div class="container">
        <h1>گالری تصاویر</h1>
        <p>نمونه‌هایی از محیط کلینیک و اتاق عمل</p>
    </div>
</section>

<section class="gallery-page">
    <div class="container">
        <div class="gallery-grid">
            {% for img in images %}
            <div class="gallery-item">
                <img src="{{ img.image.url }}" alt="{{ img.title|default:'تصویر گالری' }}" loading="lazy">
            </div>
            {% empty %}
            <p style="grid-column: 1 / -1; text-align: center; color: #64748b;">
                هنوز تصویری در گالری ثبت نشده است.
            </p>
            {% endfor %}
        </div>
    </div>
</section>
{% endblock %}