list.html

{% extends "base.html" %}
{% load render_bundle from webpack_loader %}
{% load comment_extras %}

{% load static %}
{% block top_includes %}
  <link rel="stylesheet" type="text/css" href="/static/css/institutions.css" />
{% endblock %}
{% block title %}
    <title>List of Institutions</title>
{% endblock title %}
{% block content %}
    <h2>List of Institutions</h2>

    {% include "util/pagination.html" with items=page status=status %}
    <table class="table table-striped table-hover table-responsive">
    <thead>
        <tr>
            <th>Logo</th>
            <th>Name</th>
            <th>Description</th>
			<th>Status</th>
			<th>SSO Availability</th>
        </tr>
    </thead>
    <tbody>
    {% for institution in institutions %}
    <tr>
        <td>
            <a href="{% url 'institutions:detail' institution_id=institution.id %}">
                <img class="institution-logo" src="{{ institution.logo_path }}">
            </a>
        </td>
        <td><a href="{% url 'institutions:detail' institution_id=institution.id %}">{{ institution.name }}</a></td>
        <td>{{ institution.description | safe}}</td>
		{% if institution.deactivated is None %}
		<td>ACTIVE</td>
		{% else %}
		<td>DEACTIVATED</td>
		{% endif %}
		<td>{{ institution.sso_availability }}</td>
    </tr>
    {% endfor %}
    </tbody>
    </table>

{% endblock content %}