Updated client contract table and notification table, multiselect

app/Http/Controllers/ActivityNotificationController.php

@@ -13,8 +13,10 @@ class ActivityNotificationController extends Controller
      */
     public function __invoke(Request $request)
     {
-        $request->validate([
-            'activity_id' => ['required', 'integer', 'exists:activities,id'],
+        $data = $request->validate([
+            'activity_id' => ['sometimes', 'integer', 'exists:activities,id'],
+            'activity_ids' => ['sometimes', 'array', 'min:1'],
+            'activity_ids.*' => ['integer', 'exists:activities,id'],
         ]);
 
         $userId = optional($request->user())->id;
@@ -22,9 +24,18 @@ public function __invoke(Request $request)
             abort(403);
         }
 
-        $activity = Activity::query()->select(['id', 'due_date'])->findOrFail($request->integer('activity_id'));
-        $due = optional($activity->due_date) ? date('Y-m-d', strtotime($activity->due_date)) : now()->toDateString();
+        $ids = [];
+        if (!empty($data['activity_id'])) {
+            $ids[] = $data['activity_id'];
+        }
+        if (!empty($data['activity_ids'])) {
+            $ids = array_merge($ids, $data['activity_ids']);
+        }
+        $ids = array_unique($ids);
 
+        $activities = Activity::query()->select(['id', 'due_date'])->whereIn('id', $ids)->get();
+        foreach ($activities as $activity) {
+            $due = optional($activity->due_date) ? date('Y-m-d', strtotime($activity->due_date)) : now()->toDateString();
             ActivityNotificationRead::query()->updateOrCreate(
                 [
                     'user_id' => $userId,
@@ -35,6 +46,7 @@ public function __invoke(Request $request)
                     'read_at' => now(),
                 ]
             );
+        }
 
         return back();
     }

app/Http/Controllers/Admin/UserRoleController.php

@@ -20,7 +20,7 @@ public function index(Request $request): Response
     {
         Gate::authorize('manage-settings');
 
-        $users = User::with('roles:id,slug,name')->orderBy('name')->get(['id', 'name', 'email']);
+        $users = User::with('roles:id,slug,name')->orderBy('name')->get(['id', 'name', 'email', 'active']);
         $roles = Role::with('permissions:id,slug,name')->orderBy('name')->get(['id', 'name', 'slug']);
         $permissions = Permission::orderBy('slug')->get(['id', 'name', 'slug']);
 
@@ -61,4 +61,16 @@ public function update(Request $request, User $user): RedirectResponse
 
         return back()->with('success', 'Roles updated');
     }
+
+    public function toggleActive(User $user): RedirectResponse
+    {
+        Gate::authorize('manage-settings');
+
+        $user->active = ! $user->active;
+        $user->save();
+
+        $status = $user->active ? 'aktiviran' : 'deaktiviran';
+
+        return back()->with('success', "Uporabnik {$status}");
+    }
 }

app/Http/Controllers/ClientController.php

@@ -118,7 +118,8 @@ public function contracts(Client $client, Request $request)
         $from = $request->input('from');
         $to = $request->input('to');
         $search = $request->input('search');
-        $segmentId = $request->input('segment');
+        $segmentsParam = $request->input('segments');
+        $segmentIds = $segmentsParam ? array_filter(explode(',', $segmentsParam)) : [];
 
         $contractsQuery = \App\Models\Contract::query()
             ->whereHas('clientCase', function ($q) use ($client) {
@@ -150,9 +151,9 @@ public function contracts(Client $client, Request $request)
                         });
                 });
             })
-            ->when($segmentId, function ($q) use ($segmentId) {
-                $q->whereHas('segments', function ($s) use ($segmentId) {
-                    $s->where('segments.id', $segmentId)
+            ->when($segmentIds, function ($q) use ($segmentIds) {
+                $q->whereHas('segments', function ($s) use ($segmentIds) {
+                    $s->whereIn('segments.id', $segmentIds)
                         ->where('contract_segment.active', true);
                 });
             })
@@ -168,7 +169,7 @@ public function contracts(Client $client, Request $request)
         return Inertia::render('Client/Contracts', [
             'client' => $data,
             'contracts' => $contractsQuery->paginate($request->integer('perPage', 20))->withQueryString(),
-            'filters' => $request->only(['from', 'to', 'search', 'segment']),
+            'filters' => $request->only(['from', 'to', 'search', 'segments']),
             'segments' => $segments,
             'types' => $types,
         ]);

app/Http/Controllers/ContractController.php

@@ -4,6 +4,8 @@
 
 use App\Models\Contract;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Validation\Rule;
 use Inertia\Inertia;
 
 class ContractController extends Controller
@@ -58,4 +60,71 @@ public function update(Contract $contract, Request $request)
         ]);
 
     }
+
+    public function segment(Request $request)
+    {
+        $data = $request->validate([
+            'segment_id' => ['required', 'integer', Rule::exists('segments', 'id')->where('active', true)],
+            'contracts' => ['required', 'array', 'min:1'],
+            'contracts.*' => ['string', Rule::exists('contracts', 'uuid')],
+        ]);
+
+        $segmentId = (int) $data['segment_id'];
+        $uuids = array_values($data['contracts']);
+
+        $contracts = Contract::query()
+            ->whereIn('uuid', $uuids)
+            ->get(['id', 'client_case_id']);
+
+        DB::transaction(function () use ($contracts, $segmentId) {
+            foreach ($contracts as $contract) {
+                // Ensure the segment is attached to the client case and active
+                $attached = DB::table('client_case_segment')
+                    ->where('client_case_id', $contract->client_case_id)
+                    ->where('segment_id', $segmentId)
+                    ->first();
+
+                if (! $attached) {
+                    DB::table('client_case_segment')->insert([
+                        'client_case_id' => $contract->client_case_id,
+                        'segment_id' => $segmentId,
+                        'active' => true,
+                        'created_at' => now(),
+                        'updated_at' => now(),
+                    ]);
+                } elseif (! $attached->active) {
+                    DB::table('client_case_segment')
+                        ->where('id', $attached->id)
+                        ->update(['active' => true, 'updated_at' => now()]);
+                }
+
+                // Deactivate all current contract segments
+                DB::table('contract_segment')
+                    ->where('contract_id', $contract->id)
+                    ->update(['active' => false, 'updated_at' => now()]);
+
+                // Activate or attach the target segment
+                $pivot = DB::table('contract_segment')
+                    ->where('contract_id', $contract->id)
+                    ->where('segment_id', $segmentId)
+                    ->first();
+
+                if ($pivot) {
+                    DB::table('contract_segment')
+                        ->where('id', $pivot->id)
+                        ->update(['active' => true, 'updated_at' => now()]);
+                } else {
+                    DB::table('contract_segment')->insert([
+                        'contract_id' => $contract->id,
+                        'segment_id' => $segmentId,
+                        'active' => true,
+                        'created_at' => now(),
+                        'updated_at' => now(),
+                    ]);
+                }
+            }
+        });
+
+        return back()->with('success', __('Pogodbe so bile preusmerjene v izbrani segment.'));
+    }
 }

app/Http/Middleware/EnsureUserIsActive.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Symfony\Component\HttpFoundation\Response;
+
+class EnsureUserIsActive
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        $user = Auth::user();
+
+        if ($user && ! $user->active) {
+            // Revoke all tokens for Sanctum
+            if (method_exists($user, 'tokens')) {
+                $user->tokens()->delete();
+            }
+
+            // Logout from web guard
+            Auth::guard('web')->logout();
+
+            $request->session()->invalidate();
+            $request->session()->regenerateToken();
+
+            if ($request->expectsJson()) {
+                return response()->json(['message' => 'Vaš račun je bil onemogočen.'], 403);
+            }
+
+            return redirect()->route('login')->with('error', 'Vaš račun je bil onemogočen.');
+        }
+
+        return $next($request);
+    }
+}

app/Models/User.php

@@ -30,6 +30,7 @@ class User extends Authenticatable
         'name',
         'email',
         'password',
+        'active',
     ];
 
     /**
@@ -63,6 +64,7 @@ protected function casts(): array
         return [
             'email_verified_at' => 'datetime',
             'password' => 'hashed',
+            'active' => 'boolean',
         ];
     }
 

app/Providers/FortifyServiceProvider.php

@@ -6,11 +6,14 @@
 use App\Actions\Fortify\ResetUserPassword;
 use App\Actions\Fortify\UpdateUserPassword;
 use App\Actions\Fortify\UpdateUserProfileInformation;
+use App\Models\User;
 use Illuminate\Cache\RateLimiting\Limit;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\RateLimiter;
 use Illuminate\Support\ServiceProvider;
 use Illuminate\Support\Str;
+use Illuminate\Validation\ValidationException;
 use Laravel\Fortify\Fortify;
 
 class FortifyServiceProvider extends ServiceProvider
@@ -33,6 +36,22 @@ public function boot(): void
         Fortify::updateUserPasswordsUsing(UpdateUserPassword::class);
         Fortify::resetUserPasswordsUsing(ResetUserPassword::class);
 
+        Fortify::authenticateUsing(function (Request $request) {
+            $user = User::where('email', $request->email)->first();
+
+            if ($user && Hash::check($request->password, $user->password)) {
+                if (! $user->active) {
+                    throw ValidationException::withMessages([
+                        Fortify::username() => ['Uporabnik je onemogočen.'],
+                    ]);
+                }
+
+                return $user;
+            }
+
+            return null;
+        });
+
         RateLimiter::for('login', function (Request $request) {
             $throttleKey = Str::transliterate(Str::lower($request->input(Fortify::username())).'|'.$request->ip());
 

bootstrap/app.php

@@ -15,6 +15,7 @@
         $middleware->web(append: [
             \App\Http\Middleware\HandleInertiaRequests::class,
             \Illuminate\Http\Middleware\AddLinkHeadersForPreloadedAssets::class,
+            \App\Http\Middleware\EnsureUserIsActive::class,
         ]);
 
         $middleware->alias([

database/migrations/2025_11_10_183124_add_active_column_to_users_table.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->boolean('active')->default(true)->after('email');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn('active');
+        });
+    }
+};

resources/js/Components/DataTable/DataTableServer.vue

@@ -171,7 +171,7 @@ function goToPageInput() {
 
 <template>
   <div class="w-full">
-    <div v-if="showToolbar" class="mb-3 flex items-center justify-between gap-3">
+    <div v-if="showToolbar" class="mb-3 flex items-center gap-3">
       <div class="flex items-center gap-2">
         <input
           type="text"
@@ -180,7 +180,8 @@ function goToPageInput() {
           v-model="internalSearch"
         />
       </div>
-      <div class="flex items-center gap-2">
+      <slot name="toolbar-extra" />
+      <div class="ml-auto flex items-center gap-2">
         <label class="text-sm text-gray-600">Na stran</label>
         <select
           class="rounded border-gray-300 text-sm"
@@ -202,6 +203,10 @@ function goToPageInput() {
           class="sticky top-0 z-10 bg-gray-50/90 backdrop-blur border-b border-gray-200 shadow-sm"
         >
           <FwbTableHeadCell v-for="col in columns" :key="col.key" :class="col.class">
+            <template v-if="$slots['header-' + col.key]">
+              <slot :name="'header-' + col.key" :column="col" />
+            </template>
+            <template v-else>
               <button
                 v-if="col.sortable"
                 type="button"
@@ -216,6 +221,7 @@ function goToPageInput() {
                 >
               </button>
               <span v-else>{{ col.label }}</span>
+            </template>
           </FwbTableHeadCell>
           <FwbTableHeadCell v-if="$slots.actions" class="w-px">&nbsp;</FwbTableHeadCell>
         </FwbTableHead>

resources/js/Pages/Admin/Users/Index.vue

@@ -1,6 +1,6 @@
 <script setup>
 import AdminLayout from "@/Layouts/AdminLayout.vue";
-import { useForm, Link } from "@inertiajs/vue3";
+import { useForm, Link, router } from "@inertiajs/vue3";
 import { ref, computed } from "vue";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { faMagnifyingGlass, faFloppyDisk, faPlus } from "@fortawesome/free-solid-svg-icons";
@@ -103,6 +103,12 @@ function toggleCreateRole(roleId) {
     ? createForm.roles.filter((id) => id !== roleId)
     : [...createForm.roles, roleId];
 }
+
+function toggleUserActive(userId) {
+  router.patch(route("admin.users.toggle-active", { user: userId }), {}, {
+    preserveScroll: true,
+  });
+}
 </script>
 
 <template>
@@ -197,6 +203,9 @@ function toggleCreateRole(roleId) {
                 <th class="p-2 text-left font-medium text-[11px] uppercase tracking-wide">
                   Uporabnik
                 </th>
+                <th class="p-2 text-center font-medium text-[11px] uppercase tracking-wide">
+                  Status
+                </th>
                 <th
                   v-for="role in props.roles"
                   :key="role.id"
@@ -218,6 +227,7 @@ function toggleCreateRole(roleId) {
                 :class="[
                   'border-t border-slate-100',
                   idx % 2 === 1 ? 'bg-slate-50/40' : 'bg-white',
+                  !user.active && 'opacity-60',
                 ]"
               >
                 <td class="p-2 whitespace-nowrap align-top">
@@ -237,6 +247,19 @@ function toggleCreateRole(roleId) {
                     {{ user.email }}
                   </div>
                 </td>
+                <td class="p-2 text-center align-top">
+                  <button
+                    @click="toggleUserActive(user.id)"
+                    class="inline-flex items-center px-2 py-1 rounded text-xs font-medium transition"
+                    :class="
+                      user.active
+                        ? 'bg-emerald-100 text-emerald-700 hover:bg-emerald-200'
+                        : 'bg-gray-100 text-gray-600 hover:bg-gray-200'
+                    "
+                  >
+                    {{ user.active ? 'Aktiven' : 'Neaktiven' }}
+                  </button>
+                </td>
                 <td
                   v-for="role in props.roles"
                   :key="role.id"
@@ -269,7 +292,7 @@ function toggleCreateRole(roleId) {
               </tr>
               <tr v-if="!filteredUsers.length">
                 <td
-                  :colspan="props.roles.length + 2"
+                  :colspan="props.roles.length + 3"
                   class="p-6 text-center text-sm text-gray-500"
                 >
                   Ni rezultatov

resources/js/Pages/Client/Contracts.vue

@@ -1,10 +1,14 @@
 <script setup>
 import AppLayout from "@/Layouts/AppLayout.vue";
 import { ref } from "vue";
-import { Link, router } from "@inertiajs/vue3";
+import { Link, router, useForm } from "@inertiajs/vue3";
 import DataTableServer from "@/Components/DataTable/DataTableServer.vue";
 import PersonInfoGrid from "@/Components/PersonInfoGrid.vue";
 import SectionTitle from "@/Components/SectionTitle.vue";
+import Multiselect from "vue-multiselect";
+import Dropdown from "@/Components/Dropdown.vue";
+import DialogModal from "@/Components/DialogModal.vue";
+import InputLabel from "@/Components/InputLabel.vue";
 
 const props = defineProps({
   client: Object,
@@ -17,7 +21,70 @@ const props = defineProps({
 const fromDate = ref(props.filters?.from || "");
 const toDate = ref(props.filters?.to || "");
 const search = ref(props.filters?.search || "");
-const selectedSegment = ref(props.filters?.segment || "");
+const selectedSegments = ref(
+  props.filters?.segments
+    ? props.segments.filter((s) => props.filters.segments.includes(s.id.toString()))
+    : []
+);
+const selectedRows = ref([]);
+const showSegmentModal = ref(false);
+const targetSegmentId = ref(null);
+const segmentForm = useForm({ segment_id: null, contracts: [] });
+
+function toggleSelectAll() {
+  if (selectedRows.value.length === props.contracts.data.length) {
+    selectedRows.value = [];
+  } else {
+    selectedRows.value = props.contracts.data.map((row) => row.uuid);
+  }
+}
+
+function toggleRowSelection(uuid) {
+  const index = selectedRows.value.indexOf(uuid);
+  if (index > -1) {
+    selectedRows.value.splice(index, 1);
+  } else {
+    selectedRows.value.push(uuid);
+  }
+}
+
+function isRowSelected(uuid) {
+  return selectedRows.value.includes(uuid);
+}
+
+function isAllSelected() {
+  return (
+    props.contracts.data.length > 0 &&
+    selectedRows.value.length === props.contracts.data.length
+  );
+}
+
+function isIndeterminate() {
+  return (
+    selectedRows.value.length > 0 &&
+    selectedRows.value.length < props.contracts.data.length
+  );
+}
+
+function openSegmentModal() {
+  if (!selectedRows.value.length) return;
+  targetSegmentId.value = null;
+  showSegmentModal.value = true;
+}
+
+function submitSegment() {
+  if (!targetSegmentId.value || !selectedRows.value.length) return;
+  segmentForm.segment_id = targetSegmentId.value;
+  segmentForm.contracts = [...selectedRows.value];
+  segmentForm.patch(route("contracts.segment"), {
+    preserveScroll: true,
+    onSuccess: () => {
+      showSegmentModal.value = false;
+      selectedRows.value = [];
+      router.reload({ only: ["contracts"] });
+    },
+  });
+}
 function applyDateFilter() {
   const params = Object.fromEntries(
     new URLSearchParams(window.location.search).entries()
@@ -37,10 +104,10 @@ function applyDateFilter() {
   } else {
     delete params.search;
   }
-  if (selectedSegment.value) {
-    params.segment = selectedSegment.value;
+  if (selectedSegments.value && selectedSegments.value.length > 0) {
+    params.segments = selectedSegments.value.map((s) => s.id).join(",");
   } else {
-    delete params.segment;
+    delete params.segments;
   }
   delete params.page;
   router.get(route("client.contracts", { uuid: props.client.uuid }), params, {
@@ -53,7 +120,7 @@ function applyDateFilter() {
 function clearDateFilter() {
   fromDate.value = "";
   toDate.value = "";
-  selectedSegment.value = "";
+  selectedSegments.value = [];
   applyDateFilter();
 }
 
@@ -110,7 +177,7 @@ function formatDate(value) {
                       'inline-flex items-center px-3 py-2 text-sm font-medium border-b-2',
                       route().current('client.show')
                         ? 'text-indigo-600 border-indigo-600'
-                        : 'text-gray-600 border-transparent hover:text-gray-800 hover:border-gray-300'
+                        : 'text-gray-600 border-transparent hover:text-gray-800 hover:border-gray-300',
                     ]"
                   >
                     Primeri
@@ -123,7 +190,7 @@ function formatDate(value) {
                       'inline-flex items-center px-3 py-2 text-sm font-medium border-b-2',
                       route().current('client.contracts')
                         ? 'text-indigo-600 border-indigo-600'
-                        : 'text-gray-600 border-transparent hover:text-gray-800 hover:border-gray-300'
+                        : 'text-gray-600 border-transparent hover:text-gray-800 hover:border-gray-300',
                     ]"
                   >
                     Pogodbe
@@ -154,57 +221,82 @@ function formatDate(value) {
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <div class="px-3 bg-white overflow-hidden shadow-xl sm:rounded-lg">
           <div class="mx-auto max-w-4x1 py-3">
-            <div
-              class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between"
-            >
-              <div class="flex items-center gap-3 flex-wrap">
-                <label class="font-medium mr-2">Filtri:</label>
+            <!-- Filters Section -->
+            <div class="bg-gray-50 rounded-lg border border-gray-200 p-3 mb-4">
+              <div class="flex flex-wrap items-center gap-x-6 gap-y-3">
+                <!-- Date Range -->
+                <div class="flex flex-col gap-3">
+                  <InputLabel value="Datum začetka" />
                   <div class="flex items-center gap-2">
-                  <span class="text-sm text-gray-600">Od</span>
+                    <span class="text-xs text-gray-500">Od</span>
                     <input
                       type="date"
                       v-model="fromDate"
                       @change="applyDateFilter"
-                    class="rounded border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 px-3 py-2 text-sm"
+                      class="rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 text-sm py-1.5"
                     />
-                </div>
-                <div class="flex items-center gap-2">
-                  <span class="text-sm text-gray-600">Do</span>
+                    <span class="text-xs text-gray-500">Do</span>
                     <input
                       type="date"
                       v-model="toDate"
                       @change="applyDateFilter"
-                    class="rounded border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 px-3 py-2 text-sm"
+                      class="rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 text-sm py-1.5"
                     />
                   </div>
-                <div class="flex items-center gap-2">
-                  <span class="text-sm text-gray-600">Segment</span>
-                  <select
-                    v-model="selectedSegment"
-                    @change="applyDateFilter"
-                    class="rounded border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 px-3 py-2 text-sm"
-                  >
-                    <option value="">Vsi segmenti</option>
-                    <option v-for="segment in segments" :key="segment.id" :value="segment.id">
-                      {{ segment.name }}
-                    </option>
-                  </select>
                 </div>
+
+                <!-- Segments -->
+                <div class="flex flex-col gap-3">
+                  <InputLabel for="segmentSelect" value="Segmenti" />
+                  <Multiselect
+                    v-model="selectedSegments"
+                    :options="segments"
+                    :multiple="true"
+                    :close-on-select="false"
+                    :clear-on-select="false"
+                    :preserve-search="true"
+                    :taggable="true"
+                    :append-to-body="true"
+                    placeholder="Izberi segmente"
+                    label="name"
+                    track-by="id"
+                    id="segmentSelect"
+                    :preselect-first="false"
+                    @update:modelValue="applyDateFilter"
+                    class="w-80"
+                  >
+                  </Multiselect>
+                </div>
+
+                <!-- Clear Button -->
                 <button
                   type="button"
-                  class="inline-flex items-center px-3 py-2 text-sm font-medium rounded border border-gray-300 text-gray-700 hover:bg-gray-50 disabled:opacity-50"
-                  :disabled="!fromDate && !toDate && !selectedSegment"
+                  class="inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed transition ml-auto"
+                  :disabled="!fromDate && !toDate && selectedSegments.length === 0"
                   @click="clearDateFilter"
-                  title="Počisti filtre"
                 >
-                  Počisti
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-4 w-4 mr-1.5"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M6 18L18 6M6 6l12 12"
+                    />
+                  </svg>
+                  Počisti filtre
                 </button>
               </div>
-              <!-- Search lives in DataTable toolbar -->
             </div>
             <DataTableServer
               class="mt-3"
               :columns="[
+                { key: 'select', label: '', sortable: false, width: '50px' },
                 { key: 'reference', label: 'Referenca', sortable: false },
                 { key: 'customer', label: 'Stranka', sortable: false },
                 { key: 'start', label: 'Začetek', sortable: false },
@@ -212,37 +304,164 @@ function formatDate(value) {
                 { key: 'balance', label: 'Stanje', sortable: false, align: 'right' },
               ]"
               :rows="contracts.data || []"
-              :meta="{ current_page: contracts.current_page, per_page: contracts.per_page, total: contracts.total, last_page: contracts.last_page }"
+              :meta="{
+                current_page: contracts.current_page,
+                per_page: contracts.per_page,
+                total: contracts.total,
+                last_page: contracts.last_page,
+              }"
               route-name="client.contracts"
               :route-params="{ uuid: client.uuid }"
-              :query="{ from: fromDate || undefined, to: toDate || undefined, segment: selectedSegment || undefined }"
+              :query="{
+                from: fromDate || undefined,
+                to: toDate || undefined,
+                segments:
+                  selectedSegments.length > 0
+                    ? selectedSegments.map((s) => s.id).join(',')
+                    : undefined,
+              }"
               :search="search"
               row-key="uuid"
               :only-props="['contracts']"
             >
+              <template #toolbar-extra>
+                <div v-if="selectedRows.length" class="flex items-center gap-2">
+                  <div class="text-sm text-gray-700">
+                    Izbrano: <span class="font-medium">{{ selectedRows.length }}</span>
+                  </div>
+                  <Dropdown width="48" align="left">
+                    <template #trigger>
+                      <button
+                        type="button"
+                        class="inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md border border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
+                      >
+                        Akcije
+                        <svg
+                          class="ml-1 h-4 w-4"
+                          viewBox="0 0 20 20"
+                          fill="currentColor"
+                          aria-hidden="true"
+                        >
+                          <path
+                            fill-rule="evenodd"
+                            d="M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z"
+                            clip-rule="evenodd"
+                          />
+                        </svg>
+                      </button>
+                    </template>
+                    <template #content>
+                      <button
+                        type="button"
+                        class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
+                        @click="openSegmentModal"
+                      >
+                        Preusmeri v segment
+                      </button>
+                    </template>
+                  </Dropdown>
+                </div>
+              </template>
+              <template #header-select>
+                <input
+                  type="checkbox"
+                  :checked="isAllSelected()"
+                  :indeterminate="isIndeterminate()"
+                  @change="toggleSelectAll"
+                  class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                />
+              </template>
+              <template #cell-select="{ row }">
+                <input
+                  type="checkbox"
+                  :checked="isRowSelected(row.uuid)"
+                  @change="toggleRowSelection(row.uuid)"
+                  class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                />
+              </template>
               <template #cell-reference="{ row }">
-                <Link :href="route('clientCase.show', caseShowParams(row))" class="text-indigo-600 hover:underline">
+                <Link
+                  :href="route('clientCase.show', caseShowParams(row))"
+                  class="text-indigo-600 hover:underline"
+                >
                   {{ row.reference }}
                 </Link>
               </template>
               <template #cell-customer="{ row }">
-                {{ row.client_case?.person?.full_name || '-' }}
+                {{ row.client_case?.person?.full_name || "-" }}
               </template>
               <template #cell-start="{ row }">
                 {{ formatDate(row.start_date) }}
               </template>
               <template #cell-segment="{ row }">
-                {{ row.segments?.[0]?.name || '-' }}
+                {{ row.segments?.[0]?.name || "-" }}
               </template>
               <template #cell-balance="{ row }">
                 <div class="text-right">
-                  {{ new Intl.NumberFormat('sl-SI', { style: 'currency', currency: 'EUR' }).format(Number(row.account?.balance_amount ?? 0)) }}
+                  {{
+                    new Intl.NumberFormat("sl-SI", {
+                      style: "currency",
+                      currency: "EUR",
+                    }).format(Number(row.account?.balance_amount ?? 0))
+                  }}
                 </div>
               </template>
               <template #empty>
                 <div class="p-6 text-center text-gray-500">Ni zadetkov.</div>
               </template>
             </DataTableServer>
+
+            <!-- Segment Reassignment Modal -->
+            <DialogModal :show="showSegmentModal" @close="showSegmentModal = false">
+              <template #title> Preusmeri v segment </template>
+              <template #content>
+                <div class="space-y-3">
+                  <div class="text-sm text-gray-600">
+                    Število izbranih pogodb:
+                    <span class="font-medium">{{ selectedRows.length }}</span>
+                  </div>
+                  <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1"
+                      >Ciljni segment</label
+                    >
+                    <select
+                      v-model="targetSegmentId"
+                      class="w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 text-sm"
+                    >
+                      <option :value="null" disabled>Izberi segment</option>
+                      <option v-for="seg in segments" :key="seg.id" :value="seg.id">
+                        {{ seg.name }}
+                      </option>
+                    </select>
+                    <div
+                      v-if="segmentForm.errors.segment_id"
+                      class="mt-1 text-sm text-red-600"
+                    >
+                      {{ segmentForm.errors.segment_id }}
+                    </div>
+                  </div>
+                </div>
+              </template>
+              <template #footer>
+                <button
+                  type="button"
+                  class="px-3 py-1.5 text-sm rounded-md border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 mr-2"
+                  @click="showSegmentModal = false"
+                >
+                  Prekliči
+                </button>
+                <button
+                  type="button"
+                  class="px-3 py-1.5 text-sm rounded-md bg-indigo-600 text-white hover:bg-indigo-700 disabled:opacity-50"
+                  :disabled="
+                    !targetSegmentId || !selectedRows.length || segmentForm.processing
+                  "
+                  @click="submitSegment"
+                >
+                  Potrdi
+                </button>
+              </template>
+            </DialogModal>
           </div>
           <!-- Pagination handled by DataTableServer -->
         </div>

resources/js/Pages/Notifications/Unread.vue

@@ -4,6 +4,7 @@ import SectionTitle from "@/Components/SectionTitle.vue";
 import DataTableServer from "@/Components/DataTable/DataTableServer.vue";
 import { Link, router } from "@inertiajs/vue3";
 import { ref, computed, watch } from "vue";
+import Dropdown from "@/Components/Dropdown.vue";
 
 const props = defineProps({
   activities: { type: Object, required: true },
@@ -40,13 +41,17 @@ const selectedClient = ref(initialClient);
 
 const clientOptions = computed(() => {
   // Prefer server-provided clients list; fallback to deriving from rows
-  const list = Array.isArray(props.clients) && props.clients.length
+  const list =
+    Array.isArray(props.clients) && props.clients.length
       ? props.clients
       : (Array.isArray(props.activities?.data) ? props.activities.data : [])
           .map((row) => {
             const client = row.contract?.client_case?.client || row.client_case?.client;
             if (!client?.uuid) return null;
-          return { value: client.uuid, label: client.person?.full_name || "(neznana stranka)" };
+            return {
+              value: client.uuid,
+              label: client.person?.full_name || "(neznana stranka)",
+            };
           })
           .filter(Boolean)
           .reduce((acc, cur) => {
@@ -67,12 +72,65 @@ watch(selectedClient, (val) => {
   });
 });
 
+const selectedRows = ref([]);
+
+function toggleSelectAll() {
+  if (selectedRows.value.length === (props.activities.data?.length || 0)) {
+    selectedRows.value = [];
+  } else {
+    selectedRows.value = (props.activities.data || []).map((row) => row.id);
+  }
+}
+
+function toggleRowSelection(id) {
+  const idx = selectedRows.value.indexOf(id);
+  if (idx > -1) {
+    selectedRows.value.splice(idx, 1);
+  } else {
+    selectedRows.value.push(id);
+  }
+}
+
+function isRowSelected(id) {
+  return selectedRows.value.includes(id);
+}
+
+function isAllSelected() {
+  return (
+    (props.activities.data?.length || 0) > 0 &&
+    selectedRows.value.length === (props.activities.data?.length || 0)
+  );
+}
+
+function isIndeterminate() {
+  return (
+    selectedRows.value.length > 0 &&
+    selectedRows.value.length < (props.activities.data?.length || 0)
+  );
+}
+
 function markRead(id) {
-  router.patch(route("notifications.activity.read"), 
+  router.patch(
+    route("notifications.activity.read"),
     { activity_id: id },
     {
       only: ["activities"],
-      preserveScroll: true 
+      preserveScroll: true,
+    }
+  );
+}
+
+function markReadBulk() {
+  if (!selectedRows.value.length) return;
+  router.patch(
+    route("notifications.activity.read"),
+    { activity_ids: selectedRows.value },
+    {
+      only: ["activities"],
+      preserveScroll: true,
+      onSuccess: () => {
+        selectedRows.value = [];
+      },
     }
   );
 }
@@ -95,14 +153,20 @@ function markRead(id) {
             <!-- Filters -->
             <div class="mb-4 flex items-center gap-3">
               <div class="flex-1 max-w-sm">
-                <label class="block text-sm font-medium text-gray-700 mb-1">Partner</label>
+                <label class="block text-sm font-medium text-gray-700 mb-1"
+                  >Partner</label
+                >
                 <div class="flex items-center gap-2">
                   <select
                     v-model="selectedClient"
                     class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm"
                   >
                     <option value="">Vsi partnerji</option>
-                    <option v-for="opt in clientOptions" :key="opt.value || opt.label" :value="opt.value">
+                    <option
+                      v-for="opt in clientOptions"
+                      :key="opt.value || opt.label"
+                      :value="opt.value"
+                    >
                       {{ opt.label }}
                     </option>
                   </select>
@@ -120,6 +184,7 @@ function markRead(id) {
 
             <DataTableServer
               :columns="[
+                { key: 'select', label: '', sortable: false, width: '50px' },
                 { key: 'what', label: 'Zadeva', sortable: false },
                 { key: 'partner', label: 'Partner', sortable: false },
                 {
@@ -143,6 +208,61 @@ function markRead(id) {
               :only-props="['activities']"
               :query="{ client: selectedClient || undefined }"
             >
+              <template #toolbar-extra>
+                <div v-if="selectedRows.length" class="flex items-center gap-2">
+                  <div class="text-sm text-gray-700">
+                    Izbrano: <span class="font-medium">{{ selectedRows.length }}</span>
+                  </div>
+                  <Dropdown width="48" align="left">
+                    <template #trigger>
+                      <button
+                        type="button"
+                        class="inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md border border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
+                      >
+                        Akcije
+                        <svg
+                          class="ml-1 h-4 w-4"
+                          viewBox="0 0 20 20"
+                          fill="currentColor"
+                          aria-hidden="true"
+                        >
+                          <path
+                            fill-rule="evenodd"
+                            d="M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z"
+                            clip-rule="evenodd"
+                          />
+                        </svg>
+                      </button>
+                    </template>
+                    <template #content>
+                      <button
+                        type="button"
+                        class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
+                        @click="markReadBulk"
+                      >
+                        Označi kot prebrano
+                      </button>
+                    </template>
+                  </Dropdown>
+                </div>
+              </template>
+              <template #header-select>
+                <input
+                  type="checkbox"
+                  :checked="isAllSelected()"
+                  :indeterminate="isIndeterminate()"
+                  @change="toggleSelectAll"
+                  class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                />
+              </template>
+              <template #cell-select="{ row }">
+                <input
+                  type="checkbox"
+                  :checked="isRowSelected(row.id)"
+                  @change="toggleRowSelection(row.id)"
+                  class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                />
+              </template>
               <template #cell-what="{ row }">
                 <div class="font-medium text-gray-800 truncate">
                   <template v-if="row.contract?.uuid">
@@ -178,9 +298,9 @@ function markRead(id) {
               <template #cell-partner="{ row }">
                 <div class="truncate">
                   {{
-                    (row.contract?.client_case?.client?.person?.full_name) ||
-                    (row.client_case?.client?.person?.full_name) ||
-                    '—'
+                    row.contract?.client_case?.client?.person?.full_name ||
+                    row.client_case?.client?.person?.full_name ||
+                    "—"
                   }}
                 </div>
               </template>

routes/web.php

@@ -64,6 +64,7 @@
     config('jetstream.auth_session'),
     'verified',
 ])->group(function () {
+        
     Route::get('/dashboard', \App\Http\Controllers\DashboardController::class)->name('dashboard');
 
     Route::get('testing', function () {
@@ -81,6 +82,7 @@
         Route::get('users', [\App\Http\Controllers\Admin\UserRoleController::class, 'index'])->name('users.index');
         Route::post('users', [\App\Http\Controllers\Admin\UserRoleController::class, 'store'])->name('users.store');
         Route::put('users/{user}', [\App\Http\Controllers\Admin\UserRoleController::class, 'update'])->name('users.update');
+        Route::patch('users/{user}/toggle-active', [\App\Http\Controllers\Admin\UserRoleController::class, 'toggleActive'])->name('users.toggle-active');
 
         // Permissions management
         Route::get('permissions', [\App\Http\Controllers\Admin\PermissionController::class, 'index'])->name('permissions.index');
@@ -164,11 +166,16 @@
         // Packages - contract-based helpers
         Route::get('packages-contracts', [\App\Http\Controllers\Admin\PackageController::class, 'contracts'])->name('packages.contracts');
         Route::post('packages-from-contracts', [\App\Http\Controllers\Admin\PackageController::class, 'storeFromContracts'])->name('packages.store-from-contracts');
+        
+        
+    
     });
 
     // Contract document generation (JSON) - protected by auth+verified; permission enforced inside controller service
     Route::post('contracts/{contract:uuid}/generate-document', \App\Http\Controllers\ContractDocumentGenerationController::class)->name('contracts.generate-document')->middleware('permission:create-docs');
-
+    // Contracts actions
+    Route::patch('/contracts/segment', [\App\Http\Controllers\ContractController::class, 'segment'])
+        ->name('contracts.segment');
     // Phone page
     Route::get('phone', [PhoneViewController::class, 'index'])->name('phone.index');
     Route::get('phone/completed', [PhoneViewController::class, 'completedToday'])->name('phone.completed');