81 lines
3.0 KiB
HTML
81 lines
3.0 KiB
HTML
<form hx-post="{% url 'patients:add_patient_note' patient.id %}"
|
|
hx-trigger="submit"
|
|
hx-swap="none">
|
|
{% csrf_token %}
|
|
|
|
<div class="mb-3">
|
|
<label for="title" class="form-label">Title</label>
|
|
<input type="text" class="form-control" id="title" name="title" required>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="content" class="form-label">Content</label>
|
|
<textarea class="form-control" id="content" name="content" rows="4" required></textarea>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for="category" class="form-label">Category</label>
|
|
<select class="form-select" id="category" name="category">
|
|
<option value="GENERAL">General</option>
|
|
<option value="MEDICAL">Medical</option>
|
|
<option value="ADMINISTRATIVE">Administrative</option>
|
|
<option value="BILLING">Billing</option>
|
|
<option value="INSURANCE">Insurance</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for="priority" class="form-label">Priority</label>
|
|
<select class="form-select" id="priority" name="priority">
|
|
<option value="NORMAL">Normal</option>
|
|
<option value="MEDIUM">Medium</option>
|
|
<option value="HIGH">High</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="is_alert" name="is_alert">
|
|
<label class="form-check-label" for="is_alert">
|
|
Mark as alert (will be prominently displayed)
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="is_confidential" name="is_confidential">
|
|
<label class="form-check-label" for="is_confidential">
|
|
Mark as confidential (restricted access)
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-end gap-2">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-save me-1"></i>Add Note
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
document.body.addEventListener('htmx:afterRequest', function(event) {
|
|
if (event.detail.target.tagName === 'FORM' && event.detail.xhr.status === 200) {
|
|
const response = JSON.parse(event.detail.xhr.responseText);
|
|
if (response.status === 'success') {
|
|
// Close modal and refresh notes list
|
|
const modal = bootstrap.Modal.getInstance(document.getElementById('add-note-modal'));
|
|
modal.hide();
|
|
htmx.trigger('[hx-get*="patient_notes_list"]', 'refresh');
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|