{% extends 'base.html' %}

{% block title %}

    {% if activity %}
        ویرایش فعالیت تخنیکی
    {% else %}
        ثبت فعالیت تخنیکی
    {% endif %}

{% endblock %}


{% block content %}

<div class="container-fluid">

    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h2 class="fw-bold">

                {% if activity %}
                    ✏️ ویرایش فعالیت تخنیکی
                {% else %}
                    🔧 ثبت فعالیت تخنیکی
                {% endif %}

            </h2>

            <p class="text-muted mb-0">

                {% if activity %}
                    ویرایش معلومات فعالیت ثبت‌شده
                {% else %}
                    ثبت فعالیت و مشکل تخنیکی
                {% endif %}

            </p>

        </div>


        <a
            href="{% url 'activity_list' %}"
            class="btn btn-secondary"
        >
            ↩ بازگشت
        </a>

    </div>


    <!-- Main Card -->
    <div class="card shadow-sm">

        <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">
                            نوع فعالیت
                        </label>

                        <select
                            name="activity_type"
                            class="form-select"
                            required
                        >

                            <option value="">
                                -- انتخاب نوع فعالیت --
                            </option>


                            {% for activity_type in activity_types %}

                                <option
                                    value="{{ activity_type.id }}"
                                    {% if activity and activity.activity_type_id == activity_type.id %}
                                        selected
                                    {% endif %}
                                >

                                    {{ activity_type.name }}

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ========================= -->
                    <!-- تاریخ -->
                    <!-- ========================= -->

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

                        <label class="form-label">
                            تاریخ فعالیت
                        </label>

                        <input
                            type="date"
                            name="date"
                            class="form-control"
                            value="{% if activity %}{{ activity.date|date:'Y-m-d' }}{% endif %}"
                            required
                        >

                    </div>


                    <!-- ========================= -->
                    <!-- مکان -->
                    <!-- ========================= -->

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

                        <label class="form-label">
                            مکان
                        </label>

                        <select
                            name="location"
                            class="form-select"
                            required
                        >

                            <option value="">
                                -- انتخاب مکان --
                            </option>


                            {% for facility in facilities %}

                                <option
                                    value="{{ facility.id }}"
                                    {% if activity and activity.location_id == facility.id %}
                                        selected
                                    {% elif selected_asset and selected_asset.location_id == facility.id %}
                                        selected
                                    {% endif %}
                                >

                                    {{ facility.code }} -
                                    {{ facility.name }}

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ========================= -->
                    <!-- تجهیز -->
                    <!-- ========================= -->

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

                        <label class="form-label">
                            تجهیز مرتبط
                        </label>

                        <select
                            name="asset"
                            class="form-select"
                        >

                            <option value="">
                                -- بدون تجهیز مرتبط --
                            </option>


                            {% for asset in assets %}

                                <option
                                    value="{{ asset.id }}"
                                    {% if activity and activity.asset_id == asset.id %}
                                        selected
                                    {% elif selected_asset and selected_asset.id == asset.id %}
                                        selected
                                    {% endif %}
                                >

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

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ========================= -->
                    <!-- شرح مشکل -->
                    <!-- ========================= -->

                    <div class="col-12">

                        <label class="form-label">
                            شرح مشکل
                        </label>

                        <textarea
                            name="problem_description"
                            class="form-control"
                            rows="3"
                        >{% if activity %}{{ activity.problem_description }}{% endif %}</textarea>

                    </div>


                    <!-- ========================= -->
                    <!-- اقدام انجام شده -->
                    <!-- ========================= -->

                    <div class="col-12">

                        <label class="form-label">
                            اقدام انجام‌شده
                        </label>

                        <textarea
                            name="action_taken"
                            class="form-control"
                            rows="3"
                        >{% if activity %}{{ activity.action_taken }}{% endif %}</textarea>

                    </div>


                    <!-- ========================= -->
                    <!-- نتیجه -->
                    <!-- ========================= -->

                    <div class="col-12">

                        <label class="form-label">
                            نتیجه
                        </label>

                        <textarea
                            name="result"
                            class="form-control"
                            rows="3"
                        >{% if activity %}{{ activity.result }}{% endif %}</textarea>

                    </div>


                    <!-- ========================= -->
                    <!-- وضعیت -->
                    <!-- ========================= -->

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

                        <label class="form-label">
                            وضعیت
                        </label>

                        <select
                            name="status"
                            class="form-select"
                        >

                            {% for value, label in status_choices %}

                                <option
                                    value="{{ value }}"
                                    {% if activity and activity.status == value %}
                                        selected
                                    {% endif %}
                                >

                                    {{ label }}

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ========================= -->
                    <!-- اولویت -->
                    <!-- ========================= -->

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

                        <label class="form-label">
                            اولویت
                        </label>

                        <select
                            name="priority"
                            class="form-select"
                        >

                            {% for value, label in priority_choices %}

                                <option
                                    value="{{ value }}"
                                    {% if activity and activity.priority == value %}
                                        selected
                                    {% endif %}
                                >

                                    {{ label }}

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ========================= -->
                    <!-- یادداشت -->
                    <!-- ========================= -->

                    <div class="col-12">

                        <label class="form-label">
                            یادداشت
                        </label>

                        <textarea
                            name="notes"
                            class="form-control"
                            rows="3"
                        >{% if activity %}{{ activity.notes }}{% endif %}</textarea>

                    </div>


                </div>


                <hr class="my-4">


                <!-- ========================= -->
                <!-- Buttons -->
                <!-- ========================= -->

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

                    <button
                        type="submit"
                        class="btn btn-primary px-4"
                    >

                        {% if activity %}
                            💾 ذخیره تغییرات
                        {% else %}
                            💾 ثبت فعالیت
                        {% endif %}

                    </button>


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

                </div>


            </form>

        </div>

    </div>

</div>

{% endblock %}