{% extends 'layout.html.twig' %}

{% block title %}Login | Decent Newsroom{% endblock %}

{% block body %}
<div class="container my-5">
  <h1 class="h3 mb-4">Login</h1>
  {% if authenticated %}
    <div class="alert alert-success">You are already authenticated.</div>
  {% else %}
    <div class="card">
      <div class="card-body" data-controller="login">
        <h2 class="h5 mb-2">Browser Extension Login</h2>
        <p class="text-muted small mb-3">Use your Nostr browser extension to authenticate.</p>
        <button type="button" class="btn btn-primary" data-action="click->login#loginAct">Login with Nostr</button>
        <p class="mt-3 small mb-0"><a href="{{ path('app_login_amber') }}">Need Amber / Bunker remote signer?</a></p>
      </div>
    </div>
  {% endif %}
</div>
{% endblock %}