{% 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="utility--login utility--signer-modal">
        <p class="text-muted small mb-3">Use your Nostr credentials to authenticate.</p>
        <button class="btn btn--primary" data-action="click->utility--login#loginAct">Login with Extension</button>
        <button class="btn btn--primary" data-action="click->utility--signer-modal#openDialog">Login with a remote signer</button>
      </div>
      <twig:SignerModal />
    </div>
  {% endif %}
</div>
{% endblock %}