{{define "item:shares"}}
<table class="table-all striped responsive">
  <thead>
    <tr>
      <th>Token</th>
      <th>Edit</th>
      <th>State date time</th>
      <th>End date time</th>
      <th></th>
    </tr>
  </thead>
  <tbody id="shares-items">
{{ range .item.Shares}}
{{ $share_name := printf "%s%v" "Share-" .Id }}
{{ $share_name_remove := printf "%s%v" "ItemShare-ToRemove-" .Id }}
<tr id="{{$share_name}}-Row">
    <td class="no-label {{$share_name}}-Col">
        {{ .Token }}
        <input type="hidden" id="{{$share_name_remove}}" name="{{$share_name_remove}}" value=""/>
    </td>
    <td class="no-label {{$share_name}}-Col">
        {{ .PermissionEdit }}
    </td>
    <td class="no-label {{$share_name}}-Col">
        {{ .StartDatetime }}
    </td>
    <td class="no-label {{$share_name}}-Col">
        {{ .EndDatetime }}
    </td>
    <td class="no-label">
        <button id="Delete-{{$share_name}}" class="delete" type="button" onclick="bm_element_list_delete(this, {{$share_name}}, {{$share_name_remove}})"><i class="bi bi-x-square" title="Remove"></i><span>Remove</span></button>
        <button id="Undelete-{{$share_name}}" style="margin-right: 5px;" class="delete" type="button" onclick="bm_element_list_undelete(this, {{$share_name}}, {{$share_name_remove}})" hidden><i class="bi bi-arrow-counterclockwise" title="Undo"></i><span>Undo</span></button>
    </td>
  </tr>
  {{ end }}
</tbody>
</table>
  {{ end }}