{% extends "base.html" %}
{% load i18n static  patient_tags %}

{% block title %}{% trans "Assessment" %} - {{ block.super }}{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0">
            <i class="fa fa-clipboard-check me-2"></i>{% trans "Assessment" %}
        </h1>
        <div class="btn-group">
            <a href="{% url 'clinic:assessment-update' assessment.pk %}" class="btn btn-warning">
                <i class="fa fa-edit me-1"></i>{% trans "Edit" %}
            </a>
            <a href="{% url 'clinic:assessment-list' %}" class="btn btn-secondary">
                <i class="fa fa-arrow-left me-1"></i>{% trans "Back to List" %}
            </a>
        </div>
    </div>



    <div class="row">
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{% trans "Assessment Information" %}</h5>
                </div>
                <div class="card-body">
                    <dl class="row">
                        <dt class="col-sm-3">{% trans "Patient" %}:</dt>
                        <dd class="col-sm-9">{% patient_name assessment.patient %}</dd>

                        <dt class="col-sm-3">{% trans "Type" %}:</dt>
                        <dd class="col-sm-9"><span class="badge bg-primary">{{ assessment.get_assessment_type_display }}</span></dd>

                        <dt class="col-sm-3">{% trans "Date" %}:</dt>
                        <dd class="col-sm-9">{{ assessment.assessment_date|date:"Y-m-d" }}</dd>

                        {% if assessment.scores %}
                        <dt class="col-sm-3">{% trans "Scores" %}:</dt>
                        <dd class="col-sm-9">
                            <pre class="bg-light p-3 rounded">{{ assessment.scores }}</pre>
                        </dd>
                        {% endif %}

                        {% if assessment.findings %}
                        <dt class="col-sm-3">{% trans "Findings" %}:</dt>
                        <dd class="col-sm-9">{{ assessment.findings }}</dd>
                        {% endif %}

                        {% if assessment.recommendations %}
                        <dt class="col-sm-3">{% trans "Recommendations" %}:</dt>
                        <dd class="col-sm-9">{{ assessment.recommendations }}</dd>
                        {% endif %}
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}