{% extends 'base.html' %}
{% block title %}{{ t('setup') }}{% endblock %}
{% block content %}
<div class="card shadow-sm"><div class="card-body p-4">
<h1 class="h4">{{ t('setup') }}</h1>
<div class="progress my-3" role="progressbar"><div class="progress-bar" style="width: {{ step * 16.66 }}%">{{ step }}/6</div></div>
{% if step == 1 %}
<h2 class="h5">1. {{ t('server_check') }}</h2>
<div class="table-responsive"><table class="table align-middle"><tbody>{% for c in checks %}<tr><td>{{ c.name }}</td><td>{% if c.ok %}<span class="badge text-bg-success">OK</span>{% else %}<span class="badge text-bg-danger">ERROR</span>{% endif %}</td><td><small>{{ c.detail }}</small>{% if not c.ok and c.solution %}<div class="text-danger">{{ c.solution }}</div>{% endif %}</td></tr>{% endfor %}</tbody></table></div>
<a class="btn btn-primary" href="{{ url_for('main.setup', step=2) }}">{{ t('next') }}</a>
{% elif step == 2 %}
<h2 class="h5">2. {{ t('create_admin') }}</h2>
<form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="create_admin">
<div class="mb-3"><label class="form-label">{{ t('username') }}</label><input name="username" class="form-control" required minlength="3"></div>
<div class="mb-3"><label class="form-label">{{ t('password') }}</label><input type="password" name="password" class="form-control" required minlength="8"></div>
<button class="btn btn-primary">{{ t('create_admin') }}</button></form>
{% elif step == 3 %}
<h2 class="h5">3. {{ t('create_database') }}</h2><div class="alert alert-success">SQLite database initialized successfully.</div><a class="btn btn-primary" href="{{ url_for('main.setup', step=4) }}">{{ t('next') }}</a>
{% elif step == 4 %}
<h2 class="h5">4. {{ t('instagram') }}</h2>
<form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="instagram_connect">
<div class="row g-3"><div class="col-md-6"><label class="form-label">Instagram Username</label><input class="form-control" name="ig_username" value="{{ account.username or '' if account else '' }}" required></div><div class="col-md-6"><label class="form-label">Instagram Password</label><input class="form-control" type="password" name="ig_password" required></div><div class="col-md-6"><label class="form-label">{{ t('verification_code') }}</label><input class="form-control" name="verification_code" inputmode="numeric"></div></div>
<p class="small text-muted mt-2">Password is used for this login request and is not stored permanently. If verification is required, enter the password again with the code.</p>
<button class="btn btn-primary mt-2">{{ t('connect_account') }}</button> <a class="btn btn-outline-secondary mt-2" href="{{ url_for('main.setup', step=5) }}">Skip</a></form>
{% elif step == 5 %}
<h2 class="h5">5. {{ t('setup_scheduler') }}</h2><p>{{ t('scheduler_note') }}</p><pre class="codebox">{{ scheduler.cron_expression() }}
{{ scheduler.cron_command() }}</pre><a class="btn btn-primary" href="{{ url_for('main.setup', step=6) }}">{{ t('next') }}</a>
{% else %}
<h2 class="h5">6. {{ t('final_test') }}</h2><div class="table-responsive"><table class="table"><tbody>{% for c in diagnostics %}<tr><td>{{ c.name }}</td><td>{% if c.ok %}<span class="badge text-bg-success">OK</span>{% else %}<span class="badge text-bg-danger">ERROR</span>{% endif %}</td><td>{{ c.detail }}</td></tr>{% endfor %}</tbody></table></div>
<form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="finish"><button class="btn btn-success">{{ t('finish') }}</button></form>
{% endif %}
</div></div>
{% endblock %}