{% extends 'base.html' %}

{% block content %}
<div class="container-fluid p-0 d-flex flex-column">
    <!-- Video Stream -->
    <div class="flex-grow-1 d-flex justify-content-center align-items-center">
        <img id="videoFeed" src="/video_feed_{{camera.Num}}" class="img-fluid" style="max-height: 100vh; object-fit: contain;">
        {% include "animated_logo.html" %}
    </div>

    <!-- Fixed Footer for Controls -->
    <footer class="bg-dark text-center py-2 fixed-bottom">
        <div class="d-flex