<div id="addPatientNote">
    <add-patient-note :routes="routes"
                      :add-note="addNote"
                      :params="addNoteParams"
                      inline-template
    >
        <div v-show="addNote">
            <h3>Add a note</h3>
            <div class="row">
                <textarea name="note"
                          id="patientNotesInput"
                          placeholder="Patient notes"
                ></textarea>
            </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>