{% extends "base.html" %}

{% block title %}الإعدادات - نظام التقارير الصوتية{% endblock %}

{% block content %}
<div class="container">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="fas fa-cog"></i> الإعدادات</h2>
            <p class="text-muted">إدارة حسابك وإعداداتك الشخصية</p>
        </div>
    </div>

    <div class="row">
        <!-- Profile Settings -->
        <div class="col-md-4 mb-3">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-user-circle fa-4x text-primary mb-3"></i>
                    <h5>الملف الشخصي</h5>
                    <p class="text-muted">تحديث معلومات حسابك واسم الشركة</p>
                    <a href="{{ url_for('settings.profile') }}" class="btn btn-primary">
                        <i class="fas fa-edit"></i> تعديل الملف الشخصي
                    </a>
                </div>
            </div>
        </div>

        <!-- Logo Settings -->
        <div class="col-md-4 mb-3">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-image fa-4x text-success mb-3"></i>
                    <h5>الشعار</h5>
                    <p class="text-muted">رفع أو تغيير شعار شركتك الذي يظهر في التقارير</p>
                    <a href="{{ url_for('settings.logo') }}" class="btn btn-success">
                        <i class="fas fa-upload"></i> إدارة الشعار
                    </a>
                </div>
            </div>
        </div>

        <!-- Password Settings -->
        <div class="col-md-4 mb-3">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-lock fa-4x text-warning mb-3"></i>
                    <h5>كلمة المرور</h5>
                    <p class="text-muted">تغيير كلمة مرور حسابك</p>
                    <a href="{{ url_for('settings.password') }}" class="btn btn-warning">
                        <i class="fas fa-key"></i> تغيير كلمة المرور
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Current Info Card -->
    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-white">
                    <h5 class="mb-0"><i class="fas fa-info-circle"></i> معلومات الحساب الحالية</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>الاسم:</strong> {{ current_user.name }}</p>
                            <p><strong>البريد الإلكتروني:</strong> {{ current_user.email }}</p>
                            <p><strong>اسم الشركة:</strong> {{ current_user.company_name or 'غير محدد' }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>تاريخ التسجيل:</strong> {{ current_user.created_at.strftime('%Y-%m-%d %H:%M') }}</p>
                            <p><strong>حالة الحساب:</strong>
                                {% if current_user.is_active %}
                                <span class="badge bg-success">نشط</span>
                                {% else %}
                                <span class="badge bg-danger">معطل</span>
                                {% endif %}
                            </p>
                            <p><strong>الشعار:</strong>
                                {% if current_user.logo_path %}
                                <span class="badge bg-success"><i class="fas fa-check"></i> موجود</span>
                                {% else %}
                                <span class="badge bg-secondary"><i class="fas fa-times"></i> غير موجود</span>
                                {% endif %}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}