{% extends 'base.html' %}

{% block title %}داشبورد{% endblock %}

{% block page_title %}داشبورد - {{ profile.organization.name }}{% endblock %}

{% block header_actions %}
    {% if profile.user_type == 'employee' %}
        <a href="{% url 'add_asset' %}" class="btn btn-primary">ثبت دارایی جدید</a>
        <a href="{% url 'add_custodian' %}" class="btn btn-outline-primary">ثبت امین اموال</a>
        <a href="{% url 'manage_custodians' %}" class="btn btn-secondary">مدیریت امین ها</a>
    {% elif profile.user_type == 'owner' %}
        <a href="{% url 'add_asset' %}" class="btn btn-primary">ثبت دارایی سازمان</a>
        <a href="{% url 'add_custodian' %}" class="btn btn-outline-primary">ثبت امین سازمان</a>
        <a href="{% url 'manage_custodians' %}" class="btn btn-secondary">مدیریت امین های سازمان</a>
    {% endif %}
{% endblock %}

{% block content %}
<div class="row mb-4 stagger">
    <div class="col-md-3">
        <div class="card text-center stat-card">
            <div class="card-body">
                <h5 class="card-title">کل دارایی ها</h5>
                <h3 class="text-primary">{{ counts.total }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center stat-card">
            <div class="card-body">
                <h5 class="card-title">در انتظار تایید</h5>
                <h3 class="text-warning">{{ counts.pending }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center stat-card">
            <div class="card-body">
                <h5 class="card-title">تایید شده</h5>
                <h3 class="text-success">{{ counts.approved }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center stat-card">
            <div class="card-body">
                <h5 class="card-title">رد شده</h5>
                <h3 class="text-danger">{{ counts.rejected }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="row mb-4 stagger">
    <div class="col-md-3">
        <div class="card text-center stat-card">
            <div class="card-body">
                <h5 class="card-title">در انتظار دریافت</h5>
                <h3 class="text-info">{{ counts.pending_receipt }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h5 class="mb-0">لیست دارایی ها</h5>
    </div>
    <div class="card-body">
        {% if assets %}
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>نام دارایی</th>
                            <th>نوع دارایی</th>
                            <th>مکان</th>
                            <th>وضعیت موجودی</th>
                            <th>امین</th>
                            <th>واحد</th>
                            <th>وضعیت</th>
                            <th>ثبت کننده</th>
                            <th>تاریخ ثبت</th>
                            <th>عملیات</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for asset in assets %}
                            <tr>
                                <td>{{ asset.name|default:asset.item_type.name }}</td>
                                <td>{{ asset.item_type.name }}</td>
                                <td>{{ asset.location.name }}</td>
                                <td>{{ asset.get_availability_display }}</td>
                                <td>{{ asset.custodian|default:"-" }}</td>
                                <td>{{ asset.unit|default:"-" }}</td>
                                <td>
                                    {% if asset.status == 'pending' %}
                                        <span class="badge bg-warning">در انتظار تایید</span>
                                    {% elif asset.status == 'approved' %}
                                        <span class="badge bg-success">تایید شده</span>
                                    {% elif asset.status == 'rejected' %}
                                        <span class="badge bg-danger">رد شده</span>
                                    {% elif asset.status == 'purchase_requested' %}
                                        <span class="badge bg-info">درخواست خرید</span>
                                    {% elif asset.status == 'purchase_approved' %}
                                        <span class="badge bg-success">خرید تایید شد</span>
                                    {% elif asset.status == 'purchase_received' %}
                                        <span class="badge bg-primary">دریافت شد</span>
                                    {% else %}
                                        <span class="badge bg-danger">خرید رد شد</span>
                                    {% endif %}
                                </td>
                                <td>{{ asset.created_by.get_full_name|default:asset.created_by.username }}</td>
                                <td>{{ asset.created_at|date:"Y/m/d H:i" }}</td>
                                <td>
                                    <a href="{% url 'asset_detail' asset.id %}" class="btn btn-sm btn-outline-primary">جزئیات</a>
                                    {% if profile.user_type == 'owner' and asset.status == 'pending' %}
                                        <a href="{% url 'approve_asset' asset.id %}" class="btn btn-sm btn-outline-success">تایید/رد</a>
                                    {% endif %}
                                    {% if asset.status == 'purchase_approved' and asset.created_by == user %}
                                        {% if profile.user_type == 'employee' or profile.user_type == 'owner' %}
                                            <form method="post" action="{% url 'receive_asset' asset.id %}" class="d-inline">
                                                {% csrf_token %}
                                                <button type="submit" class="btn btn-sm btn-outline-primary">ثبت دریافت</button>
                                            </form>
                                        {% endif %}
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <p class="text-muted">هیچ دارایی ای ثبت نشده است.</p>
        {% endif %}
    </div>
</div>
{% endblock %}