<table>
    <th><div class="language-name language-headeritem">{{ localize "rmss.pc_sheet_language.name" }}</div></th>
    <th><div class="language-entry language-headeritem">{{ localize "rmss.pc_sheet_language.spoken" }}</div></th>
    <th><div class="language-entry language-headeritem">{{ localize "rmss.pc_sheet_language.written" }}</div></th>
    <th><div class="language-entry language-headeritem"> </div></th>
  {{#each languages as |language id|}}
        <tr class="item" data-item-id="{{language._id}}">
            <td><div class="language-name">
                <h4>{{language.name}}</h4>
            </div></td>
            <td><div class="language-entry item-prop">{{language.system.spoken}}</div></td>
            <td><div class="language-entry item-prop">{{language.system.written}}</div></td>
            <td><div class="language-entry item-prop">
                <a class="item-edit" title="Edit Language" data-item-id="{{language._id}}"><i class="fas fa-edit"></i></a>
                <a class="item-delete" title="Delete Language" data-item-id="{{language._id}}"><i class="fas fa-trash"></i></a>
            </div></td>
        </tr>
  {{/each}}
</table>