PyRIGS/RIGS/templates/event_table.html

<div class="table-responsive">
    <table class="table">
        <thead class="thead-dark">
            <tr>
                <th scope="col">#</th>
                <th scope="col">Event Date</th>
                <th scope="col">Event Details</th>
                <th scope="col">MIC</th>
            </tr>
        </thead>
        <tbody>
        {% for event in events %}
            <tr {% include 'partials/event_table_colour.html' %}>
                <!---Number-->
                <th scope="row">{{ event.pk }}</th>
                <!--Dates-->
                <td>
                    <div><strong>{{ event.start_date|date:"D d/m/Y" }}</strong></div>
                    {% if event.end_date and event.end_date != event.start_date %}
                        <div><strong>{{ event.end_date|date:"D d/m/Y"  }}</strong></div>
                    {% endif %}
                    <!---Times-->
                    {% if not event.cancelled %}
                        <dl class="dl-horizontal">
                            {% if event.meet_at %}
                                <dt>Crew meet</dt>
                                <dd>{{ event.meet_at|date:"H:i" }}<br/>{{ event.meet_at|date:"(Y-m-d)" }}</dd>
                            {% endif %}
                            {% if event.has_start_time %}
                                <dt>Event starts</dt>
                                <dd>
                                    {{ event.start_time|date:"H:i" }}<br/>
                                    {{ event.start_date|date:"(Y-m-d)" }}<br/>
                                </dd>
                            {% endif %}
                            {% if event.has_end_time%}{% if event.start_date != event.end_date or event.start_time != event.end_time %}
                                <dt>Event ends</dt>
                                <dd>
                                    {{ event.end_time|date:"H:i" }}<br/>
                                    {{ event.end_date|date:"(Y-m-d)" }}
                                </dd>
                            {% endif %}{% endif %}
                        </dl>
                    {% endif %}
                </td>
                <!---Details-->
                <td>
                    <h4>
                        <a href="{% url 'event_detail' event.pk %}">
                            {{ event.name }}
                        </a>
                        {% if event.venue %}
                            <small>at {{ event.venue }}</small>
                        {% endif %}
                        {% if event.dry_hire %}
                            <span class="badge badge-secondary">Dry Hire</span>
                        {% endif %}
                    </h4>
                    {% if event.is_rig and not event.cancelled %}
                        <h5>
                            {{ event.person.name }}
                            {% if event.organisation %}
                                for {{ event.organisation.name }}
                            {% endif %}
                        </h5>
                    {% endif %}
                    {% if not event.cancelled and event.description %}
                        <p>{{ event.description|linebreaksbr }}</p>
                    {% endif %}
                    {% include 'partials/event_status.html' %}
                </td>
                <!---MIC-->
                <td>
                    {% if event.mic %}
                        <div class="media">
                            {% if perms.RIGS.view_profile %}
                                <a href="{% url 'profile_detail' event.mic.pk %}" class="modal-href">
                            {% endif %}
                                    <img src="{{ event.mic.profile_picture }}" class="event-mic-photo mr-3"/>
                            {% if perms.RIGS.view_profile %}
                                </a>
                            {% endif %}
                            <div class="media-body">
                                <p>{{ event.mic.initials }}</p>
                            </div>
                        </div>
                    {% elif event.is_rig %}
                        <span class="fas fa-exclamation"></span>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>