<section class="content project-list-note note note-add">
  <form id="note-form">
    <div class="note__add">
      <button class="btn btn_full btn-secondary btn-add-note">
        <i class="fas fa-pencil icon"></i>
        <span>Add notes</span>
      </button>
    </div>
    <div class="note__field">
      {{> form-row id="project-list-note" textarea="true" modifier="default-note" required="true"
        info="<span class='note-count'></span> characters left" row-mod="enquiry-field" maxlength="250" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do"}}
    </div>
    <div class="note__actions">
      <div class="note__save">
        <button class="btn btn_full btn-secondary btn-close-note">
          <span>Close without saving</span>
        </button>
        <button class="btn btn_full btn-primary btn-save-note">
          <span>Save</span>
        </button>
      </div>
      <div class="note__change">
        <button class="btn btn-remove-note">
          <i class="fas fa-trash"></i>
        </button>
        <button class="btn btn-secondary btn-edit-note">
          <i class="fas fa-pencil icon"></i>
          <span>Edit notes</span>
        </button>
      </div>
    </div>
  </form>
  {{> loader titleLoader="" hidden=true modifier="project-list__loader"}}
</section>

