{% 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>

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

            <a href="{% url 'maintenance_update' maintenance.pk %}" class="btn btn-warning">
                ✏️ ویرایش
            </a>

            <a href="{% url 'maintenance_delete' maintenance.pk %}" class="btn btn-danger">
                🗑 حذف
            </a>

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

        </div>

    </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>
                        {{ maintenance.asset.asset_code }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>نام تجهیز:</strong>
                    <div>
                        {{ maintenance.asset.name }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>دسته:</strong>
                    <div>
                        {{ maintenance.asset.category.name }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>برند:</strong>
                    <div>
                        {{ maintenance.asset.brand|default:"-" }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>مدل:</strong>
                    <div>
                        {{ maintenance.asset.model|default:"-" }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>محل:</strong>
                    <div>
                        {{ maintenance.asset.location.name }}
                    </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="row g-3">

                <div class="col-md-4">
                    <strong>تاریخ گزارش خرابی:</strong>
                    <div>
                        {{ maintenance.report_date }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>نوع تعمیر:</strong>
                    <div>
                        {{ maintenance.get_repair_type_display }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>وضعیت:</strong>
                    <div>
                        {{ maintenance.get_status_display }}
                    </div>
                </div>

                <div class="col-12">
                    <strong>شرح مشکل:</strong>
                    <div class="mt-2 p-3 bg-light rounded">
                        {{ maintenance.problem_description }}
                    </div>
                </div>

            </div>

        </div>

    </div>


    <!-- معلومات تعمیرکار -->
    <div class="card shadow-sm mb-4">

        <div class="card-header bg-info text-white">
            <h5 class="mb-0">معلومات تعمیر</h5>
        </div>

        <div class="card-body">

            <div class="row g-3">

                <div class="col-md-6">
                    <strong>شرکت / تعمیرگاه:</strong>
                    <div>
                        {{ maintenance.repair_company|default:"-" }}
                    </div>
                </div>

                <div class="col-md-6">
                    <strong>شخص / تعمیرکار:</strong>
                    <div>
                        {{ maintenance.technician|default:"-" }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>تاریخ ارسال:</strong>
                    <div>
                        {{ maintenance.send_date|default:"-" }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>تاریخ برگشت:</strong>
                    <div>
                        {{ maintenance.return_date|default:"-" }}
                    </div>
                </div>

                <div class="col-md-4">
                    <strong>هزینه تعمیر:</strong>
                    <div>
                        {% if maintenance.cost %}
                        {{ maintenance.cost }}
                        {% else %}
                        -
                        {% endif %}
                    </div>
                </div>

                <div class="col-md-6">
                    <strong>قطعه تعویض‌شده:</strong>
                    <div>
                        {{ maintenance.replaced_part|default:"-" }}
                    </div>
                </div>

                <div class="col-12">
                    <strong>نتیجه تعمیر:</strong>
                    <div class="mt-2 p-3 bg-light rounded">
                        {{ maintenance.result|default:"-" }}
                    </div>
                </div>

                <div class="col-12">
                    <strong>یادداشت:</strong>
                    <div class="mt-2 p-3 bg-light rounded">
                        {{ maintenance.notes|default:"-" }}
                    </div>
                </div>

            </div>

        </div>

    </div>


    <!-- اطلاعات ثبت -->
    <div class="card shadow-sm">

        <div class="card-body">

            <div class="row">

                <div class="col-md-6">
                    <strong>تاریخ ثبت:</strong>
                    {{ maintenance.created_at|date:"Y-m-d H:i" }}
                </div>

                <div class="col-md-6">
                    <strong>آخرین تغییر:</strong>
                    {{ maintenance.updated_at|date:"Y-m-d H:i" }}
                </div>

            </div>

        </div>

    </div>

</div>

{% endblock %}