{% extends "base.html" %}

{% block content %}
<div class="container">
    <div class="row p-4 align-items-center rounded-3 border shadow-lg">
      <div class="col p-3 p-lg-5 pt-lg-3">
        <h2 class="display-4 fw-bold lh-1 text-body-emphasis">Connected Cameras</h2>
        <hr>
        <div class="row row-cols-1 row-cols-md-2 g-4">
        {% for camera_info, camera_module_info in camera_list %}
        <div class="col">
        <div class="card">
            <img id="pimage_preview_{{ camera_info.Num 