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

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

{% block content %}
    <div class="content">
        <div class="row">
            <div class="col-sm-6 col-6">
                <h4 class="page-title">{% trans "Patient Details" %}</h4>
            </div>
            <div class="col-sm-6 col-6 text-right">
                <a href="{% url 'panel-hospital-users' %}" class="btn btn-secondary">
                    <i class="fa fa-arrow-left"></i> {% trans "Back to Users" %}
                </a>
            </div>
        </div>
        
        <!-- Patient Profile Card -->
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">
                            <i class="fa fa-user"></i> {% trans "Profile Information" %}
                        </h4>
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tbody>
                                        <tr>
                                            <td style="width: 180px;"><strong>{% trans "Name" %}:</strong></td>
                                            <td>{{ patient.profile.first_name }} {{ patient.profile.last_name }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Phone Number" %}:</strong></td>
                                            <td><a href="tel:{{ patient.phone_number }}">{{ patient.phone_number }}</a></td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Email" %}:</strong></td>
                                            <td>
                                                {% if patient.profile.email %}
                                                    <a href="mailto:{{ patient.profile.email }}">{{ patient.profile.email }}</a>
                                                {% else %}
                                                    <span class="text-muted">{% trans "Not provided" %}</span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Age" %}:</strong></td>
                                            <td>{{ patient.profile.age }} {% trans "years" %}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Gender" %}:</strong></td>
                                            <td>
                                                {% if patient.profile.gender %}
                                                    <span class="badge badge-info">{% trans "Female" %}</span>
                                                {% else %}
                                                    <span class="badge badge-primary">{% trans "Male" %}</span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Hospital Code" %}:</strong></td>
                                            <td><span class="badge badge-success">{{ patient.profile.hospital_code }}</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tbody>
                                        <tr>
                                            <td style="width: 180px;"><strong>{% trans "Registration Date" %}:</strong></td>
                                            <td>{{ patient.created_at|date:"Y-m-d" }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Status" %}:</strong></td>
                                            <td>
                                                {% if patient.isRegistered %}
                                                    <span class="badge badge-success">{% trans "Registered" %}</span>
                                                {% else %}
                                                    <span class="badge badge-warning">{% trans "Pending" %}</span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Assigned Doctor" %}:</strong></td>
                                            <td>
                                                {% if patient.profile.therapist %}
                                                    {{ patient.profile.therapist.first_name }} {{ patient.profile.therapist.last_name }}
                                                {% else %}
                                                    <span class="text-muted">{% trans "Not Assigned" %}</span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Weight" %}:</strong></td>
                                            <td>
                                                {% if patient.profile.weight %}
                                                    {{ patient.profile.weight }} {% trans "kg" %}
                                                {% else %}
                                                    <span class="text-muted">{% trans "Not recorded" %}</span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "Height" %}:</strong></td>
                                            <td>
                                                {% if patient.profile.height %}
                                                    {{ patient.profile.height }} {% trans "cm" %}
                                                {% else %}
                                                    <span class="text-muted">{% trans "Not recorded" %}</span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>{% trans "BMI" %}:</strong></td>
                                            <td>
                                                {% if bmi %}
                                                    <strong>{{ bmi }}</strong>
                                                    {% if bmi < 18.5 %}
                                                        <span class="badge badge-warning">{% trans "Underweight" %}</span>
                                                    {% elif bmi < 25 %}
                                                        <span class="badge badge-success">{% trans "Normal" %}</span>
                                                    {% elif bmi < 30 %}
                                                        <span class="badge badge-warning">{% trans "Overweight" %}</span>
                                                    {% else %}
                                                        <span class="badge badge-danger">{% trans "Obese" %}</span>
                                                    {% endif %}
                                                {% else %}
                                                    <span class="text-muted">{% trans "Not available" %}</span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Active Subscription Card -->
        {% if active_upgrade %}
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">
                            <i class="fa fa-check-circle text-success"></i> {% trans "Active Subscription" %}
                        </h4>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="text-center">
                                    <h5>{% trans "Plan" %}</h5>
                                    <h3 class="text-primary">{{ active_upgrade.upgrade_type }}</h3>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="text-center">
                                    <h5>{% trans "Duration" %}</h5>
                                    <h3 class="text-info">{{ active_upgrade.upgrade_time }} {% trans "days" %}</h3>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="text-center">
                                    <h5>{% trans "Days Remaining" %}</h5>
                                    <h3 class="{% if active_upgrade.days_remaining < 7 %}text-danger{% else %}text-success{% endif %}">
                                        {{ active_upgrade.days_remaining }}
                                    </h3>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="text-center">
                                    <h5>{% trans "Upgrade Date" %}</h5>
                                    <h3 class="text-muted">{{ active_upgrade.upgrade_date|date:"Y-m-d" }}</h3>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="progress" style="height: 25px;">
                            {% widthratio active_upgrade.days_remaining active_upgrade.upgrade_time 100 as progress_percent %}
                            <div class="progress-bar {% if active_upgrade.days_remaining < 7 %}bg-danger{% else %}bg-success{% endif %}" 
                                 role="progressbar" 
                                 style="width: {{ progress_percent }}%;" 
                                 aria-valuenow="{{ active_upgrade.days_remaining }}" 
                                 aria-valuemin="0" 
                                 aria-valuemax="{{ active_upgrade.upgrade_time }}">
                                {{ active_upgrade.days_remaining }} / {{ active_upgrade.upgrade_time }} {% trans "days" %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% else %}
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="alert alert-warning mb-0">
                            <i class="fa fa-exclamation-triangle"></i> 
                            {% trans "This patient does not have an active subscription" %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}

        <!-- Subscription History -->
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">
                            <i class="fa fa-history"></i> {% trans "Subscription History" %}
                        </h4>
                        
                        {% if upgrades %}
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{% trans "Type" %}</th>
                                        <th>{% trans "Duration" %}</th>
                                        <th>{% trans "Upgrade Date" %}</th>
                                        <th>{% trans "Days Remaining" %}</th>
                                        <th>{% trans "Status" %}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for upgrade in upgrades %}
                                    <tr>
                                        <td>{{ forloop.counter }}</td>
                                        <td><strong>{{ upgrade.upgrade_type }}</strong></td>
                                        <td>{{ upgrade.upgrade_time }} {% trans "days" %}</td>
                                        <td>{{ upgrade.upgrade_date|date:"Y-m-d" }}</td>
                                        <td>
                                            {% if upgrade.days_remaining > 0 %}
                                                <span class="text-success"><strong>{{ upgrade.days_remaining }}</strong> {% trans "days" %}</span>
                                            {% else %}
                                                <span class="text-muted">{% trans "Expired" %}</span>
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if upgrade.days_remaining > 0 %}
                                                <span class="badge badge-success">{% trans "Active" %}</span>
                                            {% else %}
                                                <span class="badge badge-secondary">{% trans "Expired" %}</span>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        {% else %}
                        <div class="alert alert-info mb-0">
                            <i class="fa fa-info-circle"></i> 
                            {% trans "No subscription history found for this patient" %}
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}