{% extends "base.html" %}
{% block title %}Sync online{% endblock %}
{% block content %}
<div class="pagehead">
  <div><h1>Sync results online</h1><p>Send finished exam results to the online Teachers Dashboard.</p></div>
  <div class="row"><a class="btn" href="{{ url_for('admin_home') }}">Back</a></div>
</div>

<div class="card">
  <h2>Send results now</h2>
  {% if last %}<p><b>Last sync:</b> {{ last.time|dt }} · {{ 'OK' if last.ok else 'FAILED' }} · {{ last.msg }}</p>{% else %}<p class="muted">Not synced yet.</p>{% endif %}
  {% if ready %}
  <form method="post" action="{{ url_for('admin_sync_run') }}">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}"><button class="btn primary">Sync now</button>
  </form>
  <p class="muted small">This computer needs internet. Only submitted exams are sent; students still writing are included next time.</p>
  {% else %}<p class="muted">Save the settings below first.</p>{% endif %}
</div>

<div class="card">
  <h2>Settings</h2>
  <form method="post" action="{{ url_for('admin_sync_save') }}">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
    <p><label>Project URL<br><input name="url" value="{{ cfg.url or '' }}" placeholder="https://xxxx.supabase.co" size="50" required></label></p>
    <p><label>Anon public key {% if cfg.anon %}<span class="muted">(saved; leave blank to keep it)</span>{% endif %}<br><input name="anon" type="password" size="50" {{ '' if cfg.anon else 'required' }} autocomplete="off"></label></p>
    <p><label>Sync key {% if cfg.key %}<span class="muted">(saved; leave blank to keep it)</span>{% endif %}<br><input name="key" type="password" size="50" {{ '' if cfg.key else 'required' }} autocomplete="off"></label></p>
    <button class="btn">Save settings</button>
  </form>
</div>
{% endblock %}