<h1><a href="/admin/table/{{ .Table }}/">&laquo;</a>Admin {{ .Table }}</h1>

<block x-data="{item: {}}"
       x-init="item = await GetJson('/api/admin/table/{{ .Table }}/{{ .Id }}')">

  <form method="POST" action="/api/admin/table/{{ .Table }}/{{ .Id }}">
    <card>
    <top><h1>{{ .Table }} : {{ .Id }}</h1></top>
    <middle>
      <template x-for="(value, key) in item">
        <div>
          <label x-text="key" x-bind:for="key"></label>
          <input x-bind:name="key" x-text="value" x-model="item[key]" x-bind:id="key" />
        </div>
      </template>
    </middle>
    <bottom>
      <button type="button"><a href="/admin/table/{{ .Table }}/">Back</a></button>
      <button class="hover:btn-alert" type="button" @click.prevent="ConfirmDelete('{{ .Table }}', item.id)">Delete</button>
      <button class="hover:btn-hover" type="submit">Update</button>
    </bottom>
    </card>
  </form>
</block>
