<div id="addPatientNote" style="display:none">
    <add-patient-note :routes="routes"
                      :add-note="addNote"
                      :params="addNoteParams"
                      inline-template
    >
        <div v-if="addNote">
            <h3>Add a note</h3>
            <div class="row">
                                <textarea
                                        name="content"
                                        id="patientNotesInput"
                                        class="simpletinymce"
                                        placeholder="Patient notes"
                                        v-model="form.content"
                                ></textarea>
                <!-- ensure order association is sent -->
                <input type="hidden"
                       name="order_id"
                       :value="(params && params.orderID) ? params.orderID : ''">
                <!-- legacy mirror: some endpoints expect 'note' -->
                <input type="hidden"
                       name="note"
                       :value="form.content">
            </div>
            <div class="row">
                <div v-if="errors['general']"
                     class="validationMessage"
                >
                    <span v-html="errors['general']"></span>
                </div>
            </div>
            <div class="row btn-section">
                <input type="button"
                       class="btn button"
                       value="Save"
                       @click="store"
                >
                <input type="button"
                       class="btn button"
                       value="Cancel"
                       id="btn_cancel"
                       @click="cancel()"
                >
            </div>
        </div>
    </add-patient-note>
</div>
