Notifications change

resources/js/Layouts/Partials/NotificationsBell.vue

@@ -95,9 +95,15 @@ async function markRead(item) {
     </template>
 
     <template #content>
-      <div class="px-3 py-2 text-xs text-gray-400 border-b sticky top-0 bg-white z-10 flex items-center justify-between">
+      <div
+        class="px-3 py-2 text-xs text-gray-400 border-b sticky top-0 bg-white z-10 flex items-center justify-between"
+      >
         <span>Zapadejo danes</span>
-        <Link :href="route('notifications.unread')" class="text-indigo-600 hover:text-indigo-700">Vsa obvestila</Link>
+        <Link
+          :href="route('notifications.unread')"
+          class="text-indigo-600 hover:text-indigo-700"
+          >Vsa obvestila</Link
+        >
       </div>
       <!-- Scrollable content area with max height -->
       <div class="max-h-80 overflow-auto">
@@ -141,6 +147,19 @@ async function markRead(item) {
                   <span v-else>{{ item.client_case?.person?.full_name || "—" }}</span>
                 </template>
               </div>
+              <!-- Partner / Client full name (use contract.client when available; fallback to case.client) -->
+              <div
+                class="text-xs text-gray-500 truncate"
+                v-if="item.contract?.client?.person?.full_name"
+              >
+                Partner: {{ item.contract.client.person.full_name }}
+              </div>
+              <div
+                class="text-xs text-gray-500 truncate"
+                v-else-if="item.client_case?.client?.person?.full_name"
+              >
+                Partner: {{ item.client_case.client.person.full_name }}
+              </div>
               <div class="text-gray-600 truncate" v-if="item.contract">
                 {{ fmtEUR(item.contract?.account?.balance_amount) }}
               </div>