{% extends 'user/base.html' %}

{% block body %}
    <div class="collaborator-list limit-width ember-view">
        <table class="w-100 mb5">
            <tbody>
                <tr class="w-100 f5">
                    <th class="pl1 pr1 pv2 bb b--light-gray b">
                        application
                    </th>
                    <th class="pv2 pr1 bb b--light-gray b">
                        created
                    </th>
                    <th class="pv2 pr1 bb b--light-gray b">
                        expires
                    </th>
                    <th class="pv2 pr1 bb b--light-gray b">
                    </th>
                </tr>
            {% for grant in grants %}
                <tr class="ember-view">
                    <td class="bb b--light-silver pv2 pr1 gray">{{ grant.application }}</td>
                    <td class="bb b--light-silver pv2 pr1 gray">{{ grant.created }}</td>
                    <td class="bb b--light-silver pv2 pr1 gray">{{ grant.expires }}</td>
                    <td class="bb b--light-silver action-cell ember-view">
                        <button onclick="show_confirmation_box('grants', {{ grant.id }})" class="bg-transparent hk-focus-ring--blue:focus cursor-hand br1 ba0 b--none pa--1" title="Delete" type="button" data-v-1034a4fe=""><span class="clip" data-v-1034a4fe="">Delete</span><svg class="icon malibu-icon fill-gray hover-fill-red" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200" data-v-1034a4fe="" style="height: 16px; width: 16px;"><path d="M574.55 522.35L904.4 192.5c16.65-16.65 16.65-44.1 0-60.75l-1.8-1.8c-16.65-16.65-44.1-16.65-60.75 0L512 460.25l-329.85-330.3c-16.65-16.65-44.1-16.65-60.75 0l-1.8 1.8c-17.1 16.65-17.1 44.1 0 60.75l329.85 329.85L119.6 852.2c-16.65 16.65-16.65 44.1 0 60.75l1.8 1.8c16.65 16.65 44.1 16.65 60.75 0L512 584.9l329.85 329.85c16.65 16.65 44.1 16.65 60.75 0l1.8-1.8c16.65-16.65 16.65-44.1 0-60.75L574.55 522.35z" data-v-1034a4fe=""></path></svg></button>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}

{% block  is_grant_active %}active{% endblock %}