Package and individual mail sender, new report, and other changes

Co-authored-by: Copilot <copilot@github.com>

resources/js/Components/PersonInfo/PersonInfoEmailsTab.vue

@@ -8,14 +8,16 @@ import {
 } from "@/Components/ui/dropdown-menu";
 import { Card } from "@/Components/ui/card";
 import { Button } from "../ui/button";
-import { EllipsisVertical } from "lucide-vue-next";
+import { CircleCheckBigIcon, CircleXIcon, EllipsisVertical, MailIcon } from "lucide-vue-next";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";
 
 const props = defineProps({
   person: Object,
   edit: { type: Boolean, default: true },
+  enableEmail: { type: Boolean, default: false },
 });
 
-const emit = defineEmits(["add", "edit", "delete"]);
+const emit = defineEmits(["add", "edit", "delete", "email"]);
 
 const getEmails = (p) => (Array.isArray(p?.emails) ? p.emails : []);
 
@@ -44,7 +46,17 @@ const handleDelete = (id, label) => emit("delete", id, label);
             </span>
           </div>
           <div v-if="edit">
-            <DropdownMenu>
+            <div class="flex items-center gap-1">
+              <Button
+                v-if="enableEmail"
+                @click="$emit('email', email)"
+                title="Pošlji e-pošto"
+                size="icon"
+                variant="ghost"
+              >
+                <MailIcon :size="18" />
+              </Button>
+              <DropdownMenu>
               <DropdownMenuTrigger as-child>
                 <Button variant="ghost" size="icon" title="Možnosti">
                   <EllipsisVertical />
@@ -66,11 +78,28 @@ const handleDelete = (id, label) => emit("delete", id, label);
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
+            </div>
           </div>
         </div>
         <div class="p-1">
-          <p class="font-medium text-gray-900 leading-relaxed">
+          <p class="font-medium text-gray-900 leading-relaxed flex gap-1 items-center">
             {{ email?.value || email?.email || email?.address || "-" }}
+            <TooltipProvider v-if="email?.valid">
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <CircleCheckBigIcon color="#3e9392" :size="18" />
+                </TooltipTrigger>
+                <TooltipContent>Veljavna</TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+            <TooltipProvider v-if="email?.failed">
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <CircleXIcon color="#dc2626" :size="18" />
+                </TooltipTrigger>
+                <TooltipContent>Neuspešna dostava</TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
           </p>
           <p
             v-if="email?.note"