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

{% block title %}{% trans "Therapy Session" %} - {{ 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-hands-helping me-2"></i>{% trans "Therapy Session" %}
        </h1>
        <div class="btn-group">
            <a href="{% url 'clinic:therapy-update' therapysession.pk %}" class="btn btn-warning">
                <i class="fa fa-edit me-1"></i>{% trans "Edit" %}
            </a>
            <a href="{% url 'clinic:therapy-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 "Session 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 therapysession.patient %}</dd>

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

                        <dt class="col-sm-3">{% trans "Modality" %}:</dt>
                        <dd class="col-sm-9"><span class="badge bg-info">{{ therapysession.get_modality_display }}</span></dd>

                        <dt class="col-sm-3">{% trans "Duration" %}:</dt>
                        <dd class="col-sm-9">{{ therapysession.duration_minutes }} {% trans "minutes" %}</dd>

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