{% extends "base.html" %}
{% block title %}{{ _("Connect a bank") }} · Wealth Dashboard{% endblock %}
{% block heading %}{{ _("Connect a bank") }}{% endblock %}
{% block lede %}
<p class="lede">{{ _f("You will be sent to your bank's own login page. This app never sees your banking password — the bank gives it read-only access to the account you tick, for {days} days at a time, and you can revoke it at your bank.", days=90) }}</p>
{% endblock %}
{% block content %}

{% if error %}<div class="flash flash-error">{{ error }}</div>{% endif %}

{% set by_hand %}<a href="{{ url_for('connect_paste') }}">{{ _("finish the connection by hand") }}</a>{% endset %}
<p class="sub">{{ _f("If your bank leaves you on a page that will not load, that is expected with an https-only redirect URL — {by_hand}.", by_hand=by_hand) | safe }}</p>

<form class="card form inline" method="get"
      action="{{ url_for('connect_pick', account_id=account_id) }}">
  <label for="country">{{ _("Country") }}</label>
  <input id="country" name="country" value="{{ country }}" maxlength="2" size="4">
  <label for="q">{{ _("Search") }}</label>
  <input id="q" name="q" value="{{ q }}" placeholder="DKB">
  <button type="submit">{{ _("Show banks") }}</button>
</form>

{% if banks %}
<p class="sub">{{ _n(banks|length, "{n} bank in {country}", "{n} banks in {country}", country=country) }}{% if sandboxes %}, {{ _n(sandboxes, "including {n} sandbox", "including {n} sandboxes") }}{% endif %}.</p>
{% if sandboxes %}
<div class="flash flash-ok"><strong>{{ _("Connect a sandbox bank first.") }}</strong>
  {{ _("It walks the identical flow — redirect, consent, session, balances, transactions — with the provider's own test credentials, and creates no consent at a real bank. If your redirect URL is registered wrongly, you find out here instead of by spending an authorisation you rely on.") }}</div>
{% endif %}
<table class="grid">
  <thead><tr><th>{{ _("Bank") }}</th><th>{{ _("Type") }}</th><th></th></tr></thead>
  <tbody>
  {% for b in banks %}
    <tr>
      <td>{{ b.name }}
        {% if b.sandbox %}<span class="tag">{{ _("sandbox") }}</span>{% endif %}</td>
      <td class="sub">{{ (b.psu_types or [])|join(', ') }}</td>
      <td class="num">
        <form method="post" action="{{ url_for('connect_start', account_id=account_id) }}">
          <input type="hidden" name="aspsp_name" value="{{ b.name }}">
          <input type="hidden" name="aspsp_country" value="{{ b.country or country }}">
          <button type="submit">{{ _("Connect") }}</button>
        </form>
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% elif not error %}
<div class="card empty"><p>{{ _("No banks matched. Try a shorter search, or check the country code.") }}</p></div>
{% endif %}
{% endblock %}