Continue implementing WhatsApp

core/templates/pages/compose-contact-match.html

@@ -83,9 +83,11 @@
                 <table class="table is-fullwidth is-hoverable is-striped">
                   <thead>
                     <tr>
-                      <th>Contact</th>
+                      <th>Person</th>
+                      <th>Detected Name</th>
                       <th>Service</th>
                       <th>Identifier</th>
+                      <th>Suggested Match</th>
                       <th>Status</th>
                       <th></th>
                     </tr>
@@ -93,12 +95,35 @@
                   <tbody>
                     {% for row in candidates %}
                       <tr>
-                        <td>{{ row.person_name }}</td>
+                        <td>{{ row.linked_person_name|default:"-" }}</td>
+                        <td>{{ row.detected_name|default:"-" }}</td>
                         <td>
-                          <span class="icon is-small"><i class="{{ row.service_icon_class }}"></i></span>
                           {{ row.service|title }}
                         </td>
                         <td><code>{{ row.identifier }}</code></td>
+                        <td>
+                          {% if not row.linked_person and row.suggestions %}
+                            <div class="buttons are-small">
+                              {% for suggestion in row.suggestions %}
+                                <form method="post" style="display: inline-flex;">
+                                  {% csrf_token %}
+                                  <input type="hidden" name="service" value="{{ row.service }}">
+                                  <input type="hidden" name="identifier" value="{{ row.identifier }}">
+                                  <input type="hidden" name="person_id" value="{{ suggestion.person.id }}">
+                                  <button
+                                    type="submit"
+                                    class="button is-small is-success is-light is-rounded"
+                                    title="Accept suggested match">
+                                    <span class="icon is-small"><i class="fa-solid fa-check"></i></span>
+                                    <span>{{ suggestion.person.name }}</span>
+                                  </button>
+                                </form>
+                              {% endfor %}
+                            </div>
+                          {% else %}
+                            <span class="has-text-grey">-</span>
+                          {% endif %}
+                        </td>
                         <td>
                           {% if row.linked_person %}
                             <span class="tag is-success is-light">linked</span>