{% extends 'hr/base.html' %}
{% load static %}
{% load i18n %}

{% block title %}{% trans "Employee Lab Test Details" %}{% endblock %}

{% block sidebar.employee_lab_tests %} class="active" {% endblock %}

{% block header.add_script %}
<style>
    .lab-test-card {
        background: white;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .test-header {
        border-bottom: 2px solid #009A6E;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
</style>
{% endblock %}

{% block content %}
<div class="content container-fluid">
    <div class="page-header">
        <div class="row">
            <div class="col-sm-12">
                <h3 class="page-title">
                    {% trans "Lab Test Details" %} - 
                    {% if employee.profile %}
                    {{ employee.profile.first_name }} {{ employee.profile.last_name }}
                    {% else %}
                    {% trans "Unknown Employee" %}
                    {% endif %}
                </h3>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{% url 'panel-hr-employee-lab-tests' %}">{% trans "HR Dashboard" %}</a></li>
                    <li class="breadcrumb-item"><a href="{% url 'panel-hr-employee-lab-tests' %}">{% trans "Employee Lab Tests" %}</a></li>
                    <li class="breadcrumb-item active">{% trans "Employee Details" %}</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Employee Info -->
    <div class="row">
        <div class="col-md-12">
            <div class="lab-test-card">
                <h5>{% trans "Employee Information" %}</h5>
                <div class="row">
                    <div class="col-md-3">
                        <strong>{% trans "Name" %}:</strong><br>
                        {% if employee.profile %}
                        {{ employee.profile.first_name }} {{ employee.profile.last_name }}
                        {% else %}
                        {% trans "Unknown" %}
                        {% endif %}
                    </div>
                    <div class="col-md-3">
                        <strong>{% trans "National ID" %}:</strong><br>
                        {% if employee.profile.national_id %}
                        {{ employee.profile.national_id }}
                        {% else %}
                        -
                        {% endif %}
                    </div>
                    <div class="col-md-3">
                        <strong>{% trans "Gender" %}:</strong><br>
                        {% if employee.profile %}
                        {% if employee.profile.gender %}زن{% else %}مرد{% endif %}
                        {% else %}
                        -
                        {% endif %}
                    </div>
                    <div class="col-md-3">
                        <strong>{% trans "Age" %}:</strong><br>
                        {% if employee.profile and employee.profile.birth_date %}
                        {{ employee.profile.age }} {% trans "years" %}
                        {% else %}
                        -
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Lab Tests List -->
    <div class="row">
        <div class="col-md-12">
            <div class="lab-test-card">
                <h5>{% trans "Lab Test History" %}</h5>
                {% if lab_tests %}
                {% for lab_test in lab_tests %}
                <div class="test-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h6>{% trans "Test Date" %}: {{ lab_test.test_date|date:"Y-m-d"|default:"-" }}</h6>
                            {% if lab_test.lab_center %}
                            <p class="mb-0"><strong>{% trans "Lab Center" %}:</strong> {{ lab_test.lab_center }}</p>
                            {% endif %}
                        </div>
                        <div class="col-md-6 text-right">
                            {% if lab_test.overall_health_score is not None %}
                            <h6>
                                {% trans "Overall Health Score" %}: 
                                <span class="badge {% if lab_test.overall_health_score >= 90 %}badge-success{% elif lab_test.overall_health_score >= 70 %}badge-info{% elif lab_test.overall_health_score >= 50 %}badge-warning{% else %}badge-danger{% endif %}">
                                    {{ lab_test.overall_health_score }}
                                </span>
                            </h6>
                            {% endif %}
                        </div>
                    </div>
                </div>

                <!-- Health Indices -->
                {% if lab_test.indices %}
                <div class="row mb-3">
                    {% for index_name, index_score in lab_test.indices.items %}
                    <div class="col-md-2 text-center mb-2">
                        <div style="border: 1px solid #e0e0e0; border-radius: 5px; padding: 10px;">
                            <small class="text-muted">{{ index_name }}</small><br>
                            <strong>{{ index_score|default:"-" }}</strong>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                {% endif %}

                <!-- Risks -->
                {% if lab_test.risks %}
                <div class="row mb-3">
                    {% if lab_test.risks.CVD or lab_test.risks.cardio %}
                    <div class="col-md-4">
                        <div class="alert alert-info">
                            <strong>{% trans "CVD Risk" %}:</strong>
                            {% with risk=lab_test.risks.CVD|default:lab_test.risks.cardio %}
                            {{ risk.value|default:"-" }}% - {{ risk.label|default:"-" }}
                            {% endwith %}
                        </div>
                    </div>
                    {% endif %}
                    {% if lab_test.risks.Diabetes or lab_test.risks.diabetes %}
                    <div class="col-md-4">
                        <div class="alert alert-warning">
                            <strong>{% trans "Diabetes Risk" %}:</strong>
                            {% with risk=lab_test.risks.Diabetes|default:lab_test.risks.diabetes %}
                            {{ risk.value|default:"-" }}% - {{ risk.label|default:"-" }}
                            {% endwith %}
                        </div>
                    </div>
                    {% endif %}
                    {% if lab_test.risks.Liver or lab_test.risks.liver %}
                    <div class="col-md-4">
                        <div class="alert alert-danger">
                            <strong>{% trans "Liver Risk" %}:</strong>
                            {% with risk=lab_test.risks.Liver|default:lab_test.risks.liver %}
                            {{ risk.value|default:"-" }} - {{ risk.label|default:"-" }}
                            {% endwith %}
                        </div>
                    </div>
                    {% endif %}
                </div>
                {% endif %}

                <!-- Test Results -->
                {% if lab_test.results.exists %}
                <div class="table-responsive">
                    <table class="table table-sm table-bordered">
                        <thead style="background-color: #009A6E; color: white;">
                            <tr>
                                <th>{% trans "Biomarker" %}</th>
                                <th>{% trans "Value" %}</th>
                                <th>{% trans "Unit" %}</th>
                                <th>{% trans "Score" %}</th>
                                <th>{% trans "Status" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for result in lab_test.results.all %}
                            <tr>
                                <td>{{ result.biomarker_name }}</td>
                                <td>
                                    {% if result.value is not None %}
                                    {{ result.value }}
                                    {% else %}
                                    {{ result.value_string|default:"-" }}
                                    {% endif %}
                                </td>
                                <td>{{ result.unit|default:"-" }}</td>
                                <td>
                                    {% if result.fuzzy_score is not None %}
                                    <span class="badge {% if result.fuzzy_score >= 90 %}badge-success{% elif result.fuzzy_score >= 70 %}badge-info{% else %}badge-warning{% endif %}">
                                        {{ result.fuzzy_score }}
                                    </span>
                                    {% else %}
                                    -
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="badge {% if result.status == 'ایده‌آل' %}badge-success{% elif result.status == 'طبیعی' %}badge-info{% elif result.status == 'نیازمند بررسی' %}badge-warning{% else %}badge-secondary{% endif %}">
                                        {{ result.status|default:"-" }}
                                    </span>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% endif %}

                {% if not forloop.last %}
                <hr style="margin: 30px 0; border-top: 2px solid #e0e0e0;">
                {% endif %}
                {% endfor %}
                {% else %}
                <p class="text-center text-muted">{% trans "No lab tests found for this employee." %}</p>
                {% endif %}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <a href="{% url 'panel-hr-employee-lab-tests' %}" class="btn btn-secondary">
                {% trans "Back to Employee List" %}
            </a>
        </div>
    </div>
</div>
{% endblock %}