{% extends "base.html" %}

{% block title %}صفحه اصلی - سیستم مدیریت بیماران موسسه پرنیا{% endblock %}

{% block extra_css %}{% endblock %}

{% block content %}
<div class="dashboard-container">
    <div class="dashboard-stats">
        <div class="stat-card">
            <div class="icon"><i class="fas fa-users"></i></div>
            <div class="number" id="total-patients">...</div>
            <div class="label">تعداد کل بیماران</div>
        </div>
    </div>
    
    <div class="dashboard-menu">
        <a href="{{ url_for('add_patient_page') }}" class="menu-card">
            <div class="icon"><i class="fas fa-user-plus"></i></div>
            <div class="title">ثبت بیمار جدید</div>
            <div class="description">افزودن دستی بیمار جدید به سیستم</div>
        </a>
        
        <a href="{{ url_for('patients_archive') }}" class="menu-card">
            <div class="icon"><i class="fas fa-archive"></i></div>
            <div class="title">بایگانی بیماران</div>
            <div class="description">مشاهده، جستجو و مدیریت لیست کامل بیماران</div>
        </a>
        
        <a href="{{ url_for('search') }}" class="menu-card">
            <div class="icon"><i class="fas fa-search"></i></div>
            <div class="title">جستجو</div>
            <div class="description">جستجوی سریع بیماران </div>
        </a>
        
        <a href="{{ url_for('backup') }}" class="menu-card">
            <div class="icon"><i class="fas fa-database"></i></div>
            <div class="title">پشتیبانی و بازیابی</div>
            <div class="description">تهیه پشتیبان و بازیابی اطلاعات بیماران</div>
        </a>
        
        <a href="{{ url_for('settings') }}" class="menu-card">
            <div class="icon"><i class="fas fa-cog"></i></div>
            <div class="title">تنظیمات</div>
            <div class="description">مدیریت کاربران و سایر تنظیمات سیستم</div>
        </a>
    </div>
    
    <!-- <div class="last-update">
        آخرین به‌روزرسانی: <span id="last-update-time"></span>
    </div> -->
</div>
{% endblock %}

{% block extra_js %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Fetch total patient count
        fetch('/get_total_patients_count')
            .then(response => response.json())
            .then(data => {
                if (data.status === 'success') {
                    document.getElementById('total-patients').innerText = data.count;
                } else {
                    document.getElementById('total-patients').innerText = '0';
                }
            })
            .catch(error => {
                console.error('Error fetching patient count:', error);
                document.getElementById('total-patients').innerText = 'خطا';
            });
        
        // Set last update time to current time
        const now = new Date();
        const options = { 
            year: 'numeric', 
            month: 'long', 
            day: 'numeric',
            hour: 'numeric',
            minute: 'numeric'
        };
        document.getElementById('last-update-time').innerText = new Intl.DateTimeFormat('fa-IR', options).format(now);
    });
</script>
{% endblock %}