{% 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="services-page">
    <div class="container">
        <div class="services-grid">
            {% for service in services %}
            <div class="service-card">
                <div class="service-icon">
                    {% if service.icon %}
                        <i class="fas {{ service.icon }}"></i>
                    {% else %}
                        <i class="fas fa-brain"></i>
                    {% endif %}
                </div>
                <h3>{{ service.title }}</h3>
                <p>{{ service.short_description|truncatewords:25 }}</p>
                <a href="{% url 'contact' %}" class="btn btn-outline-dark btn-sm">درخواست مشاوره</a>
            </div>
            {% empty %}
            <p class="text-center">هنوز خدمتی ثبت نشده است.</p>
            {% endfor %}
        </div>
    </div>
</section>
{% endblock %}