{% extends 'base.html' %}
{% block title %}Settings{% endblock %}
{% block page_title %}Settings{% endblock %}

{% block content %}
<div style="max-width:600px">
  <div class="card" style="margin-bottom:20px">
    <div class="card-title">🔑 Facebook App Configuration</div>
    <div class="form-group">
      <label class="form-label">App ID</label>
      <div class="form-control" style="color:var(--text-muted)">{{ fb_app_id or '(not set – edit .env)' }}</div>
    </div>
    <div class="form-group">
      <label class="form-label">OAuth Redirect URI</label>
      <div class="form-control" style="color:var(--text-muted)">{{ fb_redirect or '(not set)' }}</div>
    </div>
    <div class="form-hint" style="margin-top:-8px">Edit the <code>.env</code> file to change these values, then restart the server.</div>
  </div>

  <div class="card" style="margin-bottom:20px">
    <div class="card-title">⏱ Scheduler</div>
    <div class="form-group">
      <label class="form-label">Cron Endpoint</label>
      <div class="form-control" style="color:var(--text-muted)">/schedule.py</div>
    </div>
    <div class="form-hint" style="margin-top:-8px">Set up an external cron job to access this URL periodically.</div>
  </div>

  <div class="card" style="margin-bottom:20px">
    <div class="card-title">🎨 Appearance</div>
    <div class="form-group">
      <label class="form-label">Theme</label>
      <select id="themeSelect" class="form-control" style="max-width:200px">
        <option value="dark">Dark Theme</option>
        <option value="light">Light Theme</option>
      </select>
    </div>
  </div>

  <div class="card">
    <div class="card-title">🔐 Account</div>
    <div style="display:flex;gap:10px">
      <a href="{{ url_for('auth.facebook_login') }}" class="btn btn-primary">
        <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
        Reconnect Facebook
      </a>
      <a href="{{ url_for('auth.logout') }}" class="btn btn-danger">Logout</a>
    </div>
  </div>
</div>
{% endblock %}