{% extends 'base.html' %}
{% block content %}
<div class="d-flex flex-wrap gap-2 justify-content-between align-items-center mb-3"><h1 class="h3">{{ t('dashboard') }}</h1><div class="d-flex gap-2 align-items-center">{% if debug_mode %}<span class="badge text-bg-warning">Debug Mode ON</span>{% endif %}{% if dry_run %}<span class="badge text-bg-info">Dry Run ON</span>{% endif %}<form method="post" action="{{ url_for('main.bot_toggle') }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="enabled" value="0"><button class="btn btn-sm btn-danger" onclick="return confirm('Stop bot sending?')">{{ t('stop_bot') }}</button></form></div></div>
<div class="row g-3 mb-4">
{% set cards = [(t('instagram'), account.status if account else 'disconnected'), (t('scheduler'), scheduler.status), (t('comments_today'), counts.comments_today), (t('dm_today'), counts.dm_today), (t('errors_today'), counts.errors_today), (t('active_automations'), counts.active_automations)] %}
{% for title, value in cards %}<div class="col-6 col-xl-2"><div class="card h-100"><div class="card-body"><div class="text-muted small">{{ title }}</div><div class="fs-5 fw-bold mt-1">{{ value }}</div></div></div></div>{% endfor %}
</div>
<div class="card mb-4"><div class="card-body py-2"><div class="row small"><div class="col-md-4"><strong>Scheduler Last Run:</strong> {{ scheduler.last_run or '-' }}</div><div class="col-md-4"><strong>Next Expected Run:</strong> {{ scheduler.next_expected or '-' }}</div><div class="col-md-4"><strong>Last Error:</strong> {{ scheduler.last_error or '-' }}</div></div></div></div>
<div class="row g-3"><div class="col-xl-6"><div class="card"><div class="card-header">{{ t('latest_activity') }}</div><div class="table-responsive"><table class="table table-sm mb-0"><tbody>{% for r in activities %}<tr><td>{{ r.created_at }}</td><td>{{ r.category }}</td><td>{{ r.message }}</td></tr>{% else %}<tr><td class="text-muted">No data</td></tr>{% endfor %}</tbody></table></div></div></div><div class="col-xl-6"><div class="card"><div class="card-header">{{ t('recent_errors') }}</div><div class="table-responsive"><table class="table table-sm mb-0"><tbody>{% for r in errors %}<tr><td>{{ r.created_at }}</td><td><span class="badge text-bg-danger">{{ r.error_type }}</span></td><td>{{ r.message }}</td></tr>{% else %}<tr><td class="text-muted">No errors</td></tr>{% endfor %}</tbody></table></div></div></div></div>
{% endblock %}