{% extends 'base.html' %}

{% block title %}جزئیات فعالیت تخنیکی{% endblock %}

{% block content %}

<div class="container-fluid">

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

        <div>
            <h2 class="fw-bold">🔧 جزئیات فعالیت تخنیکی</h2>

            <p class="text-muted mb-0">
                معلومات کامل فعالیت ثبت‌شده
            </p>
        </div>

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

    </div>


    <!-- معلومات عمومی -->

    <div class="card shadow-sm mb-4">

        <div class="card-header bg-primary text-white">

            <h5 class="mb-0">
                معلومات عمومی فعالیت
            </h5>

        </div>

        <div class="card-body">

            <div class="row g-3">

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

                    <strong>نوع فعالیت:</strong>

                    <div>
                        {{ activity.activity_type.name }}
                    </div>

                </div>


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

                    <strong>تاریخ فعالیت:</strong>

                    <div>
                        {{ activity.date }}
                    </div>

                </div>


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

                    <strong>مکان:</strong>

                    <div>
                        {{ activity.location.name }}
                    </div>

                </div>


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

                    <strong>تجهیز مرتبط:</strong>

                    <div>

                        {% if activity.asset %}

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

                        {% else %}

                            -

                        {% endif %}

                    </div>

                </div>


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

                    <strong>وضعیت:</strong>

                    <div>
                        {{ activity.get_status_display }}
                    </div>

                </div>


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

                    <strong>اولویت:</strong>

                    <div>
                        {{ activity.get_priority_display }}
                    </div>

                </div>

            </div>

        </div>

    </div>


    <!-- جزئیات تخنیکی -->

    <div class="card shadow-sm mb-4">

        <div class="card-header bg-warning">

            <h5 class="mb-0">
                جزئیات تخنیکی
            </h5>

        </div>

        <div class="card-body">

            <div class="mb-4">

                <strong>
                    شرح مشکل:
                </strong>

                <div class="mt-2 p-3 bg-light rounded">

                    {% if activity.problem_description %}

                        {{ activity.problem_description }}

                    {% else %}

                        -

                    {% endif %}

                </div>

            </div>


            <div class="mb-4">

                <strong>
                    اقدام انجام‌شده:
                </strong>

                <div class="mt-2 p-3 bg-light rounded">

                    {% if activity.action_taken %}

                        {{ activity.action_taken }}

                    {% else %}

                        -

                    {% endif %}

                </div>

            </div>


            <div class="mb-4">

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

                <div class="mt-2 p-3 bg-light rounded">

                    {% if activity.result %}

                        {{ activity.result }}

                    {% else %}

                        -

                    {% endif %}

                </div>

            </div>


            <div>

                <strong>
                    یادداشت:
                </strong>

                <div class="mt-2 p-3 bg-light rounded">

                    {% if activity.notes %}

                        {{ activity.notes }}

                    {% else %}

                        -

                    {% endif %}

                </div>

            </div>

        </div>

    </div>


    <!-- اطلاعات ثبت -->

    <div class="card shadow-sm">

        <div class="card-header bg-secondary text-white">

            <h5 class="mb-0">
                اطلاعات ثبت سیستم
            </h5>

        </div>

        <div class="card-body">

            <div class="row">

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

                    <strong>
                        تاریخ ثبت:
                    </strong>

                    <span>
                        {{ activity.created_at|date:"Y-m-d H:i" }}
                    </span>

                </div>


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

                    <strong>
                        آخرین تغییر:
                    </strong>

                    <span>
                        {{ activity.updated_at|date:"Y-m-d H:i" }}
                    </span>

                </div>

            </div>

        </div>

    </div>

</div>

{% endblock %}