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

{% block title %}دکتر علی جعفری | جراح مغز و اعصاب{% endblock %}

{% block content %}
<!-- هیرو -->
<section class="hero">
    <div class="container hero-grid">
        <div class="hero-text">
            <h1>دکتر علی جعفری<br><span>متخصص جراحی مغز و اعصاب</span></h1>
            <p class="hero-subtitle">فلوشیپ جراحی‌های قاعده جمجمه</p>
            <p>با بیش از ۱۵ سال تجربه در جراحی تومورهای مغز، ستون فقرات و بیماری‌های قاعده جمجمه</p>
            <div class="hero-btns">
                <a href="tel:09351708842" class="btn btn-dark">
                    <i class="fas fa-phone-alt"></i>
                    تماس برای نوبت
                </a>
                <a href="#locations" class="btn btn-outline-dark">
                    <i class="fas fa-map-marker-alt"></i>
                    مشاهده آدرس
                </a>
            </div>
        </div>
        <div class="hero-image">
            <img src="{% static 'images/doctor.png' %}" alt="دکتر علی جعفری">
        </div>
    </div>
</section>

<!-- حوزه‌های تخصصی (داینامیک) -->
<section class="specialties">
    <div class="container">
        <h2 class="section-title">حوزه‌های تخصصی</h2>
        <div class="specialties-grid">
            {% for service in services %}
            <div class="specialty-item">
                <div class="icon"><i class="fas {{ service.icon|default:'fa-brain' }}"></i></div>
                <h3>{{ service.title }}</h3>
            </div>
            {% empty %}
            <!-- اگر هنوز داده نذاشتی این‌ها نمایش داده می‌شن -->
            <div class="specialty-item"><div class="icon"><i class="fas fa-brain"></i></div><h3>جراحی تومورهای مغز</h3></div>
            <div class="specialty-item"><div class="icon"><i class="fas fa-bone"></i></div><h3>جراحی تومور نخاع</h3></div>
            <div class="specialty-item"><div class="icon"><i class="fas fa-spine"></i></div><h3>دیسک ستون فقرات</h3></div>
            <div class="specialty-item"><div class="icon"><i class="fas fa-head-side-virus"></i></div><h3>نورالژی تریژمینال</h3></div>
            <div class="specialty-item"><div class="icon"><i class="fas fa-heartbeat"></i></div><h3>بیماری‌های عروقی مغز</h3></div>
            {% endfor %}
        </div>
    </div>
</section>

<!-- درباره دکتر -->
<section class="about-section">
    <div class="container about-grid">
        <div class="about-content">
            <h2>درباره دکتر</h2>
            <p>دکتر علی جعفری متخصص جراحی مغز و اعصاب و فلوشیپ جراحی‌های قاعده جمجمه است. ایشان دوره پزشکی عمومی را در دانشگاه علوم پزشکی یزد و تخصص جراحی مغز و اعصاب و فلوشیپ قاعده جمجمه را در دانشگاه علوم پزشکی شهید بهشتی گذرانده‌اند و از سال ۱۳۹۰ تاکنون به درمان بیماران مشغول هستند.</p>
            <ul class="check-list">
                <li><i class="fas fa-check-circle"></i> متخصص جراحی مغز و اعصاب</li>
                <li><i class="fas fa-check-circle"></i> فلوشیپ جراحی‌های قاعده جمجمه – دانشگاه شهید بهشتی</li>
                <li><i class="fas fa-check-circle"></i> بیش از ۱۵ سال سابقه جراحی موفق</li>
                <li><i class="fas fa-check-circle"></i> تخصص در تومورهای مغز، هیپوفیز و قاعده جمجمه</li>
            </ul>
            <a href="{% url 'about' %}" class="btn btn-dark">مشاهده رزومه کامل</a>
        </div>
        <div class="about-image">
            <img src="{% static 'images/surgery.jpg' %}" alt="اتاق عمل">
        </div>
    </div>
</section>

<!-- مطب و کلینیک -->
<section class="locations" id="locations">
    <div class="container">
        <h2 class="section-title">مطب و کلینیک</h2>
        <div class="locations-grid">
            <div class="location-card">
                <div class="location-icon"><i class="fas fa-user-md"></i></div>
                <h3>مطب شخصی</h3>
                <p><i class="fas fa-map-marker-alt"></i> الهیه، خیابان حسابی، بن‌بست نفیسی، بن‌بست پولاد پلاک ۲</p>
                <p><i class="fas fa-clock"></i> روزهای دوشنبه – ساعت ۱۲</p>
               <p><i class="fas fa-phone"></i> <a href="tel:{{ site_setting.phone|default:'09351708842' }}">{{ site_setting.phone|default:'۰۹۳۵۱۷۰۸۸۴۲' }}</a></p>
                <div class="nav-apps">
                    <a href="https://www.google.com/maps/search/?api=1&query=تهران+الهیه+خیابان+حسابی+بن+بست+نفیسی+بن+بست+پولاد+پلاک+۲" target="_blank" class="nav-btn google">گوگل مپ</a>
                    <a href="https://waze.com/ul?q=تهران+الهیه+خیابان+حسابی+بن+بست+نفیسی" target="_blank" class="nav-btn waze">ویز</a>
                    <a href="https://neshan.org/maps/" target="_blank" class="nav-btn neshan">نشان</a>
                </div>
            </div>
            <div class="location-card">
                <div class="location-icon"><i class="fas fa-hospital"></i></div>
                <h3>کلینیک بیمارستان عرفان نیایش</h3>
                <p><i class="fas fa-map-marker-alt"></i> کلینیک بیمارستان عرفان نیایش</p>
                <p><i class="fas fa-clock"></i> روزهای چهارشنبه – ساعت ۱۰</p>
               <p><i class="fas fa-phone"></i> <a href="tel:{{ site_setting.phone|default:'09351708842' }}">{{ site_setting.phone|default:'۰۹۳۵۱۷۰۸۸۴۲' }}</a></p>
                <div class="nav-apps">
                    <a href="https://www.google.com/maps/search/?api=1&query=بیمارستان+عرفان+نیایش" target="_blank" class="nav-btn google">گوگل مپ</a>
                    <a href="https://waze.com/ul?q=بیمارستان+عرفان+نیایش" target="_blank" class="nav-btn waze">ویز</a>
                    <a href="https://neshan.org/maps/" target="_blank" class="nav-btn neshan">نشان</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==================== نظرات بیماران ==================== -->
{% if testimonials %}
<section class="testimonials-section">
    <div class="container">
        <h2 class="section-title">نظرات بیماران</h2>
        <div class="testimonials-grid">
            {% for t in testimonials %}
            <div class="testimonial-card">
                <div class="testimonial-stars">
                    {% for i in "x"|rjust:t.rating %}
                    <i class="fas fa-star"></i>
                    {% endfor %}
                </div>
                <p class="testimonial-text">"{{ t.content }}"</p>
                <div class="testimonial-author">
                    <strong>{{ t.name }}</strong>
                    {% if t.title %}<span>{{ t.title }}</span>{% endif %}
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>
{% endif %}

<!-- ==================== سوالات متداول ==================== -->
{% if faqs %}
<section class="faq-section">
    <div class="container">
        <h2 class="section-title">سوالات متداول</h2>
        <div class="faq-list">
            {% for faq in faqs %}
            <div class="faq-item">
                <button class="faq-question" type="button">
                    <span>{{ faq.question }}</span>
                    <i class="fas fa-chevron-down"></i>
                </button>
                <div class="faq-answer">
                    <div class="faq-answer-inner">{{ faq.answer|safe }}</div>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>
{% endif %}
{% endblock %}