{% extends "base.html" %}
{% block title %}MRWK Account{% endblock %}
{% block content %}
<section class="detail">
  <p class="eyebrow">GitHub</p>
  <h1>Contributor account</h1>
  {% if github_login %}
  <p class="lead">Signed in as {{ github_login }}.</p>
  <p class="notice"><code>github:{{ github_login }}</code> has {{ github_balance_mrwk }} MRWK available to claim.</p>
  <form method="post" action="/auth/logout" class="inline-form">
    <button type="submit">Sign out</button>
  </form>
  {% else %}
  <p class="lead">Sign in to link a wallet and claim any older <code>github:*</code> balance.</p>
  <h2>Link a wallet</h2>
  <div class="actions">
    <a href="/auth/github/login?next=/me">Sign in with GitHub</a>
  </div>
  {% endif %}
</section>

{% if github_login %}
<section class="panel wallet-tool" data-github-tool data-github-login="{{ github_login }}">
  <h2>Link a wallet</h2>
  <form data-action="link-github">
    <label>Wallet address <input name="address" placeholder="mrwk1..." required></label>
    <label>Private key <textarea name="private_key_hex" rows="5" autocomplete="off" autocapitalize="none" spellcheck="false" required></textarea></label>
    <p class="notice">Use the private key for this wallet address; a different key will be rejected. Clear this field after use. Never share your private key.</p>
    <p class="notice" data-link-nonce-status>Transaction number is handled automatically.</p>
    <button type="submit">Sign and link</button>
  </form>
  <pre class="result" data-link-result></pre>

  <h2>Claim GitHub balance</h2>
  <form data-action="claim-github">
    <label>Wallet address <input name="address" placeholder="mrwk1..." value="{{ linked_wallet_address or '' }}" required></label>
    <label>Private key <textarea name="private_key_hex" rows="5" autocomplete="off" autocapitalize="none" spellcheck="false" required></textarea></label>
    <p class="notice">Claim works only after this GitHub account is linked to the wallet. Clear this field after use. Never share your private key.</p>
    {% if linked_wallet_address %}
    <p class="notice">Claim form is prefilled with your linked wallet.</p>
    {% endif %}
    <p class="notice" data-claim-nonce-status>Transaction number is handled automatically.</p>
    <button type="submit">Sign and claim</button>
  </form>
  <pre class="result" data-claim-result></pre>
</section>
{% endif %}
<script src="/static/wallet.js" defer></script>
{% endblock %}