{% block apps %}

<table class='app-placement'>
  <tbody>
    <tr>
      <td style='width:600px;'>
        <div id="content-apps">
        <h1>Phraseanet Developper Center</h1>
        <h3>{% trans 'Mes applications' %}</h3>
        {% if apps|length > 0 %}
        <ul class='app-list'>
          {% for app in apps %}
            <li id='app_{{app.get_id()}}'>
              <div>
                <button class='delete_app' type='button'>{% trans  'button::supprimer'%}</button>
                    <span class='app-row'>
                      <strong>
                        <a  class="link" id="app_dev_new" href="/api/oauthv2/applications/dev/{{app.get_id()}}/show">
                          {{app.get_name()}}
                        </a>
                      </strong>
                    </span>
                    <span class='app-row'>{{app.get_description() }}</span>
                    <span class='app-row'>{{app.get_website()}}</span>
              </div>
            </li>
          {%endfor%}
        </ul>
        {% else %}
          <div>
            {% trans 'Aucune application creee.' %}
          </div>
        {% endif %}
        </div>
      </td>
      <td style="vertical-align:top;text-align:left;">
        <div style="margin:10px;text-align:left;" class="side-section">
          <div>
              <a href="http://developer.phraseanet.com/" class="no_underline" target="_blank">
                <button class="link_button">{% trans 'Demarrer avec l\'API Phraseanet' %}</button>
              </a><br/>
              {% trans 'Decouvrez la documentation' %}
          </div>
          <div>
              <a id="app_dev_create" class="no_underline" href="/api/oauthv2/applications/dev/new">
                <button class="link_button">{% trans 'Creer une nouvelle applications' %}</button>
              </a><br/>
              {% trans 'Creez une application pour commencer a utiliser l\'API Phraseanet' %}
          </div>
        </div>
      </td>
    </tr>
  </tbody>
</table>


{% endblock %}