{% extends "base.html" %}

{% block title %}{{ camera_name }} - Camera Details{% endblock %}

{% block content %}
    <div class="card">
        <h2>Camera: {{ camera_name }}</h2>

        <div class="stats-grid">
            <div class="stat-card">
                <h3>{{ counts|length }}</h3>
                <p>Days with Data</p>
            </div>
            <div class="stat-card">
                <h3>{{ total }}</h3>
                <p>Total Counts</p>
            </div>
            <div class="stat-card">
                <h3>{{ (total / counts|length)|round(1) if counts|length > 0 else 0 }}</h3>
                <p>Average per Day</p>
            </div>
        </div>

        {% if counts %}
            <table>
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Count</th>
                        <th>Timestamp</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in counts %}
                    <tr>
                        <td><a href="{{ url_for('date_detail', date_str=item.date) }}">{{ item.date }}</a></td>
                        <td><span class="badge badge-success">{{ item.counter_value }}</span></td>
                        <td>{{ item.timestamp }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <div class="empty-state">
                <h3>No data for this camera</h3>
                <p>There are no records for camera {{ camera_name }}.</p>
            </div>
        {% endif %}

        <a href="{{ url_for('index') }}" class="btn btn-primary">← Back to Dashboard</a>
    </div>
{% endblock %}