{namespace topwire=Topwire\ViewHelpers}

<f:if condition="{users}">
  <topwire:turbo.frame id="phone-directory-drop-area-{contentObject.uid}">
  <table class="table table-hover">
    <thead>
    <tr>
      <th>{v:l(key:'name')}</th>
      <th>{v:l(key:'function')}</th>
      <th>{v:l(key:'department')}</th>
    </tr>
    </thead>
    <bb:paginate objects="{users}" as="paginatedUsers" itemsPerPage="{pagination.itemsPerPage}"
                 page="{pagination.page}" pagination="p">
      <tbody>
      <f:for each="{paginatedUsers}" as="user">
        <tr>
          <td>
            {user.lastName} {user.firstName}
            <br>
            <f:if condition="{user.telephone} && !{user.hiddenFieldTelephone}">
              T: <bb:link.tel tel="{user.telephone}"/>
            </f:if>
          </td>
          <td>
            {user.title}
            <br>
            <f:if condition="{user.mobile} && !{user.hiddenFieldMobile}">
              M: <bb:link.tel tel="{user.mobile}"/>
            </f:if>
          </td>
          <td>
            {user.department}
            <f:if condition="!{user.hiddenFieldEmail}">
              <br><f:link.email email="{user.email}" />
            </f:if>
          </td>
        </tr>
      </f:for>
      </tbody>
      <tfoot>
      <tr>
        <td colspan="3">
          <f:render partial="PhoneDirectory/Pagination.html"
                    arguments="{pagination:p, contentObject:contentObject, filter:filter}" />
        </td>
      </tr>
      </tfoot>
    </bb:paginate>
  </table>
  </topwire:turbo.frame>
</f:if>