EagleEyev3/templates/camera_detail_partial.html

    <div class="row">
        <div class="col-md-6">
            <h3>{{ template_values['camera'].name }}</h3>
            <img src="/camera/{{ template_values['camera'].id }}/live_preview" style="width: 100%; max-height:360px;">
        </div>

        <div class="col-md-6" id="events_list">
            <h3>Events</h3>
            <ul>
                {% if template_values['events'] %}
                    {% for event in template_values['events'] %}
                        <li>{{ event['data'][0]['newStatus']['connectionStatus'] }} <br> <small>{{ event['startTimestamp'] }}</small></li>
                    {% endfor %}
                {% else %}
                    <li>No events in the last six hours</li>
                {% endif %}
            </ul>
            <div>
                 <!-- <button hx-get="/camera/{{ template_values['camera'].id }}/events" hx-trigger="click" hx-target="#event_list">refresh</button> -->
            </div>
        </div>
    </div>