{% extends 'base.html' %}

{% block title %}مدیریت امین ها{% endblock %}

{% block page_title %}مدیریت امین ها{% endblock %}

{% block header_actions %}
    <a href="{% url 'dashboard' %}" class="btn btn-secondary">بازگشت</a>
{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">لیست امین ها</h5>
    </div>
    <div class="card-body">
        {% if custodians %}
            <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 custodian in custodians %}
                            <tr>
                                <td>{{ custodian.first_name }}</td>
                                <td>{{ custodian.last_name }}</td>
                                <td>{{ custodian.job_title }}</td>
                                <td>{{ custodian.phone }}</td>
                                <td>
                                    {% if custodian.status == 'pending' %}
                                        <span class="badge bg-warning">در انتظار تایید</span>
                                    {% elif custodian.status == 'approved' %}
                                        <span class="badge bg-success">تایید شده</span>
                                    {% else %}
                                        <span class="badge bg-danger">رد شده</span>
                                    {% endif %}
                                </td>
                                <td>{{ custodian.created_by.get_full_name|default:custodian.created_by.username }}</td>
                                <td>{{ custodian.created_at|date:"Y/m/d H:i" }}</td>
                                <td>
                                    {% if custodian.approved_by %}
                                        {{ custodian.approved_by.get_full_name|default:custodian.approved_by.username }}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if custodian.approved_at %}
                                        {{ custodian.approved_at|date:"Y/m/d H:i" }}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if profile.user_type == 'owner' %}
                                        {% if custodian.status == 'pending' %}
                                            <form method="post" action="{% url 'approve_custodian' custodian.id %}" class="d-inline">
                                                {% csrf_token %}
                                                <button type="submit" name="action" value="approve" class="btn btn-sm btn-success">تایید</button>
                                            </form>
                                            <form method="post" action="{% url 'approve_custodian' custodian.id %}" class="d-inline">
                                                {% csrf_token %}
                                                <button type="submit" name="action" value="reject" class="btn btn-sm btn-danger">رد</button>
                                            </form>
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    {% else %}
                                        <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <p class="text-muted">هیچ امینی ثبت نشده است.</p>
        {% endif %}
    </div>
</div>
{% endblock %}