Implement OTP and show received callbacks

core/templates/partials/hook-list.html

@@ -9,11 +9,11 @@
     <th>received hooks</th>
     <th>actions</th>
   </thead>
-  {% for item in hooks %}
+  {% for item in items %}
     <tr>
       <td>{{ item.id }}</td>
       <td>{{ item.user }}</td>
-      <td>{{ item.name }}</td>
+      <td><code>{{settings.URL}}/{{settings.HOOK_PATH}}/{{ item.name }}</code></td>
       <td>{{ item.hook }}</td>
       <td>{{ item.received }}</td>
       <td>
@@ -42,6 +42,18 @@
               </span>
             </span>
           </button>
+          <button
+            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            hx-get="{% url 'callbacks' type='modal' hook_id=item.id %}"
+            hx-trigger="click"
+            hx-target="#hooks-table"
+            class="button is-success">
+            <span class="icon-text">
+              <span class="icon">
+                <i class="fa-solid fa-eye"></i>
+              </span>
+            </span>
+          </button>
         </div>
       </td>
     </tr>