355 lines
16 KiB
HTML
355 lines
16 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
|
|
{% block title %}Delete Care Plan: {{ care_plan.title }}{% endblock %}
|
|
|
|
{% block css %}
|
|
<style>
|
|
.delete-warning {
|
|
background-color: rgba(var(--bs-danger-rgb), 0.1);
|
|
border-left: 4px solid var(--bs-danger);
|
|
padding: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.impact-assessment {
|
|
background-color: rgba(var(--bs-warning-rgb), 0.1);
|
|
border-left: 4px solid var(--bs-warning);
|
|
padding: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.alternative-actions {
|
|
background-color: rgba(var(--bs-info-rgb), 0.1);
|
|
border-left: 4px solid var(--bs-info);
|
|
padding: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.care-plan-badge {
|
|
font-size: 0.85rem;
|
|
padding: 0.35em 0.65em;
|
|
}
|
|
.care-plan-status-active {
|
|
background-color: var(--bs-success);
|
|
color: white;
|
|
}
|
|
.care-plan-status-completed {
|
|
background-color: var(--bs-secondary);
|
|
color: white;
|
|
}
|
|
.care-plan-status-draft {
|
|
background-color: var(--bs-warning);
|
|
color: white;
|
|
}
|
|
.care-plan-status-on-hold {
|
|
background-color: var(--bs-info);
|
|
color: white;
|
|
}
|
|
.care-plan-priority-high {
|
|
background-color: var(--bs-danger);
|
|
color: white;
|
|
}
|
|
.care-plan-priority-medium {
|
|
background-color: var(--bs-warning);
|
|
color: white;
|
|
}
|
|
.care-plan-priority-low {
|
|
background-color: var(--bs-info);
|
|
color: white;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- begin breadcrumb -->
|
|
<ol class="breadcrumb float-xl-end">
|
|
<li class="breadcrumb-item"><a href="{% url 'dashboard' %}">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'emr:dashboard' %}">EMR</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'emr:care_plan_list' %}">Care Plans</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'emr:care_plan_detail' care_plan.id %}">{{ care_plan.title }}</a></li>
|
|
<li class="breadcrumb-item active">Delete</li>
|
|
</ol>
|
|
<!-- end breadcrumb -->
|
|
|
|
<!-- begin page-header -->
|
|
<h1 class="page-header">Delete Care Plan <small>Confirm care plan deletion</small></h1>
|
|
<!-- end page-header -->
|
|
|
|
<!-- begin row -->
|
|
<div class="row">
|
|
<!-- begin col-12 -->
|
|
<div class="col-xl-12">
|
|
<!-- begin panel -->
|
|
<div class="panel panel-inverse">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">Confirm Deletion</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-success" data-toggle="panel-reload"><i class="fa fa-redo"></i></a>
|
|
<a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<!-- begin delete warning -->
|
|
<div class="delete-warning">
|
|
<h4 class="text-danger">
|
|
<i class="fa fa-exclamation-triangle me-2"></i> Warning: You are about to delete a care plan
|
|
</h4>
|
|
<p>
|
|
You are about to permanently delete the care plan <strong>"{{ care_plan.title }}"</strong>
|
|
for patient <strong>{{ care_plan.patient.get_full_name }}</strong>. This action cannot be undone.
|
|
</p>
|
|
<p>
|
|
Deleting this care plan will remove it from the patient's medical record and may affect
|
|
clinical notes, interventions, and other related records.
|
|
</p>
|
|
</div>
|
|
<!-- end delete warning -->
|
|
|
|
<!-- begin care plan summary -->
|
|
<h5 class="mb-3">Care Plan Summary</h5>
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered">
|
|
<tbody>
|
|
<tr>
|
|
<th width="25%">Care Plan ID</th>
|
|
<td>{{ care_plan.care_plan_id }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Title</th>
|
|
<td>{{ care_plan.title }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Patient</th>
|
|
<td>{{ care_plan.patient.get_full_name }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Plan Type</th>
|
|
<td>{{ care_plan.get_plan_type_display }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Status</th>
|
|
<td>
|
|
<span class="badge care-plan-status-{{ care_plan.status|lower }}">
|
|
{{ care_plan.get_status_display }}
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Priority</th>
|
|
<td>
|
|
<span class="badge care-plan-priority-{{ care_plan.priority|lower }}">
|
|
{{ care_plan.get_priority_display }}
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Start Date</th>
|
|
<td>{{ care_plan.start_date }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Primary Provider</th>
|
|
<td>{{ care_plan.primary_provider.get_full_name }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Completion</th>
|
|
<td>
|
|
<div class="progress" style="height: 20px;">
|
|
<div class="progress-bar bg-success" role="progressbar" style="width: {{ care_plan.completion_percentage }}%;" aria-valuenow="{{ care_plan.completion_percentage }}" aria-valuemin="0" aria-valuemax="100">{{ care_plan.completion_percentage }}%</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Created</th>
|
|
<td>{{ care_plan.created_at }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- end care plan summary -->
|
|
|
|
<!-- begin impact assessment -->
|
|
<div class="impact-assessment mt-4">
|
|
<h5>
|
|
<i class="fa fa-exclamation-circle me-2"></i> Impact Assessment
|
|
</h5>
|
|
<p>Deleting this care plan will affect the following:</p>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="card mb-3">
|
|
<div class="card-header bg-light">
|
|
<h6 class="card-title mb-0">Related Problems</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if care_plan.related_problems.all %}
|
|
<ul class="mb-0">
|
|
{% for problem in care_plan.related_problems.all %}
|
|
<li>{{ problem.problem_name }} ({{ problem.get_status_display }})</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<p class="mb-0">No problems associated with this care plan.</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="card mb-3">
|
|
<div class="card-header bg-light">
|
|
<h6 class="card-title mb-0">Clinical Notes</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if care_plan.clinical_notes.all %}
|
|
<ul class="mb-0">
|
|
{% for note in care_plan.clinical_notes.all %}
|
|
<li>{{ note.title }} ({{ note.note_datetime|date:"M d, Y" }})</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<p class="mb-0">No clinical notes associated with this care plan.</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card mb-3">
|
|
<div class="card-header bg-light">
|
|
<h6 class="card-title mb-0">Goals & Interventions</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if care_plan.goals or care_plan.interventions %}
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h6>Goals</h6>
|
|
{% if care_plan.goals %}
|
|
<ul class="mb-3">
|
|
{% for goal in care_plan.goals %}
|
|
<li>{{ goal.title }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<p>No goals defined.</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h6>Interventions</h6>
|
|
{% if care_plan.interventions %}
|
|
<ul class="mb-0">
|
|
{% for intervention in care_plan.interventions %}
|
|
<li>{{ intervention.title }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<p>No interventions defined.</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<p class="mb-0">No goals or interventions defined for this care plan.</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end impact assessment -->
|
|
|
|
<!-- begin alternative actions -->
|
|
<div class="alternative-actions">
|
|
<h5>
|
|
<i class="fa fa-lightbulb me-2"></i> Alternative Actions
|
|
</h5>
|
|
<p>Instead of deleting this care plan, consider these alternatives:</p>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="card mb-3">
|
|
<div class="card-body">
|
|
<h6 class="card-title">Mark as Completed</h6>
|
|
<p class="card-text">If the care plan has been fulfilled, mark it as completed instead of deleting it.</p>
|
|
<a href="{% url 'emr:care_plan_detail' care_plan.id %}" class="btn btn-sm btn-success">
|
|
<i class="fa fa-check me-1"></i> Mark as Completed
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card mb-3">
|
|
<div class="card-body">
|
|
<h6 class="card-title">Put On Hold</h6>
|
|
<p class="card-text">If the care plan is temporarily not relevant, put it on hold.</p>
|
|
<a href="{% url 'emr:care_plan_detail' care_plan.id %}" class="btn btn-sm btn-warning">
|
|
<i class="fa fa-pause me-1"></i> Put On Hold
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card mb-3">
|
|
<div class="card-body">
|
|
<h6 class="card-title">Edit Care Plan</h6>
|
|
<p class="card-text">Update the care plan information if it's incorrect or needs changes.</p>
|
|
<a href="{% url 'emr:care_plan_update' care_plan.id %}" class="btn btn-sm btn-primary">
|
|
<i class="fa fa-edit me-1"></i> Edit Care Plan
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end alternative actions -->
|
|
|
|
<!-- begin delete confirmation -->
|
|
<form method="post" class="mt-4">
|
|
{% csrf_token %}
|
|
|
|
<div class="form-check mb-3">
|
|
<input class="form-check-input" type="checkbox" id="confirmDelete" required>
|
|
<label class="form-check-label" for="confirmDelete">
|
|
I understand that this action cannot be undone and confirm that I want to permanently delete this care plan.
|
|
</label>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-between">
|
|
<a href="{% url 'emr:care_plan_detail' care_plan.id %}" class="btn btn-secondary">
|
|
<i class="fa fa-arrow-left me-1"></i> Cancel
|
|
</a>
|
|
<button type="submit" class="btn btn-danger" id="deleteButton" disabled>
|
|
<i class="fa fa-trash me-1"></i> Delete Care Plan
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<!-- end delete confirmation -->
|
|
</div>
|
|
</div>
|
|
<!-- end panel -->
|
|
</div>
|
|
<!-- end col-12 -->
|
|
</div>
|
|
<!-- end row -->
|
|
{% endblock %}
|
|
|
|
{% block js %}
|
|
<script>
|
|
$(document).ready(function() {
|
|
// Enable delete button only when confirmation checkbox is checked
|
|
$('#confirmDelete').change(function() {
|
|
if ($(this).is(':checked')) {
|
|
$('#deleteButton').prop('disabled', false);
|
|
} else {
|
|
$('#deleteButton').prop('disabled', true);
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
|