{% extends 'base.html' %}
{% block content %}
<div class="d-flex flex-wrap gap-2 justify-content-between align-items-center mb-3"><h1 class="h3">Debug</h1><div>{% if debug_mode %}<span class="badge text-bg-warning">Debug ON</span>{% endif %}{% if dry_run %}<span class="badge text-bg-info">Dry Run ON</span>{% endif %}</div></div>
{% if result %}<div class="alert alert-secondary"><pre class="mb-0 text-start" dir="ltr">{{ result|tojson(indent=2) }}</pre></div>{% endif %}
<div class="row g-3">
<div class="col-xl-6"><div class="card h-100"><div class="card-header">{{ t('normalizer_test') }}</div><div class="card-body"><form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="normalize"><textarea class="form-control mb-2" name="text" rows="3" placeholder="Text"></textarea><button class="btn btn-primary">{{ t('run_test') }}</button></form>{% if normalizer %}<hr><div>Original: <code>{{ normalizer.original }}</code></div><div>Normalized: <code>{{ normalizer.normalized }}</code></div><div>Changes: {{ normalizer.changes|join(', ') }}</div>{% endif %}</div></div></div>
<div class="col-xl-6"><div class="card h-100"><div class="card-header">{{ t('automation_test') }}</div><div class="card-body"><form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="automation_test"><div class="row g-2"><div class="col-4"><select name="trigger_type" class="form-select"><option value="comment">Comment</option><option value="dm">DM</option></select></div><div class="col-8"><input class="form-control" name="media_id" placeholder="Media ID (optional)"></div><div class="col-12"><textarea class="form-control" name="text" placeholder="Test text" required></textarea></div></div><button class="btn btn-primary mt-2">Dry Run</button></form>{% if automation_test %}<hr><pre class="small text-start" dir="ltr">{{ automation_test|tojson(indent=2) }}</pre>{% endif %}</div></div></div>
<div class="col-xl-6"><div class="card h-100"><div class="card-header">{{ t('full_diagnostics') }}</div><div class="card-body"><form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="diagnostics"><div class="form-check mb-2"><input class="form-check-input" type="checkbox" name="online" value="1" id="online"><label class="form-check-label" for="online">Include one live Instagram request</label></div><button class="btn btn-outline-primary">{{ t('full_diagnostics') }}</button></form><form method="post" action="{{ url_for('main.debug_report') }}" class="mt-2"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="btn btn-outline-secondary">{{ t('debug_report') }}</button></form></div></div></div>
<div class="col-xl-6"><div class="card h-100"><div class="card-header">Instagram Debug</div><div class="card-body"><dl class="row small">{% for k,v in data.instagram.items() %}<dt class="col-5">{{ k }}</dt><dd class="col-7">{{ v }}</dd>{% endfor %}</dl><form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="instagram_test"><button class="btn btn-outline-primary">{{ t('test_connection') }}</button></form></div></div></div>
<div class="col-12"><div class="card"><div class="card-header">{{ t('test_message') }}</div><div class="card-body"><form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><div class="row g-2"><div class="col-md-3"><input class="form-control" name="user_id" placeholder="Instagram User ID" required></div><div class="col-md-4"><input class="form-control" name="test_text" placeholder="Text"></div><div class="col-md-3"><select class="form-select" name="media_file_id"><option value="0">Media file</option>{% for f in data.media_files %}<option value="{{ f.id }}">#{{ f.id }} {{ f.original_name }}</option>{% endfor %}</select></div><div class="col-md-2"><div class="form-check pt-2"><input class="form-check-input" type="checkbox" name="confirm" value="yes" id="confirm"><label class="form-check-label" for="confirm">{{ t('confirm_real_send') }}</label></div></div><div class="col-12 d-flex gap-2"><button class="btn btn-outline-primary" name="action" value="test_text">Send Test Text</button><button class="btn btn-outline-primary" name="action" value="test_image">Send Test Image</button><button class="btn btn-outline-primary" name="action" value="test_video">Send Test Video</button></div></div></form></div></div></div>
</div>

<h2 class="h5 mt-4">System Info</h2><div class="card"><div class="table-responsive"><table class="table table-sm mb-0"><tbody>{% for k,v in data.system.items() %}<tr><th>{{ k }}</th><td class="text-break">{{ v }}</td></tr>{% endfor %}</tbody></table></div></div>
<h2 class="h5 mt-4">Database Debug</h2><div class="card"><div class="card-body"><form method="post" class="mb-3"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="db_integrity"><button class="btn btn-outline-primary btn-sm">{{ t('integrity_check') }}</button></form><div class="table-responsive"><table class="table table-sm mb-0"><tbody>{% for k,v in data.database.items() %}<tr><th>{{ k }}</th><td>{{ v }}</td></tr>{% endfor %}</tbody></table></div></div></div>
<h2 class="h5 mt-4">Worker Debug</h2><div class="card"><div class="table-responsive"><table class="table table-sm mb-0"><thead><tr><th>Run</th><th>Start</th><th>Duration</th><th>Result</th><th>Comments</th><th>DM</th><th>Triggered</th><th>Sent</th><th>Errors</th></tr></thead><tbody>{% for r in data.worker_runs %}<tr><td>#{{ r.id }}</td><td>{{ r.started_at }}</td><td>{{ r.duration_ms }} ms</td><td>{{ r.result }}</td><td>{{ r.comments_checked }}/{{ r.new_comments }}</td><td>{{ r.dm_checked }}/{{ r.new_dm }}</td><td>{{ r.automations_triggered }}</td><td>{{ r.messages_sent }}</td><td>{{ r.errors }}</td></tr>{% endfor %}</tbody></table></div></div>
<h2 class="h5 mt-4">Detailed Debug</h2><div class="card"><div class="table-responsive"><table class="table table-sm mb-0"><thead><tr><th>Date</th><th>Run</th><th>Stage</th><th>Result</th><th>Message</th></tr></thead><tbody>{% for r in data.debug_logs %}<tr><td>{{ r.created_at }}</td><td>{{ r.run_id }}</td><td>{{ r.stage }}</td><td>{{ r.result }}</td><td>{{ r.message }}</td></tr>{% endfor %}</tbody></table></div></div>
{% endblock %}