{% load helpers %}
{% if custom_fields %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Custom Fields</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            {% for field, value in custom_fields.items %}
                <tr>
                    <td><span title="{{ field.description }}">{{ field }}</span></td>
                    <td>
                        {% if field.type == 'boolean' %}
                            {{ value | render_boolean }}
                        {% elif field.type == 'url' and value %}
                            <a href="{{ value }}">{{ value|truncatechars:70 }}</a>
                        {% elif field.type == 'multi-select' and value %}
                            {{ value|join:", " }}
                        {% elif value or value == 0 %}
                            {{ value }}
                        {% elif field.required %}
                            <span class="text-warning">Not defined</span>
                        {% else %}
                            <span class="text-muted">&mdash;</span>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
        </table>
    </div>
{% endif %}