{% 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="articles-page">
    <div class="container">
        <div class="articles-grid">
            {% for article in articles %}
            <a href="{% url 'article_detail' article.slug %}" class="article-card">
                <div class="article-image">
                    <img src="{{ article.image.url }}" alt="{{ article.title }}" loading="lazy">
                </div>
                <div class="article-content">
                    {% if article.category %}
                    <span class="article-category">{{ article.category }}</span>
                    {% endif %}
                    <h2 class="article-title">{{ article.title }}</h2>
                    <p class="article-summary">{{ article.summary|truncatewords:20 }}</p>
                </div>
            </a>
            {% empty %}
            <div class="empty-state">
                <i class="fas fa-newspaper"></i>
                <p>هنوز مقاله‌ای منتشر نشده است.</p>
            </div>
            {% endfor %}
        </div>
    </div>
</section>
{% endblock %}