{% extends 'base.html' %}

{% block title %}
حذف مشخصه تخنیکی
{% endblock %}

{% block content %}

<div class="container-fluid">

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

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

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

                <div class="card-header bg-danger text-white py-3">

                    <h5 class="mb-0 fw-bold">
                        ⚠️ حذف مشخصه تخنیکی
                    </h5>

                </div>


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

                    <p class="mb-4">
                        آیا مطمئن هستید که می‌خواهید مشخصه زیر را حذف کنید؟
                    </p>


                    <div class="alert alert-light border">

                        <div class="mb-2">

                            <strong>
                                تجهیز:
                            </strong>

                            {{ asset.asset_code }} -
                            {{ asset.name }}

                        </div>


                        <div class="mb-2">

                            <strong>
                                مشخصه:
                            </strong>

                            {{ specification.key }}

                        </div>


                        <div>

                            <strong>
                                مقدار:
                            </strong>

                            {{ specification.value }}

                        </div>

                    </div>


                    <form method="post">

                        {% csrf_token %}

                        <div class="d-flex justify-content-center gap-2">

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


                            <a
                                href="{% url 'asset_detail' asset.pk %}"
                                class="btn btn-secondary"
                            >
                                ↩ انصراف
                            </a>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

{% endblock %}