{% extends "_base.html" %}
{% block title %}{{ user.name or user.email }} · Cauldron{% endblock %}
{% block content %}

<div class="page-head">
  <div class="crumb">// account</div>
  <h1><span class="accent">{{ user.name or user.email.split('@')[0] }}</span></h1>
  <div class="lede">welcome back to the coven.</div>
</div>

<section class="panel">
  <div class="panel-head">
    <h2>identity</h2>
    <span class="ctx">authentik</span>
  </div>
  <dl class="kv">
    <dt>email</dt><dd>{{ user.email }}</dd>
    <dt>subject</dt><dd>{{ user.sub }}</dd>
  </dl>
</section>

<section class="panel green">
  <div class="panel-head">
    <h2>mealie</h2>
    {% if connected %}<span class="pill pill-ok">connected</span>{% else %}<span class="pill pill-warn">not connected</span>{% endif %}
  </div>

  {% if connected and mealie_user %}
    <dl class="kv">
      <dt>logged in as</dt><dd>{{ mealie_user.username or mealie_user.email }}</dd>
      <dt>full name</dt><dd>{{ mealie_user.fullName or '—' }}</dd>
      <dt>role</dt><dd>{{ 'admin' if mealie_user.admin else 'member' }}</dd>
    </dl>
    <form method="post" action="/disconnect-mealie" class="btn-row">
      <button class="btn btn-purple" type="submit">Disconnect</button>
      <span class="muted">revoking on mealie's side also works.</span>
    </form>
  {% elif connected %}
    <p class="muted">token stored, but mealie didn't return profile data. probably revoked or rotated.</p>
    <form method="post" action="/disconnect-mealie" class="btn-row">
      <button class="btn btn-purple" type="submit">Reset</button>
    </form>
  {% else %}
    <p>connect mealie so cauldron can act on your behalf — your recipes, your meal plan, your shopping list. one-time, ~30 seconds.</p>
    <p><a class="btn btn-primary" href="/connect-mealie">Connect mealie →</a></p>
  {% endif %}
</section>

<hr>
<form method="post" action="/logout">
  <button class="btn" type="submit">Sign out</button>
</form>

{% endblock %}