app/Http/Controllers/ClientController.php

@@ -27,7 +27,7 @@ public function index(Client $client, Request $request)
                     ->where('person.full_name', 'ilike', '%'.$search.'%')
                     ->groupBy('clients.id');
             })
-            //->where('clients.active', 1)
+            ->where('clients.active', 1)
             // Use LEFT JOINs for aggregated data to avoid subqueries
             ->leftJoin('client_cases', 'client_cases.client_id', '=', 'clients.id')
             ->leftJoin('contracts', function ($join) {
@@ -51,7 +51,7 @@ public function index(Client $client, Request $request)
 
         return Inertia::render('Client/Index', [
             'clients' => $query
-                ->paginate($request->integer('per_page', default: 100))
+                ->paginate($request->integer('per_page', 15))
                 ->withQueryString(),
             'filters' => $request->only(['search']),
         ]);

app/Jobs/SendSmsJob.php

@@ -118,10 +118,10 @@ public function handle(SmsService $sms): void
                 if ($template && $case) {
                     $note = '';
                     if ($log->status === 'sent') {
-                        $note = sprintf('Tel: %s | Telo: %s', (string) $this->to, (string) $this->content);
+                        $note = sprintf('Št: %s | Telo: %s', (string) $this->to, (string) $this->content);
                     } elseif ($log->status === 'failed') {
                         $note = sprintf(
-                            'Tel: %s | Telo: %s | Napaka: %s',
+                            'Št: %s | Telo: %s | Napaka: %s',
                             (string) $this->to,
                             (string) $this->content,
                             'SMS ni bil poslan!'

database/migrations/2026_01_27_195456_alter_table_person_addresses_increase_varchar_postal.php

@@ -1,49 +0,0 @@
-<?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('person_addresses', function (Blueprint $table) {
-            $table->dropIndex('person_addresses_search_vector_idx');
-            $table->dropColumn('search_vector');
-
-
-            $table->string('post_code', 50)->nullable()->change();
-
-        });
-
-        // Add a generated tsvector column for fulltext search
-        DB::statement("
-            ALTER TABLE person_addresses 
-            ADD COLUMN search_vector tsvector 
-            GENERATED ALWAYS AS (
-                to_tsvector('simple', 
-                    coalesce(address, '') || ' ' || 
-                    coalesce(post_code, '') || ' ' || 
-                    coalesce(city, '')
-                )
-            ) STORED
-        ");
-
-        // Create GIN index on the tsvector column for fast fulltext search
-        DB::statement('CREATE INDEX person_addresses_search_vector_idx ON person_addresses USING GIN(search_vector)');
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::table('person_addresses', function (Blueprint $table) {
-            $table->string('post_code', 20)->change();
-        });
-    }
-};

resources/js/Components/Dialogs/CreateDialog.vue

@@ -69,7 +69,7 @@ const maxWidthClass = computed(() => {
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent class="overflow-auto max-h-3/4" :class="maxWidthClass">
+    <DialogContent :class="maxWidthClass">
       <DialogHeader>
         <DialogTitle>
           <div class="flex items-center gap-2">

resources/js/Components/Dialogs/DeleteDialog.vue

@@ -6,40 +6,34 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/Components/ui/dialog";
-import { Button } from "@/Components/ui/button";
-import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { faTrashCan, faTriangleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { ref, watch } from "vue";
+} from '@/Components/ui/dialog';
+import { Button } from '@/Components/ui/button';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { faTrashCan, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { ref, watch } from 'vue';
 
 const props = defineProps({
   show: { type: Boolean, default: false },
-  title: { type: String, default: "Izbriši" },
-  message: {
-    type: String,
-    default: "Ali ste prepričani, da želite izbrisati ta element?",
-  },
-  confirmText: { type: String, default: "Izbriši" },
-  cancelText: { type: String, default: "Prekliči" },
+  title: { type: String, default: 'Izbriši' },
+  message: { type: String, default: 'Ali ste prepričani, da želite izbrisati ta element?' },
+  confirmText: { type: String, default: 'Izbriši' },
+  cancelText: { type: String, default: 'Prekliči' },
   processing: { type: Boolean, default: false },
   itemName: { type: String, default: null }, // Optional name to show in confirmation
 });
 
-const emit = defineEmits(["update:show", "close", "confirm"]);
+const emit = defineEmits(['update:show', 'close', 'confirm']);
 
 const open = ref(props.show);
 
-watch(
-  () => props.show,
-  (newVal) => {
+watch(() => props.show, (newVal) => {
   open.value = newVal;
-  }
-);
+});
 
 watch(open, (newVal) => {
-  emit("update:show", newVal);
+  emit('update:show', newVal);
   if (!newVal) {
-    emit("close");
+    emit('close');
   }
 });
 
@@ -48,7 +42,7 @@ const onClose = () => {
 };
 
 const onConfirm = () => {
-  emit("confirm");
+  emit('confirm');
 };
 </script>
 
@@ -65,13 +59,8 @@ const onConfirm = () => {
         <DialogDescription>
           <div class="flex items-start gap-4 pt-4">
             <div class="flex-shrink-0">
-              <div
-                class="flex items-center justify-center h-12 w-12 rounded-full bg-red-100"
-              >
-                <FontAwesomeIcon
-                  :icon="faTriangleExclamation"
-                  class="h-6 w-6 text-red-600"
-                />
+              <div class="flex items-center justify-center h-12 w-12 rounded-full bg-red-100">
+                <FontAwesomeIcon :icon="faTriangleExclamation" class="h-6 w-6 text-red-600" />
               </div>
             </div>
             <div class="flex-1 space-y-2">
@@ -81,7 +70,9 @@ const onConfirm = () => {
               <p v-if="itemName" class="text-sm font-medium text-gray-900">
                 {{ itemName }}
               </p>
-              <p class="text-sm text-gray-500">Ta dejanje ni mogoče razveljaviti.</p>
+              <p class="text-sm text-gray-500">
+                Ta dejanje ni mogoče razveljaviti.
+              </p>
             </div>
           </div>
         </DialogDescription>
@@ -91,10 +82,15 @@ const onConfirm = () => {
         <Button variant="outline" @click="onClose" :disabled="processing">
           {{ cancelText }}
         </Button>
-        <Button variant="destructive" @click="onConfirm" :disabled="processing">
+        <Button
+          variant="destructive"
+          @click="onConfirm"
+          :disabled="processing"
+        >
           {{ confirmText }}
         </Button>
       </DialogFooter>
     </DialogContent>
   </Dialog>
 </template>
+

resources/js/Components/Dialogs/UpdateDialog.vue

@@ -69,7 +69,7 @@ const maxWidthClass = computed(() => {
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent class="overflow-auto max-h-3/4" :class="maxWidthClass">
+    <DialogContent :class="maxWidthClass">
       <DialogHeader>
         <DialogTitle>
           <div class="flex items-center gap-2">

resources/js/Components/DocumentsTable/DocumentUploadDialog.vue

@@ -1,27 +1,15 @@
 <script setup>
-import CreateDialog from "@/Components/Dialogs/CreateDialog.vue";
-import { useForm } from "vee-validate";
-import { toTypedSchema } from "@vee-validate/zod";
-import * as z from "zod";
-import { ref, watch } from "vue";
-import { router } from "@inertiajs/vue3";
-import {
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from "@/Components/ui/form";
-import { Input } from "@/Components/ui/input";
-import { Textarea } from "@/Components/ui/textarea";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/Components/ui/select";
-import { Switch } from "@/Components/ui/switch";
+import CreateDialog from '@/Components/Dialogs/CreateDialog.vue'
+import { useForm } from 'vee-validate'
+import { toTypedSchema } from '@vee-validate/zod'
+import * as z from 'zod'
+import { ref, watch } from 'vue'
+import { router } from '@inertiajs/vue3'
+import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/Components/ui/form'
+import { Input } from '@/Components/ui/input'
+import { Textarea } from '@/Components/ui/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/Components/ui/select'
+import { Switch } from '@/Components/ui/switch'
 
 const props = defineProps({
   show: { type: Boolean, default: false },
@@ -29,128 +17,112 @@ const props = defineProps({
   // Optional list of contracts to allow attaching the document directly to a contract
   // Each item should have at least: { uuid, reference }
   contracts: { type: Array, default: () => [] },
-});
-const emit = defineEmits(["close", "uploaded"]);
+})
+const emit = defineEmits(['close', 'uploaded'])
 
-const MAX_SIZE = 25 * 1024 * 1024; // 25MB
-const ALLOWED_EXTS = [
-  "doc",
-  "docx",
-  "pdf",
-  "txt",
-  "csv",
-  "xls",
-  "xlsx",
-  "jpeg",
-  "jpg",
-  "png",
-];
+const MAX_SIZE = 25 * 1024 * 1024 // 25MB
+const ALLOWED_EXTS = ['doc','docx','pdf','txt','csv','xls','xlsx','jpeg','jpg','png']
 
-const formSchema = toTypedSchema(
-  z.object({
-    name: z.string().min(1, "Ime je obvezno"),
+const formSchema = toTypedSchema(z.object({
+  name: z.string().min(1, 'Ime je obvezno'),
   description: z.string().optional(),
-    file: z.instanceof(File).refine((file) => file.size > 0, "Izberite datoteko"),
+  file: z.instanceof(File).refine((file) => file.size > 0, 'Izberite datoteko'),
   is_public: z.boolean().default(true),
   contract_uuid: z.string().nullable().optional(),
-  })
-);
+}))
 
 const form = useForm({
   validationSchema: formSchema,
   initialValues: {
-    name: "",
-    description: "",
+    name: '',
+    description: '',
     file: null,
     is_public: true,
     contract_uuid: null,
   },
-});
+})
 
-const localError = ref("");
+const localError = ref('')
 
-watch(
-  () => props.show,
-  (v) => {
-    if (!v) return;
-    localError.value = "";
-    form.resetForm();
-  }
-);
+watch(() => props.show, (v) => {
+  if (!v) return
+  localError.value = ''
+  form.resetForm()
+})
 
 const onFileChange = (e) => {
-  localError.value = "";
-  const f = e.target.files?.[0];
+  localError.value = ''
+  const f = e.target.files?.[0]
   if (!f) {
-    form.setFieldValue("file", null);
-    return;
+    form.setFieldValue('file', null)
+    return
   }
-  const ext = (f.name.split(".").pop() || "").toLowerCase();
+  const ext = (f.name.split('.').pop() || '').toLowerCase()
   if (!ALLOWED_EXTS.includes(ext)) {
-    localError.value = "Nepodprta vrsta datoteke. Dovoljeno: " + ALLOWED_EXTS.join(", ");
-    e.target.value = "";
-    form.setFieldValue("file", null);
-    return;
+    localError.value = 'Nepodprta vrsta datoteke. Dovoljeno: ' + ALLOWED_EXTS.join(', ')
+    e.target.value = ''
+    form.setFieldValue('file', null)
+    return
   }
   if (f.size > MAX_SIZE) {
-    localError.value = "Datoteka je prevelika. Največja velikost je 25MB.";
-    e.target.value = "";
-    form.setFieldValue("file", null);
-    return;
+    localError.value = 'Datoteka je prevelika. Največja velikost je 25MB.'
+    e.target.value = ''
+    form.setFieldValue('file', null)
+    return
   }
-  form.setFieldValue("file", f);
+  form.setFieldValue('file', f)
   if (!form.values.name) {
-    form.setFieldValue("name", f.name.replace(/\.[^.]+$/, ""));
+    form.setFieldValue('name', f.name.replace(/\.[^.]+$/, ''))
   }
-};
+}
 
 const submit = form.handleSubmit(async (values) => {
-  localError.value = "";
+  localError.value = ''
   if (!values.file) {
-    localError.value = "Prosimo izberite datoteko.";
-    return;
+    localError.value = 'Prosimo izberite datoteko.'
+    return
   }
-  const ext = (values.file.name.split(".").pop() || "").toLowerCase();
+  const ext = (values.file.name.split('.').pop() || '').toLowerCase()
   if (!ALLOWED_EXTS.includes(ext)) {
-    localError.value = "Nepodprta vrsta datoteke. Dovoljeno: " + ALLOWED_EXTS.join(", ");
-    return;
+    localError.value = 'Nepodprta vrsta datoteke. Dovoljeno: ' + ALLOWED_EXTS.join(', ')
+    return
   }
   if (values.file.size > MAX_SIZE) {
-    localError.value = "Datoteka je prevelika. Največja velikost je 25MB.";
-    return;
+    localError.value = 'Datoteka je prevelika. Največja velikost je 25MB.'
+    return
   }
 
-  const formData = new FormData();
-  formData.append("name", values.name);
-  formData.append("description", values.description || "");
-  formData.append("file", values.file);
-  formData.append("is_public", values.is_public ? "1" : "0");
+  const formData = new FormData()
+  formData.append('name', values.name)
+  formData.append('description', values.description || '')
+  formData.append('file', values.file)
+  formData.append('is_public', values.is_public ? '1' : '0')
   if (values.contract_uuid) {
-    formData.append("contract_uuid", values.contract_uuid);
+    formData.append('contract_uuid', values.contract_uuid)
   }
 
   router.post(props.postUrl, formData, {
     forceFormData: true,
     onSuccess: () => {
-      emit("uploaded");
-      emit("close");
-      form.resetForm();
+      emit('uploaded')
+      emit('close')
+      form.resetForm()
     },
     onError: (errors) => {
       // Set form errors if any
-      if (errors.name) form.setFieldError("name", errors.name);
-      if (errors.description) form.setFieldError("description", errors.description);
-      if (errors.file) form.setFieldError("file", errors.file);
-      if (errors.contract_uuid) form.setFieldError("contract_uuid", errors.contract_uuid);
+      if (errors.name) form.setFieldError('name', errors.name)
+      if (errors.description) form.setFieldError('description', errors.description)
+      if (errors.file) form.setFieldError('file', errors.file)
+      if (errors.contract_uuid) form.setFieldError('contract_uuid', errors.contract_uuid)
     },
-  });
-});
+  })
+})
 
-const close = () => emit("close");
+const close = () => emit('close')
 
 const onConfirm = () => {
-  submit();
-};
+  submit()
+}
 </script>
 
 <template>
@@ -165,11 +137,7 @@ const onConfirm = () => {
     @confirm="onConfirm"
   >
     <form @submit.prevent="submit" class="space-y-4">
-      <FormField
-        v-if="props.contracts && props.contracts.length"
-        v-slot="{ value, handleChange }"
-        name="contract_uuid"
-      >
+      <FormField v-if="props.contracts && props.contracts.length" v-slot="{ value, handleChange }" name="contract_uuid">
         <FormItem>
           <FormLabel>Pripiši k</FormLabel>
           <Select :model-value="value" @update:model-value="handleChange">
@@ -180,7 +148,11 @@ const onConfirm = () => {
             </FormControl>
             <SelectContent>
               <SelectItem :value="null">Primer</SelectItem>
-              <SelectItem v-for="c in props.contracts" :key="c.uuid" :value="c.uuid">
+              <SelectItem
+                v-for="c in props.contracts"
+                :key="c.uuid"
+                :value="c.uuid"
+              >
                 Pogodba: {{ c.reference }}
               </SelectItem>
             </SelectContent>
@@ -193,11 +165,7 @@ const onConfirm = () => {
         <FormItem>
           <FormLabel>Ime</FormLabel>
           <FormControl>
-            <Input
-              id="doc_name"
-              v-bind="componentField"
-              class="w-full max-w-full overflow-hidden text-ellipsis"
-            />
+            <Input id="doc_name" v-bind="componentField" />
           </FormControl>
           <FormMessage />
         </FormItem>
@@ -216,24 +184,29 @@ const onConfirm = () => {
       <FormField v-slot="{ value, handleChange }" name="file">
         <FormItem>
           <FormLabel>Datoteka (max 25MB)</FormLabel>
-          <FormControl class="flex w-full">
+          <FormControl>
             <Input
               id="doc_file"
               type="file"
               @change="onFileChange"
               accept=".doc,.docx,.pdf,.txt,.csv,.xls,.xlsx,.jpeg,.jpg,.png"
-              class="min-w-0 w-full"
             />
           </FormControl>
           <FormMessage />
           <div v-if="localError" class="text-sm text-red-600 mt-1">{{ localError }}</div>
+          <div v-if="value" class="text-sm text-gray-600 mt-1">
+            Izbrana datoteka: {{ value.name }} ({{ (value.size / 1024).toFixed(2) }} KB)
+          </div>
         </FormItem>
       </FormField>
 
       <FormField v-slot="{ value, handleChange }" name="is_public">
         <FormItem class="flex flex-row items-start space-x-3 space-y-0">
           <FormControl>
-            <Switch :model-value="value" @update:model-value="handleChange" />
+            <Switch
+              :model-value="value"
+              @update:model-value="handleChange"
+            />
           </FormControl>
           <div class="space-y-1 leading-none">
             <FormLabel>Javno</FormLabel>

resources/js/Components/DocumentsTable/DocumentViewerDialog.vue

@@ -1,219 +1,30 @@
 <script setup>
-import { ref, computed, watch } from "vue";
 import {
   Dialog,
   DialogContent,
-  DialogDescription,
   DialogHeader,
   DialogTitle,
-} from "@/Components/ui/dialog";
-import { Button } from "@/Components/ui/button";
-import { Badge } from "../ui/badge";
-import { Loader2 } from "lucide-vue-next";
-import axios from "axios";
+} from '@/Components/ui/dialog'
+import { Button } from '@/Components/ui/button'
 
 const props = defineProps({
   show: { type: Boolean, default: false },
-  src: { type: String, default: "" },
-  title: { type: String, default: "Dokument" },
-  mimeType: { type: String, default: "" },
-  filename: { type: String, default: "" },
-});
-const emit = defineEmits(["close"]);
-
-const textContent = ref("");
-const loading = ref(false);
-const previewGenerating = ref(false);
-const previewError = ref("");
-
-const fileExtension = computed(() => {
-  if (props.filename) {
-    return props.filename.split(".").pop()?.toLowerCase() || "";
-  }
-  return "";
-});
-
-const viewerType = computed(() => {
-  const ext = fileExtension.value;
-  const mime = props.mimeType.toLowerCase();
-
-  if (ext === "pdf" || mime === "application/pdf") return "pdf";
-  // DOCX/DOC files are converted to PDF by backend - treat as PDF viewer
-  if (["doc", "docx"].includes(ext) || mime.includes("word") || mime.includes("msword"))
-    return "docx";
-  if (["jpg", "jpeg", "png", "gif", "webp"].includes(ext) || mime.startsWith("image/"))
-    return "image";
-  if (["txt", "csv", "xml"].includes(ext) || mime.startsWith("text/")) return "text";
-
-  return "unsupported";
-});
-
-const loadTextContent = async () => {
-  if (!props.src || viewerType.value !== "text") return;
-  loading.value = true;
-  try {
-    const response = await axios.get(props.src);
-    textContent.value = response.data;
-  } catch (e) {
-    textContent.value = "Napaka pri nalaganju vsebine.";
-  } finally {
-    loading.value = false;
-  }
-};
-
-// For DOCX files, the backend converts to PDF. If the preview isn't ready yet (202 status),
-// we poll until it's available.
-const docxPreviewUrl = ref("");
-const loadDocxPreview = async () => {
-  if (!props.src || viewerType.value !== "docx") return;
-
-  previewGenerating.value = true;
-  previewError.value = "";
-  docxPreviewUrl.value = "";
-
-  const maxRetries = 15;
-  const retryDelay = 2000; // 2 seconds between retries
-
-  for (let attempt = 0; attempt < maxRetries; attempt++) {
-    try {
-      const response = await axios.head(props.src, { validateStatus: () => true });
-
-      if (response.status >= 200 && response.status < 300) {
-        // Preview is ready
-        docxPreviewUrl.value = props.src;
-        previewGenerating.value = false;
-        return;
-      } else if (response.status === 202) {
-        // Preview is being generated, wait and retry
-        await new Promise((resolve) => setTimeout(resolve, retryDelay));
-      } else {
-        // Other error
-        previewError.value = "Napaka pri nalaganju predogleda.";
-        previewGenerating.value = false;
-        return;
-      }
-    } catch (e) {
-      previewError.value = "Napaka pri nalaganju predogleda.";
-      previewGenerating.value = false;
-      return;
-    }
-  }
-
-  // Max retries reached
-  previewError.value = "Predogled ni na voljo. Prosimo poskusite znova kasneje.";
-  previewGenerating.value = false;
-};
-
-watch(
-  () => [props.show, props.src],
-  ([show]) => {
-    if (show && viewerType.value === "text") {
-      loadTextContent();
-    }
-    if (show && viewerType.value === "docx") {
-      loadDocxPreview();
-    }
-    // Reset states when dialog closes
-    if (!show) {
-      previewGenerating.value = false;
-      previewError.value = "";
-      docxPreviewUrl.value = "";
-    }
-  },
-  { immediate: true }
-);
+  src: { type: String, default: '' },
+  title: { type: String, default: 'Dokument' }
+})
+const emit = defineEmits(['close'])
 </script>
 
 <template>
   <Dialog :open="show" @update:open="(open) => !open && $emit('close')">
-    <DialogContent class="max-w-full xl:max-w-7xl">
+    <DialogContent class="max-w-4xl">
       <DialogHeader>
-        <DialogTitle>
-          {{ title }}
-        </DialogTitle>
-        <DialogDescription>
-          <Badge>
-            {{ fileExtension }}
-          </Badge>
-        </DialogDescription>
+        <DialogTitle>{{ props.title }}</DialogTitle>
       </DialogHeader>
-
-      <div class="h-[70vh] overflow-auto">
-        <!-- PDF Viewer (browser native) -->
-        <template v-if="viewerType === 'pdf' && props.src">
-          <iframe
-            :src="props.src"
-            class="w-full h-full rounded border"
-            type="application/pdf"
-          />
-        </template>
-
-        <!-- DOCX Viewer (converted to PDF by backend) -->
-        <template v-else-if="viewerType === 'docx'">
-          <!-- Loading/generating state -->
-          <div
-            v-if="previewGenerating"
-            class="flex flex-col items-center justify-center h-full gap-4"
-          >
-            <Loader2 class="h-8 w-8 animate-spin text-indigo-600" />
-            <span class="text-gray-500">Priprava predogleda dokumenta...</span>
-          </div>
-          <!-- Error state -->
-          <div
-            v-else-if="previewError"
-            class="flex flex-col items-center justify-center h-full gap-4 text-gray-500"
-          >
-            <span>{{ previewError }}</span>
-            <Button as="a" :href="props.src" target="_blank" variant="outline">
-              Prenesi datoteko
-            </Button>
-          </div>
-          <!-- Preview ready -->
-          <iframe
-            v-else-if="docxPreviewUrl"
-            :src="docxPreviewUrl"
-            class="w-full h-full rounded border"
-            type="application/pdf"
-          />
-        </template>
-
-        <!-- Image Viewer -->
-        <template v-else-if="viewerType === 'image' && props.src">
-          <img
-            :src="props.src"
-            :alt="props.title"
-            class="max-w-full max-h-full mx-auto object-contain"
-          />
-        </template>
-
-        <!-- Text/CSV/XML Viewer -->
-        <template v-else-if="viewerType === 'text'">
-          <div v-if="loading" class="flex items-center justify-center h-full">
-            <div class="animate-pulse text-gray-500">Nalaganje...</div>
-          </div>
-          <pre
-            v-else
-            class="p-4 bg-gray-50 dark:bg-gray-900 rounded border text-sm overflow-auto h-full whitespace-pre-wrap wrap-break-word"
-            >{{ textContent }}</pre
-          >
-        </template>
-
-        <!-- Unsupported -->
-        <template v-else-if="viewerType === 'unsupported'">
-          <div
-            class="flex flex-col items-center justify-center h-full gap-4 text-gray-500"
-          >
-            <span>Predogled ni na voljo za to vrsto datoteke.</span>
-            <Button as="a" :href="props.src" target="_blank" variant="outline">
-              Prenesi datoteko
-            </Button>
-          </div>
-        </template>
-
-        <!-- No source -->
+      <div class="h-[70vh]">
+        <iframe v-if="props.src" :src="props.src" class="w-full h-full rounded border" />
         <div v-else class="text-sm text-gray-500">Ni dokumenta za prikaz.</div>
       </div>
-
       <div class="flex justify-end mt-4">
         <Button type="button" variant="outline" @click="$emit('close')">Zapri</Button>
       </div>

resources/js/Components/PersonInfo/PersonInfoGrid.vue

@@ -299,7 +299,7 @@ const switchToTab = (tab) => {
 
 <template>
   <Tabs v-model="activeTab" class="mt-2">
-    <TabsList class="flex flex-row flex-wrap bg-white gap-2 p-1">
+    <TabsList class="flex w-full bg-white gap-2 p-1">
       <TabsTrigger
         value="person"
         class="border border-gray-200 data-[state=active]:bg-primary-50 data-[state=active]:text-primary-700 flex-1 py-2"

resources/js/Components/PersonInfo/PersonInfoPhonesTab.vue

@@ -8,13 +8,7 @@ import {
 } from "@/Components/ui/dropdown-menu";
 import { Card } from "@/Components/ui/card";
 import { Button } from "../ui/button";
-import {
-  CircleCheckBigIcon,
-  CircleCheckIcon,
-  EllipsisVertical,
-  MessageSquare,
-  MessageSquareText,
-} from "lucide-vue-next";
+import { EllipsisVertical, MessageSquare, MessageSquareText } from "lucide-vue-next";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";
 
 const props = defineProps({
@@ -85,9 +79,8 @@ const handleSms = (phone) => emit("sms", phone);
             </DropdownMenu>
           </div>
         </div>
-        <p class="font-medium leading-relaxed p-1 flex gap-1 items-center">
+        <p class="font-medium leading-relaxed p-1">
           {{ phone.nu }}
-          <CircleCheckBigIcon color="#3e9392" size="20" v-if="phone.validated" />
         </p>
         <p class="text-sm text-muted-foreground p-1" v-if="phone.description">
           {{ phone.description }}

resources/js/Components/PersonInfo/PersonInfoSmsDialog.vue

@@ -1,6 +1,5 @@
 <script setup>
 import { ref, watch, computed } from "vue";
-import axios from "axios";
 import {
   Dialog,
   DialogContent,
@@ -302,14 +301,28 @@ const updateSmsFromSelection = async () => {
     const url = route("clientCase.sms.preview", {
       client_case: props.clientCaseUuid,
     });
-    const { data } = await axios.post(url, {
+    const res = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-Requested-With": "XMLHttpRequest",
+        "X-CSRF-TOKEN":
+          document.querySelector('meta[name="csrf-token"]')?.getAttribute("content") ||
+          "",
+      },
+      body: JSON.stringify({
         template_id: form.values.template_id,
         contract_uuid: form.values.contract_uuid || null,
+      }),
+      credentials: "same-origin",
     });
+    if (res.ok) {
+      const data = await res.json();
       if (typeof data?.content === "string" && data.content.trim() !== "") {
         form.setFieldValue("message", data.content);
         return;
       }
+    }
   } catch (e) {
     // ignore and fallback
   }

resources/js/Pages/Cases/Partials/ActivityDrawer.vue

@@ -120,8 +120,7 @@ const store = async () => {
     return `${y}-${m}-${day}`;
   };
 
-  const contractUuids =
-    Array.isArray(form.contract_uuids) && form.contract_uuids.length > 0
+  const contractUuids = Array.isArray(form.contract_uuids) && form.contract_uuids.length > 0
     ? form.contract_uuids
     : null;
   
@@ -176,9 +175,9 @@ const autoMailRequiresContract = computed(() => {
 });
 
 const contractItems = computed(() => {
-  return pageContracts.value.map((c) => ({
+  return pageContracts.value.map(c => ({
     value: c.uuid,
-    label: `${c.reference}${c.name ? ` - ${c.name}` : ""}`,
+    label: `${c.reference}${c.name ? ` - ${c.name}` : ''}`
   }));
 });
 
@@ -189,10 +188,7 @@ const autoMailDisabled = computed(() => {
   if (form.contract_uuids && form.contract_uuids.length > 1) return true;
   
   // Disable if template requires contract but none selected
-  if (
-    autoMailRequiresContract.value &&
-    (!form.contract_uuids || form.contract_uuids.length === 0)
-  ) {
+  if (autoMailRequiresContract.value && (!form.contract_uuids || form.contract_uuids.length === 0)) {
     return true;
   }
   
@@ -206,10 +202,7 @@ const autoMailDisabledHint = computed(() => {
     return "Avtomatska e-pošta ni na voljo pri več pogodbah.";
   }
   
-  if (
-    autoMailRequiresContract.value &&
-    (!form.contract_uuids || form.contract_uuids.length === 0)
-  ) {
+  if (autoMailRequiresContract.value && (!form.contract_uuids || form.contract_uuids.length === 0)) {
     return "Ta e-poštna predloga zahteva pogodbo. Najprej izberite pogodbo.";
   }
   
@@ -380,12 +373,8 @@ watch(
               :clearable="true"
               :show-selected-chips="true"
             />
-          <p
-            v-if="form.contract_uuids && form.contract_uuids.length > 1"
-            class="text-xs text-muted-foreground"
-          >
-            Bo ustvarjenih {{ form.contract_uuids.length }} aktivnosti (ena za vsako
-            pogodbo).
+            <p v-if="form.contract_uuids && form.contract_uuids.length > 1" class="text-xs text-muted-foreground">
+              Bo ustvarjenih {{ form.contract_uuids.length }} aktivnosti (ena za vsako pogodbo).
             </p>
           </div>
 
@@ -394,7 +383,7 @@ watch(
             <Textarea
               id="activityNote"
               v-model="form.note"
-            class="block w-full max-h-72"
+              class="block w-full"
               placeholder="Opomba"
             />
           </div>
@@ -423,7 +412,10 @@ watch(
           <div v-if="showSendAutoMail()" class="space-y-2">
             <div class="flex items-center justify-between">
               <div class="flex items-center space-x-2">
-              <Switch v-model="form.send_auto_mail" :disabled="autoMailDisabled" />
+                <Switch
+                  v-model="form.send_auto_mail"
+                  :disabled="autoMailDisabled"
+                />
                 <Label class="cursor-pointer">Send auto email</Label>
               </div>
             </div>
@@ -431,14 +423,7 @@ watch(
               {{ autoMailDisabledHint }}
             </p>
 
-          <div
-            v-if="
-              templateAllowsAttachments &&
-              form.contract_uuids &&
-              form.contract_uuids.length === 1
-            "
-            class="mt-3"
-          >
+            <div v-if="templateAllowsAttachments && form.contract_uuids && form.contract_uuids.length === 1" class="mt-3">
               <label class="inline-flex items-center gap-2">
                 <Switch v-model="form.attach_documents" />
                 <span class="text-sm">Dodaj priponke iz izbrane pogodbe</span>
@@ -460,28 +445,21 @@ watch(
                         <div
                           v-for="doc in availableContractDocs"
                           :key="doc.uuid || doc.id"
-                        class="flex items-center max-w-sm gap-2 text-sm"
+                          class="flex items-center gap-2 text-sm"
                         >
                           <Switch
                             :model-value="form.attachment_document_ids.includes(doc.id)"
-                          @update:model-value="
-                            (checked) => {
+                            @update:model-value="(checked) => {
                               if (checked) {
                                 if (!form.attachment_document_ids.includes(doc.id)) {
                                   form.attachment_document_ids.push(doc.id);
                                 }
                               } else {
-                                form.attachment_document_ids = form.attachment_document_ids.filter(
-                                  (id) => id !== doc.id
-                                );
+                                form.attachment_document_ids = form.attachment_document_ids.filter(id => id !== doc.id);
                               }
-                            }
-                          "
+                            }"
                           />
-                        <div class="wrap-anywhere">
-                          <p>
-                            {{ doc.original_name || doc.name }}
-                          </p>
+                          <span>{{ doc.original_name || doc.name }}</span>
                           <span class="text-xs text-gray-400"
                             >({{ doc.extension?.toUpperCase() || "" }},
                             {{ (doc.size / 1024 / 1024).toFixed(2) }} MB)</span
@@ -489,7 +467,6 @@ watch(
                         </div>
                       </div>
                     </div>
-                  </div>
                   </template>
                   <div
                     v-if="availableContractDocs.length === 0"

resources/js/Pages/Cases/Show.vue

@@ -107,7 +107,7 @@ const onDocSaved = () => {
   router.reload({ only: ["documents"] });
 };
 
-const viewer = ref({ open: false, src: "", title: "", mimeType: "", filename: "" });
+const viewer = ref({ open: false, src: "", title: "" });
 const openViewer = (doc) => {
   const kind = classifyDocument(doc);
   const isContractDoc = (doc?.documentable_type || "").toLowerCase().includes("contract");
@@ -122,13 +122,7 @@ const openViewer = (doc) => {
             client_case: props.client_case.uuid,
             document: doc.uuid,
           });
-    viewer.value = {
-      open: true,
-      src: url,
-      title: doc.name || doc.original_name,
-      mimeType: doc.mime_type || "",
-      filename: doc.original_name || doc.name || "",
-    };
+    viewer.value = { open: true, src: url, title: doc.original_name || doc.name };
   } else {
     const url =
       isContractDoc && doc.contract_uuid
@@ -146,8 +140,6 @@ const openViewer = (doc) => {
 const closeViewer = () => {
   viewer.value.open = false;
   viewer.value.src = "";
-  viewer.value.mimeType = "";
-  viewer.value.filename = "";
 };
 
 const clientDetails = ref(false);
@@ -490,8 +482,6 @@ const submitAttachSegment = () => {
       :show="viewer.open"
       :src="viewer.src"
       :title="viewer.title"
-      :mime-type="viewer.mimeType"
-      :filename="viewer.filename"
       @close="closeViewer"
     />
   </AppLayout>

resources/js/Pages/Client/Index.vue

@@ -6,8 +6,10 @@ import CreateDialog from "@/Components/Dialogs/CreateDialog.vue";
 import DataTable from "@/Components/DataTable/DataTableNew2.vue";
 import { hasPermission } from "@/Services/permissions";
 import { Button } from "@/Components/ui/button";
-import { CardTitle } from "@/Components/ui/card";
+import { Card, CardHeader, CardTitle, CardContent } from "@/Components/ui/card";
 import { Input } from "@/Components/ui/input";
+import ActionMenuItem from "@/Components/DataTable/ActionMenuItem.vue";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import {
   Select,
   SelectContent,
@@ -25,7 +27,8 @@ import {
 import { useForm } from "vee-validate";
 import { toTypedSchema } from "@vee-validate/zod";
 import * as z from "zod";
-import { Plus, UsersRoundIcon } from "lucide-vue-next";
+import ActionMessage from "@/Components/ActionMessage.vue";
+import { Mail, Plug2Icon, Plus, UsersRoundIcon } from "lucide-vue-next";
 import { Separator } from "@/Components/ui/separator";
 import AppCard from "@/Components/app/ui/card/AppCard.vue";
 
@@ -159,7 +162,7 @@ const fmtCurrency = (v) => {
 </script>
 
 <template>
-  <AppLayout title="Clients">
+  <AppLayout>
     <template #header> </template>
     <div class="py-6">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
@@ -198,7 +201,6 @@ const fmtCurrency = (v) => {
             :show-pagination="false"
             :show-toolbar="true"
             :hoverable="true"
-            :page-size="100"
             row-key="uuid"
             :striped="true"
             empty-text="Ni najdenih naročnikov."

resources/js/Pages/Phone/Case/Index.vue

@@ -67,7 +67,7 @@ const props = defineProps({
   completed_mode: { type: Boolean, default: false },
 });
 
-const viewer = reactive({ open: false, src: "", title: "", mimeType: "", filename: "" });
+const viewer = reactive({ open: false, src: "", title: "" });
 function openViewer(doc) {
   const kind = classifyDocument(doc);
   const isContractDoc = (doc?.documentable_type || "").toLowerCase().includes("contract");
@@ -85,8 +85,6 @@ function openViewer(doc) {
     viewer.open = true;
     viewer.src = url;
     viewer.title = doc.original_name || doc.name;
-    viewer.mimeType = doc.mime_type || "";
-    viewer.filename = doc.original_name || doc.name || "";
   } else {
     const url =
       isContractDoc && doc.contract_uuid
@@ -104,8 +102,6 @@ function openViewer(doc) {
 function closeViewer() {
   viewer.open = false;
   viewer.src = "";
-  viewer.mimeType = "";
-  viewer.filename = "";
 }
 
 function formatAmount(val) {
@@ -614,8 +610,6 @@ const clientSummary = computed(() => {
       :show="viewer.open"
       :src="viewer.src"
       :title="viewer.title"
-      :mime-type="viewer.mimeType"
-      :filename="viewer.filename"
       @close="closeViewer"
     />
     <ActivityDrawer