{%- import "partials/_ui.html" as ui -%}
{% if comp_codes.is_empty() %}
{% call ui::empty_state("", "No comp codes yet.") %}
{% else %}
<div class="scroll-x">
<table class="compact-table minw-700" aria-label="Comp codes">
    <thead>
        <tr>
            <th>Code (recipient)</th>
            <th>Trial</th>
            <th>Uses</th>
            <th>Status</th>
            <th>Expires</th>
            <th>Created</th>
        </tr>
    </thead>
    <tbody>
    {% for cc in comp_codes %}
        <tr>
            <td>{{ cc.code }}</td>
            <td class="text-sm nowrap">{{ cc.trial_label }}</td>
            <td class="text-sm nowrap">{{ cc.uses_label }}</td>
            <td><span class="badge">{{ cc.status }}</span></td>
            <td class="text-sm nowrap">{{ cc.expires_at }}</td>
            <td class="text-sm nowrap">{{ cc.created_at }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% endif %}