{% load helpers %}

<div class="card">
    <h5 class="card-header d-flex justify-content-between align-items-center">
        <span>SSL/TLS Certificates</span>
        <span class="badge text-bg-primary">{{ assignments|length }}</span>
    </h5>
    <div class="card-body">
        {% if assignments %}
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>Certificate</th>
                    <th>Status</th>
                    <th>Expires</th>
                    <th>Primary</th>
                </tr>
            </thead>
            <tbody>
                {% for assignment in assignments %}
                <tr>
                    <td>
                        <a href="{{ assignment.certificate.get_absolute_url }}">
                            {{ assignment.certificate.common_name }}
                        </a>
                    </td>
                    <td>
                        {% badge assignment.certificate.get_status_display bg_color=assignment.certificate.get_status_color %}
                    </td>
                    <td>
                        {% with days=assignment.certificate.days_remaining expired_days=assignment.certificate.days_expired %}
                            {% if days is not None %}
                                {% if days < 0 %}
                                    <span class="badge text-bg-danger">Expired {{ expired_days }} days ago</span>
                                {% elif days <= 14 %}
                                    <span class="badge text-bg-danger">{{ days }} days</span>
                                {% elif days <= 30 %}
                                    <span class="badge text-bg-warning">{{ days }} days</span>
                                {% else %}
                                    <span class="badge text-bg-success">{{ days }} days</span>
                                {% endif %}
                            {% else %}
                                <span class="text-muted">N/A</span>
                            {% endif %}
                        {% endwith %}
                    </td>
                    <td>
                        {% if assignment.is_primary %}
                            <span class="text-success"><i class="mdi mdi-check-bold"></i></span>
                        {% else %}
                            <span class="text-muted"><i class="mdi mdi-minus"></i></span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <p class="text-muted mb-0">No certificates assigned.</p>
        {% endif %}
    </div>
</div>