{% extends 'base.html' %}

{% block title %}
حذف تجهیز
{% endblock %}

{% block content %}

<div class="row justify-content-center">

    <div class="col-md-7">

        <div class="card border-0 shadow-sm">

            <div class="card-header bg-danger text-white py-3">
                <h5 class="mb-0">
                    ⚠️ تأیید حذف تجهیز
                </h5>
            </div>

            <div class="card-body p-4">

                <div class="alert alert-warning">
                    آیا مطمئن هستید که می‌خواهید این تجهیز را حذف کنید؟
                </div>

                <div class="border rounded p-3 mb-4">

                    <div class="row g-3">

                        <div class="col-md-6">
                            <small class="text-muted">
                                کد تجهیز
                            </small>

                            <div class="fw-bold mt-1">
                                {{ asset.asset_code }}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <small class="text-muted">
                                نام تجهیز
                            </small>

                            <div class="fw-bold mt-1">
                                {{ asset.name }}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <small class="text-muted">
                                دسته
                            </small>

                            <div class="mt-1">
                                {{ asset.category }}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <small class="text-muted">
                                مکان
                            </small>

                            <div class="mt-1">
                                {{ asset.location }}
                            </div>
                        </div>

                    </div>

                </div>

                <p class="text-danger fw-bold">
                    توجه: پس از حذف، اطلاعات این تجهیز قابل بازگردانی نخواهد بود.
                </p>

                <form method="post">

                    {% csrf_token %}

                    <div class="d-flex gap-2">

                        <button
                            type="submit"
                            class="btn btn-danger px-4"
                        >
                            🗑️ بلی، حذف شود
                        </button>

                        <a
                            href="{% url 'asset_list' %}"
                            class="btn btn-outline-secondary px-4"
                        >
                            انصراف
                        </a>

                    </div>

                </form>

            </div>

        </div>

    </div>

</div>

{% endblock %}