{% extends 'layouts/base.html' %}

{% block title %}حساب کاربری{% endblock %}

{% block content %}
<div class="container py-4">
    <!-- کارت اطلاعات پایه -->
    <div class="card shadow-sm mb-4">
        <div class="card-body p-4">
            <h1 class="h4 mb-3">اطلاعات کاربری</h1>
            <p class="mb-2"><strong>شماره موبایل:</strong> {{ request.user.mobile }}</p>
            <p class="mb-0 text-muted">به پنل کاربری خود خوش آمدید.</p>
        </div>
    </div>

    <!-- بخش دسترسی‌های سریع -->
    <div class="card shadow-sm">
        <div class="card-body p-4">
            <h4 class="mb-4">دسترسی‌های سریع</h4>
            
            <div class="d-flex flex-wrap gap-3">
                <!-- دکمه‌های مشترک برای همه -->
                <a href="{% url 'orders:order-list' %}" class="btn btn-outline-primary">
                    <i class="bi bi-bag-check"></i> سفارشات من
                </a>
                
                <!-- دکمه‌های مخصوص ادمین -->
                {% if request.user.is_staff %}
                    <div class="border-start ps-3 ms-2 d-flex flex-wrap gap-2">
                        <small class="text-warning fw-bold d-block w-100 mb-2">پنل مدیریتی:</small>
                        <a href="{% url 'orders:manage-order-list' %}" class="btn btn-warning text-dark">
                            <i class="bi bi-clipboard-data"></i> مدیریت سفارشات
                        </a>
                        <a href="{% url 'menu:dashboard-food-list' %}" class="btn btn-outline-warning">
                            <i class="bi bi-egg-fried"></i> مدیریت غذاها
                        </a>
                        <a href="{% url 'menu:dashboard-category-list' %}" class="btn btn-outline-warning">
                            <i class="bi bi-list-ul"></i> دسته‌بندی‌ها
                        </a>
                    </div>
                {% else %}
                    <!-- دکمه‌های مخصوص کاربر معمولی -->
                    <a href="{% url 'home' %}" class="btn btn-outline-secondary">
                        <i class="bi bi-house"></i> بازگشت به منو
                    </a>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}