Setup the device link form page

templates/pages/device_link.html

@@ -0,0 +1,53 @@
+{#
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+#}
+
+{% extends "base.html" %}
+
+{% block content %}
+  <header class="page-heading">
+    <div class="icon">
+      {{ icon.link() }}
+    </div>
+
+    <div class="header">
+      <h1 class="title">Link a device</h1>
+      <p class="text">Enter the code displayed on your device</p>
+    </div>
+  </header>
+
+  <form method="POST" class="cpd-form-root">
+    <input type="hidden" name="csrf" value="{{ csrf_token }}" />
+
+    {% call(f) field.field(label="Device code", name="code", class="mb-4 self-center", form_state=form_state) %}
+      <div class="cpd-mfa-container">
+        <input {{ field.attributes(f) }}
+          id="mfa-code-input"
+          type="text"
+          minlength="0"
+          maxlength="6"
+          class="cpd-mfa-control uppercase"
+          required>
+
+        {% for _ in range(6) %}
+        <div class="cpd-mfa-digit" aria-hidden="true"></div>
+        {% endfor %}
+      </div>
+    {% endcall %}
+
+    {{ button.button(text=_("action.continue")) }}
+  </form>
+{% endblock content %}
+