[[ include ../_header ]]

	<h1>Media: [[- media.type ]]</h1>

  <nav>
    <a href="/staff">home</a>
    <a href="/staff/users">users</a>
    <a href="/staff/projects">projects</a>
    <a href="/staff/media">media</a>
  </nav>
  
  <hr>

  <center>
    <div id="media-embed" data-type="[[- media.type ]]" data-token="[[- media.token ]]" data-url="[[- media.url ]]" data-width="[[- media.width ]]" data-height="[[- media.height ]]" style="width: [[- media.width ]]px; height: [[- media.height ]]px">
    </div>
  </center>
  
  <table>
    <tr>
      <td>
        uploaded by
      </td>
      <td>
        [[ if (media.user.photo) { ]]
          <a href="/staff/users/[[- media.user.username ]]"><div style="background-image:url([[- media.user.photo ]])" class="avatar"></div></a>
        [[ } ]]
      </td>
      <td>
        <a href="/staff/users/[[- media.user.username ]]">[[- media.user.username ]]</a>
      </td>
      <td>
        [[- media.user.displayName ]]
      </td>
      <td class="editLinks">
        <a href="/profile/[[- media.user.username ]]">[view profile]</a>
      </td>
    </tr>
  </table>

  <div class="json">
    [[- mediaJSON ]]
  </div>

[[ include ../_footer ]]