Emergency button for missing persons

resources/js/Pages/Cases/Index.vue

@@ -90,6 +90,18 @@ const fmtCurrency = (v) => {
                       >
                         {{ c.person?.full_name || "-" }}
                       </Link>
+                      <button
+                        v-if="!c.person"
+                        @click.prevent="
+                          router.post(
+                            route('clientCase.emergencyPerson', { client_case: c.uuid })
+                          )
+                        "
+                        class="ml-2 inline-flex items-center rounded bg-red-50 px-2 py-0.5 text-xs font-semibold text-red-600 hover:bg-red-100 border border-red-200"
+                        title="Emergency: recreate missing person"
+                      >
+                        Add Person
+                      </button>
                     </td>
                     <td class="py-2 pr-4">{{ c.client?.person?.full_name || "-" }}</td>
 

resources/js/Pages/Client/Index.vue

@@ -141,6 +141,17 @@ const fmtCurrency = (v) => {
                       >
                         {{ client.person?.full_name || "-" }}
                       </Link>
+                      <div v-if="!client.person" class="mt-1">
+                        <PrimaryButton
+                          class="!py-0.5 !px-2 bg-red-500 hover:bg-red-600 text-xs"
+                          @click.prevent="
+                            router.post(
+                              route('client.emergencyPerson', { uuid: client.uuid })
+                            )
+                          "
+                          >Add Person</PrimaryButton
+                        >
+                      </div>
                     </td>
                     <td class="py-2 pr-4 text-right">
                       {{ client.cases_with_active_contracts_count ?? 0 }}