{% extends 'base.html' %}

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

{% block page_header %}{% endblock %}

{% block content %}
<section class="hero">
    <div class="hero-content">
        <h1 class="hero-title">سامانه مدیریت اموال سازمانی</h1>
        <p class="hero-lead">ثبت، پیگیری و مدیریت دارایی ها در یک بستر سریع و یکپارچه</p>

        {% if not user.is_authenticated %}
            <div class="hero-actions">
                <a href="{% url 'login' %}" class="btn btn-primary btn-lg">ورود به سامانه</a>
                <a href="{% url 'register' %}" class="btn btn-outline-primary btn-lg">ثبت نام</a>
            </div>
        {% else %}
            <div class="hero-actions">
                <a href="{% url 'dashboard' %}" class="btn btn-primary btn-lg">ورود به داشبورد</a>
            </div>
        {% endif %}
    </div>
    <div class="hero-visual" aria-hidden="true">
        <div class="hero-card">
            <div class="hero-chip"></div>
            <div class="hero-lines">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="hero-bars">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
</section>

<section class="feature-grid stagger">
    <div class="feature-card">
        <div class="feature-icon"><i class="bi bi-box-seam"></i></div>
        <h5 class="feature-title">ثبت دارایی</h5>
        <p class="feature-text">اطلاعات دارایی را سریع ثبت کنید و همیشه به موجودی دسترسی داشته باشید.</p>
    </div>
    <div class="feature-card">
        <div class="feature-icon"><i class="bi bi-clipboard-check"></i></div>
        <h5 class="feature-title">مدیریت درخواست ها</h5>
        <p class="feature-text">فرایند تایید و خرید دارایی ها را شفاف و مرحله به مرحله دنبال کنید.</p>
    </div>
    <div class="feature-card">
        <div class="feature-icon"><i class="bi bi-diagram-3"></i></div>
        <h5 class="feature-title">گزارش های مدیریتی</h5>
        <p class="feature-text">با گزارش های دقیق، تصمیم های بهتر بگیرید و هزینه ها را کنترل کنید.</p>
    </div>
</section>
{% endblock %}