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

{% block title %}درباره دکتر | دکتر علی جعفری{% endblock %}

{% block content %}
<!-- هدر صفحه -->
<section class="page-header about-header">
    <div class="container">
        <h1>درباره دکتر علی جعفری</h1>
        <p>متخصص جراحی مغز و اعصاب • فلوشیپ جراحی‌های قاعده جمجمه</p>
    </div>
</section>

<section class="about-luxury">
    <div class="container">

        <!-- بخش معرفی اصلی -->
        <div class="about-hero-card">
            <div class="about-photo-wrapper">
                <img src="{% static 'images/doctor.png' %}" alt="دکتر علی جعفری">
                <div class="experience-badge">
                    <span class="number">+۱۵</span>
                    <span class="text">سال تجربه</span>
                </div>
            </div>

            <div class="about-intro">
                <span class="section-label">بیوگرافی</span>
                <h2>دکتر علی جعفری</h2>
                <p class="lead">
                    متخصص جراحی مغز و اعصاب و فلوشیپ جراحی‌های قاعده جمجمه
                </p>
                <p>
                    ایشان دوره پزشکی عمومی را در دانشگاه علوم پزشکی یزد و دوره تخصص جراحی مغز و اعصاب 
                    و فلوشیپ قاعده جمجمه را در دانشگاه علوم پزشکی شهید بهشتی به پایان رسانده‌اند 
                    و از سال ۱۳۹۰ تاکنون به درمان بیماران در این حوزه مشغول می‌باشند.
                </p>

                <div class="about-highlights">
                    <div class="highlight-item">
                        <i class="fas fa-user-md"></i>
                        <span>فلوشیپ قاعده جمجمه</span>
                    </div>
                    <div class="highlight-item">
                        <i class="fas fa-hospital"></i>
                        <span>بیمارستان عرفان نیایش</span>
                    </div>
                    <div class="highlight-item">
                        <i class="fas fa-calendar-check"></i>
                        <span>از سال ۱۳۹۰</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- سوابق علمی -->
        <div class="about-section-card">
            <div class="section-header">
                <div class="icon-box">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <h3>سوابق علمی و آموزشی</h3>
            </div>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <h4>پزشکی عمومی</h4>
                        <p>دانشگاه علوم پزشکی یزد</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <h4>تخصص جراحی مغز و اعصاب</h4>
                        <p>دانشگاه علوم پزشکی شهید بهشتی</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <h4>فلوشیپ جراحی‌های قاعده جمجمه</h4>
                        <p>دانشگاه علوم پزشکی شهید بهشتی</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <h4>بیش از ۱۵ سال سابقه جراحی موفق</h4>
                        <p>از سال ۱۳۹۰ تاکنون</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- حوزه‌های تخصصی -->
        <div class="about-section-card">
            <div class="section-header">
                <div class="icon-box">
                    <i class="fas fa-stethoscope"></i>
                </div>
                <h3>حوزه‌های تخصصی</h3>
            </div>
            <div class="specialties-list">
                <div class="specialty-chip">
                    <i class="fas fa-check"></i>
                    جراحی انواع تومورهای مغز و نخاع
                </div>
                <div class="specialty-chip">
                    <i class="fas fa-check"></i>
                    جراحی دیسک و تنگی کانال ستون فقرات
                </div>
                <div class="specialty-chip">
                    <i class="fas fa-check"></i>
                    جراحی نورالژی تریژمینال و همی‌فاشیال اسپاسم
                </div>
                <div class="specialty-chip">
                    <i class="fas fa-check"></i>
                    جراحی تومورهای هیپوفیز و بیماری‌های عروقی مغز
                </div>
                <div class="specialty-chip">
                    <i class="fas fa-check"></i>
                    جراحی ناهنجاری کیاری
                </div>
                <div class="specialty-chip">
                    <i class="fas fa-check"></i>
                    جراحی‌های قاعده جمجمه
                </div>
            </div>
        </div>

        <!-- دکمه تماس -->
<div class="cta-buttons">
    <a href="tel:{{ site_setting.phone|default:'09351708842' }}" class="btn btn-dark">
        <i class="fas fa-phone-alt"></i>
        {{ site_setting.phone|default:'۰۹۳۵۱۷۰۸۸۴۲' }}
    </a>
    <a href="https://wa.me/98{{ site_setting.whatsapp|slice:'1:'|default:'9201369919' }}" target="_blank" class="btn btn-outline-dark">
        <i class="fab fa-whatsapp"></i>
        نوبت‌دهی در واتساپ
    </a>
</div>
    </div>
</section>
{% endblock %}