{% extends 'base.html' %}

{% block title %}
{% if activity_type %}
    ویرایش نوع فعالیت
{% else %}
    افزودن نوع فعالیت
{% endif %}
{% endblock %}

{% block content %}

<div class="container-fluid">

    <div class="mb-4">
        <h2 class="fw-bold">
            {% if activity_type %}
                ✏️ ویرایش نوع فعالیت
            {% else %}
                ➕ افزودن نوع فعالیت
            {% endif %}
        </h2>

        <p class="text-muted mb-0">
            {% if activity_type %}
                ویرایش اطلاعات نوع فعالیت تخنیکی
            {% else %}
                ثبت یک نوع فعالیت جدید
            {% endif %}
        </p>
    </div>


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

        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">
                اطلاعات نوع فعالیت
            </h5>
        </div>


        <div class="card-body">

            <form method="post">

                {% csrf_token %}

                <div class="row g-3">

                    <!-- نام نوع فعالیت -->
                    <div class="col-md-6">

                        <label class="form-label fw-bold">
                            نوع فعالیت
                            <span class="text-danger">*</span>
                        </label>

                        <input
                            type="text"
                            name="name"
                            class="form-control"
                            value="{% if activity_type %}{{ activity_type.name }}{% endif %}"
                            placeholder="مثلاً: رفع مشکل شبکه"
                            required
                        >

                    </div>


                    <!-- توضیحات -->
                    <div class="col-md-6">

                        <label class="form-label fw-bold">
                            توضیحات
                        </label>

                        <input
                            type="text"
                            name="description"
                            class="form-control"
                            value="{% if activity_type %}{{ activity_type.description }}{% endif %}"
                            placeholder="توضیحات اختیاری"
                        >

                    </div>

                </div>


                <!-- دکمه‌ها -->
                <div class="d-flex gap-2 mt-4">

                    <button
                        type="submit"
                        class="btn btn-primary"
                    >
                        💾
                        {% if activity_type %}
                            ذخیره تغییرات
                        {% else %}
                            ثبت نوع فعالیت
                        {% endif %}
                    </button>


                    <a
                        href="{% url 'activity_type_list' %}"
                        class="btn btn-outline-secondary"
                    >
                        ↩️ انصراف
                    </a>

                </div>

            </form>

        </div>

    </div>

</div>

{% endblock %}