Synnefo

<div class="maincol {% block innerpage.class %}{% endblock %}">

    <div class="section">

        <h2>You have <em>{{ inviter.invitations }}</em> invitation{{ inviter.invitations|pluralize }} left.</h2>

        {% if sent|length %}

          <table class="zebra-striped id-sorted">

            <thead>

              <tr>

                <th>Email</th>

                <th>Real Name</th>

                <th>Used</th>

              </tr>

            </thead>

            <tbody>

              {% for inv in sent %}

              <tr class="{% if inv.is_consumed %}used{% endif %}">

                <td>{{ inv.email }}</td>

                <td>{{ inv.realname }}</td>

                <td class="consumed">{% if inv.is_consumed %}Yes{% else %}No{% endif %}</td>

              </tr>

              {% endfor %}

            </tbody>

        </table>

        {% else %}

            <p>No invitations sent</p>

        {% endif %}

    </div>

<div class="rightcol">

 {% if inviter.invitations %}

  <form action="{% url astakos.im.views.invite %}" method="post"

    class="innerlabels">{% csrf_token %}

    <h2>INVITE SOMEONE ELSE</h2>

    {% with invitation_form as form %}

    {% include "im/form_render.html" %}

    {% endwith %}

    <div class="form-row submit">

        <input type="submit" class="submit altcol" value="SEND" />

    </div>

  </form>

  {% endif %}

</div>