2025-08-12 13:33:25 +03:00

597 lines
27 KiB
HTML

{% extends "base.html" %}
{% load static %}
{% block title %}Discharge Details - {{ object.admission.patient.get_full_name }}{% endblock %}
{% block css %}
<link href="{% static 'assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css' %}" rel="stylesheet" />
<link href="{% static 'assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css' %}" rel="stylesheet" />
{% endblock %}
{% block content %}
<!-- BEGIN breadcrumb -->
<ol class="breadcrumb float-xl-end">
<li class="breadcrumb-item"><a href="{% url 'core:dashboard' %}">Dashboard</a></li>
<li class="breadcrumb-item"><a href="{% url 'inpatients:dashboard' %}">Inpatients</a></li>
<li class="breadcrumb-item"><a href="{% url 'inpatients:discharge_list' %}">Discharges</a></li>
<li class="breadcrumb-item active">{{ object.admission.patient.get_full_name }}</li>
</ol>
<!-- END breadcrumb -->
<!-- BEGIN page-header -->
<h1 class="page-header">
Discharge Details
<small>{{ object.admission.patient.get_full_name }}</small>
</h1>
<!-- END page-header -->
<div class="row">
<div class="col-xl-8">
<!-- BEGIN panel -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">Discharge Information</h4>
<div class="panel-heading-btn">
<a href="{% url 'inpatients:discharge_update' object.pk %}" class="btn btn-xs btn-primary me-2">
<i class="fa fa-edit"></i> Edit
</a>
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<table class="table table-borderless">
<tr>
<td class="fw-bold" width="150">Patient:</td>
<td>
<a href="{% url 'patients:patient_detail' object.admission.patient.pk %}" class="text-decoration-none">
{{ object.admission.patient.get_full_name }}
</a>
<br><small class="text-muted">{{ object.admission.patient.medical_record_number }}</small>
</td>
</tr>
<tr>
<td class="fw-bold">Discharge Type:</td>
<td>
<span class="badge bg-{{ object.get_discharge_type_color }} fs-12px">
{{ object.get_discharge_type_display }}
</span>
</td>
</tr>
<tr>
<td class="fw-bold">Discharge Date:</td>
<td>{{ object.discharge_date|date:"M d, Y" }}</td>
</tr>
<tr>
<td class="fw-bold">Discharge Time:</td>
<td>{{ object.discharge_time|time:"H:i" }}</td>
</tr>
<tr>
<td class="fw-bold">Status:</td>
<td>
<span class="badge bg-{{ object.get_status_color }} fs-12px">
{{ object.get_discharge_status_display }}
</span>
</td>
</tr>
</table>
</div>
<div class="col-md-6">
<table class="table table-borderless">
<tr>
<td class="fw-bold" width="150">Admission Date:</td>
<td>{{ object.admission.admission_date|date:"M d, Y" }}</td>
</tr>
<tr>
<td class="fw-bold">Length of Stay:</td>
<td>{{ object.get_length_of_stay }} days</td>
</tr>
<tr>
<td class="fw-bold">Attending Physician:</td>
<td>
{% if object.attending_physician %}
<a href="{% url 'users:user_detail' object.attending_physician.pk %}" class="text-decoration-none">
Dr. {{ object.attending_physician.get_full_name }}
</a>
{% else %}
Not specified
{% endif %}
</td>
</tr>
<tr>
<td class="fw-bold">Destination:</td>
<td>{{ object.discharge_destination|default:"Home" }}</td>
</tr>
<tr>
<td class="fw-bold">Created:</td>
<td>{{ object.created_at|date:"M d, Y H:i" }}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- END panel -->
<!-- BEGIN panel -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">Clinical Information</h4>
<div class="panel-heading-btn">
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<h6 class="mb-3">Diagnoses</h6>
{% if object.primary_diagnosis %}
<div class="mb-3">
<strong>Primary Diagnosis:</strong><br>
<span class="badge bg-primary">{{ object.primary_diagnosis }}</span>
</div>
{% endif %}
{% if object.secondary_diagnoses %}
<div class="mb-3">
<strong>Secondary Diagnoses:</strong><br>
{{ object.secondary_diagnoses|linebreaks }}
</div>
{% endif %}
</div>
<div class="col-md-6">
<h6 class="mb-3">Discharge Planning</h6>
<div class="mb-2">
<i class="fa fa-{{ object.patient_education_provided|yesno:'check text-success,times text-danger' }} me-2"></i>
Patient Education Provided
</div>
<div class="mb-2">
<i class="fa fa-{{ object.discharge_planning_completed|yesno:'check text-success,times text-danger' }} me-2"></i>
Discharge Planning Completed
</div>
</div>
</div>
{% if object.discharge_summary %}
<div class="mt-4">
<h6>Discharge Summary</h6>
<div class="bg-light p-3 rounded">
{{ object.discharge_summary|linebreaks }}
</div>
</div>
{% endif %}
</div>
</div>
<!-- END panel -->
<!-- BEGIN panel -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">Discharge Instructions</h4>
<div class="panel-heading-btn">
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
</div>
</div>
<div class="panel-body">
{% if object.discharge_medications %}
<div class="mb-4">
<h6><i class="fa fa-pills me-2 text-primary"></i>Discharge Medications</h6>
<div class="bg-light p-3 rounded">
{{ object.discharge_medications|linebreaks }}
</div>
</div>
{% endif %}
{% if object.discharge_instructions %}
<div class="mb-4">
<h6><i class="fa fa-list-ul me-2 text-info"></i>Patient Instructions</h6>
<div class="bg-light p-3 rounded">
{{ object.discharge_instructions|linebreaks }}
</div>
</div>
{% endif %}
{% if object.follow_up_instructions %}
<div class="mb-4">
<h6><i class="fa fa-calendar-check me-2 text-success"></i>Follow-up Instructions</h6>
<div class="bg-light p-3 rounded">
{{ object.follow_up_instructions|linebreaks }}
</div>
</div>
{% endif %}
<div class="row">
{% if object.activity_restrictions %}
<div class="col-md-6">
<h6><i class="fa fa-running me-2 text-warning"></i>Activity Restrictions</h6>
<div class="bg-warning bg-opacity-10 p-3 rounded border border-warning">
{{ object.activity_restrictions|linebreaks }}
</div>
</div>
{% endif %}
{% if object.diet_restrictions %}
<div class="col-md-6">
<h6><i class="fa fa-utensils me-2 text-warning"></i>Diet Restrictions</h6>
<div class="bg-warning bg-opacity-10 p-3 rounded border border-warning">
{{ object.diet_restrictions|linebreaks }}
</div>
</div>
{% endif %}
</div>
{% if object.notes %}
<div class="mt-4">
<h6><i class="fa fa-sticky-note me-2 text-secondary"></i>Additional Notes</h6>
<div class="bg-light p-3 rounded">
{{ object.notes|linebreaks }}
</div>
</div>
{% endif %}
{% if not object.discharge_medications and not object.discharge_instructions and not object.follow_up_instructions and not object.activity_restrictions and not object.diet_restrictions and not object.notes %}
<div class="text-muted text-center py-4">
<i class="fa fa-file-text fa-3x mb-3"></i>
<p>No discharge instructions available.</p>
</div>
{% endif %}
</div>
</div>
<!-- END panel -->
</div>
<div class="col-xl-4">
<!-- BEGIN panel -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">Quick Actions</h4>
<div class="panel-heading-btn">
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
</div>
</div>
<div class="panel-body">
<div class="d-grid gap-2">
<a href="{% url 'inpatients:discharge_update' object.pk %}" class="btn btn-primary">
<i class="fa fa-edit me-2"></i>Edit Discharge
</a>
<button class="btn btn-info" onclick="printDischarge()">
<i class="fa fa-print me-2"></i>Print Discharge Summary
</button>
<button class="btn btn-success" onclick="generateInstructions()">
<i class="fa fa-file-pdf me-2"></i>Generate Patient Instructions
</button>
<a href="{% url 'inpatients:admission_detail' object.admission.pk %}" class="btn btn-secondary">
<i class="fa fa-bed me-2"></i>View Admission
</a>
<a href="{% url 'patients:patient_detail' object.admission.patient.pk %}" class="btn btn-outline-primary">
<i class="fa fa-user me-2"></i>View Patient Profile
</a>
{% if object.discharge_status == 'pending' %}
<button class="btn btn-warning" onclick="updateStatus('completed')">
<i class="fa fa-check me-2"></i>Mark as Completed
</button>
{% endif %}
</div>
</div>
</div>
<!-- END panel -->
<!-- BEGIN panel -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">Patient Information</h4>
<div class="panel-heading-btn">
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
</div>
</div>
<div class="panel-body">
<div class="d-flex align-items-center mb-3">
<div class="flex-fill">
<div class="fw-bold">{{ object.admission.patient.get_full_name }}</div>
<div class="text-muted small">{{ object.admission.patient.medical_record_number }}</div>
</div>
<a href="{% url 'patients:patient_detail' object.admission.patient.pk %}" class="btn btn-sm btn-outline-primary">
View Profile
</a>
</div>
<table class="table table-sm table-borderless">
<tr>
<td class="text-muted">Age:</td>
<td>{{ object.admission.patient.age }} years</td>
</tr>
<tr>
<td class="text-muted">Gender:</td>
<td>{{ object.admission.patient.get_gender_display }}</td>
</tr>
<tr>
<td class="text-muted">Blood Type:</td>
<td>
{% if object.admission.patient.blood_type %}
<span class="badge bg-danger">{{ object.admission.patient.blood_type }}</span>
{% else %}
Unknown
{% endif %}
</td>
</tr>
<tr>
<td class="text-muted">Allergies:</td>
<td>
{% if object.admission.patient.allergies %}
<span class="text-warning">{{ object.admission.patient.allergies }}</span>
{% else %}
None known
{% endif %}
</td>
</tr>
<tr>
<td class="text-muted">Emergency Contact:</td>
<td>
{% if object.admission.patient.emergency_contact %}
{{ object.admission.patient.emergency_contact }}
{% else %}
Not provided
{% endif %}
</td>
</tr>
</table>
</div>
</div>
<!-- END panel -->
<!-- BEGIN panel -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">Admission Summary</h4>
<div class="panel-heading-btn">
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
</div>
</div>
<div class="panel-body">
<table class="table table-sm table-borderless">
<tr>
<td class="text-muted">Admission Date:</td>
<td>{{ object.admission.admission_date|date:"M d, Y" }}</td>
</tr>
<tr>
<td class="text-muted">Admission Type:</td>
<td>{{ object.admission.get_admission_type_display }}</td>
</tr>
<tr>
<td class="text-muted">Admission Reason:</td>
<td>{{ object.admission.admission_reason|default:"Not specified" }}</td>
</tr>
<tr>
<td class="text-muted">Room/Bed:</td>
<td>{{ object.admission.bed|default:"Not assigned" }}</td>
</tr>
<tr>
<td class="text-muted">Insurance:</td>
<td>{{ object.admission.insurance_information|default:"Not provided" }}</td>
</tr>
</table>
<div class="mt-3">
<a href="{% url 'inpatients:admission_detail' object.admission.pk %}" class="btn btn-sm btn-outline-secondary w-100">
<i class="fa fa-bed me-2"></i>View Full Admission Details
</a>
</div>
</div>
</div>
<!-- END panel -->
<!-- BEGIN panel -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">Discharge Timeline</h4>
<div class="panel-heading-btn">
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
</div>
</div>
<div class="panel-body">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-time">{{ object.admission.admission_date|date:"M d, Y" }}</div>
<div class="timeline-icon bg-primary"><i class="fa fa-hospital"></i></div>
<div class="timeline-body">
<div class="timeline-header">Patient Admitted</div>
<div class="timeline-content text-muted">
{{ object.admission.admission_reason|default:"Admission to hospital" }}
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">{{ object.created_at|date:"M d, Y H:i" }}</div>
<div class="timeline-icon bg-info"><i class="fa fa-file-medical"></i></div>
<div class="timeline-body">
<div class="timeline-header">Discharge Planned</div>
<div class="timeline-content text-muted">
Discharge documentation initiated
</div>
</div>
</div>
{% if object.discharge_status == 'completed' %}
<div class="timeline-item">
<div class="timeline-time">{{ object.discharge_date|date:"M d, Y" }} {{ object.discharge_time|time:"H:i" }}</div>
<div class="timeline-icon bg-success"><i class="fa fa-home"></i></div>
<div class="timeline-body">
<div class="timeline-header">Patient Discharged</div>
<div class="timeline-content text-muted">
Discharged {{ object.get_discharge_type_display|lower }} to {{ object.discharge_destination|default:"home" }}
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
<!-- END panel -->
</div>
</div>
{% endblock %}
{% block js %}
<script src="{% static 'assets/plugins/datatables.net/js/jquery.dataTables.min.js' %}"></script>
<script src="{% static 'assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js' %}"></script>
<script src="{% static 'assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js' %}"></script>
<script src="{% static 'assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js' %}"></script>
<script>
function updateStatus(newStatus) {
if (confirm('Are you sure you want to update the discharge status?')) {
$.ajax({
url: '{% url "inpatients:discharge_update_status" object.pk %}',
method: 'POST',
data: {
'status': newStatus,
'csrfmiddlewaretoken': '{{ csrf_token }}'
},
success: function(response) {
if (response.success) {
toastr.success('Discharge status updated successfully');
location.reload();
} else {
toastr.error('Failed to update discharge status');
}
},
error: function() {
toastr.error('An error occurred while updating the status');
}
});
}
}
function printDischarge() {
// Create a print-friendly version
var printWindow = window.open('', '_blank');
var printContent = `
<html>
<head>
<title>Discharge Summary - {{ object.admission.patient.get_full_name }}</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.header { text-align: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px; }
.section { margin-bottom: 20px; }
.section h3 { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
table { width: 100%; border-collapse: collapse; }
td { padding: 5px; border-bottom: 1px solid #eee; }
.fw-bold { font-weight: bold; }
</style>
</head>
<body>
<div class="header">
<h1>Hospital Discharge Summary</h1>
<p>{{ object.admission.patient.get_full_name }} - {{ object.admission.patient.medical_record_number }}</p>
</div>
<div class="section">
<h3>Discharge Information</h3>
<table>
<tr><td class="fw-bold">Discharge Date:</td><td>{{ object.discharge_date|date:"M d, Y" }}</td></tr>
<tr><td class="fw-bold">Discharge Time:</td><td>{{ object.discharge_time|time:"H:i" }}</td></tr>
<tr><td class="fw-bold">Discharge Type:</td><td>{{ object.get_discharge_type_display }}</td></tr>
<tr><td class="fw-bold">Length of Stay:</td><td>{{ object.get_length_of_stay }} days</td></tr>
</table>
</div>
{% if object.primary_diagnosis %}
<div class="section">
<h3>Diagnoses</h3>
<p><strong>Primary:</strong> {{ object.primary_diagnosis }}</p>
{% if object.secondary_diagnoses %}
<p><strong>Secondary:</strong> {{ object.secondary_diagnoses }}</p>
{% endif %}
</div>
{% endif %}
{% if object.discharge_summary %}
<div class="section">
<h3>Discharge Summary</h3>
<p>{{ object.discharge_summary }}</p>
</div>
{% endif %}
{% if object.discharge_medications %}
<div class="section">
<h3>Discharge Medications</h3>
<p>{{ object.discharge_medications }}</p>
</div>
{% endif %}
{% if object.discharge_instructions %}
<div class="section">
<h3>Patient Instructions</h3>
<p>{{ object.discharge_instructions }}</p>
</div>
{% endif %}
{% if object.follow_up_instructions %}
<div class="section">
<h3>Follow-up Instructions</h3>
<p>{{ object.follow_up_instructions }}</p>
</div>
{% endif %}
</body>
</html>
`;
printWindow.document.write(printContent);
printWindow.document.close();
printWindow.print();
}
function generateInstructions() {
$.ajax({
url: '{% url "inpatients:discharge_generate_instructions" object.pk %}',
method: 'POST',
data: {
'csrfmiddlewaretoken': '{{ csrf_token }}'
},
success: function(response) {
if (response.success) {
// Open the generated PDF in a new window
window.open(response.pdf_url, '_blank');
toastr.success('Patient instructions generated successfully');
} else {
toastr.error('Failed to generate patient instructions');
}
},
error: function() {
toastr.error('An error occurred while generating instructions');
}
});
}
$(document).ready(function() {
// Auto-refresh for pending discharges
{% if object.discharge_status == 'pending' %}
setInterval(function() {
// Check if status has been updated
$.ajax({
url: '{% url "inpatients:discharge_status_check" object.pk %}',
success: function(response) {
if (response.status !== '{{ object.discharge_status }}') {
location.reload();
}
}
});
}, 30000); // Check every 30 seconds
{% endif %}
});
</script>
{% endblock %}