{{#>layout}}

<header class="page-header">
  <h1>{{title_field context.entity}}</h1>

  <div class="button-row">
    <button data-entity-id="{{ context.entity._id.$oid }}" id="update-entity-btn">
      <i data-feather="save"></i>
      Save
    </button>
    <button data-entity-id="{{ context.entity._id.$oid }}" class="delete" id="delete-entity-btn">
      <i data-feather="trash"></i>
      Delete
    </button>
  </div>
</header>
<br>
<section class="entity-page">
  <form id="entity-form">
    {{#each context.model.fields}}
      <p class="field-name">
        {{title this.name}}
      </p>
      <p>
        {{form_field this (lookup ../context.entity this.name)}}
      </p>
    {{/each}}
  </form>
</section>

<script type="module" src="/scripts/entity_crud.js"></script>

{{/layout}}