2025-10-20 08:57:51 +02:00
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
import AppLayout from '@/layouts/AppLayout.vue';
|
|
|
|
|
|
import { dashboard } from '@/routes';
|
|
|
|
|
|
import { Head } from '@inertiajs/vue3';
|
|
|
|
|
|
import PlaceholderPattern from '../components/PlaceholderPattern.vue';
|
|
|
|
|
|
import { usePage } from '@inertiajs/vue3';
|
|
|
|
|
|
import { Trophy, ShieldCheck, Star, ArrowRight, UserCheck, UserCheck2 } from 'lucide-vue-next';
|
|
|
|
|
|
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
|
|
|
|
|
|
import {
|
|
|
|
|
|
Table,
|
|
|
|
|
|
TableBody,
|
|
|
|
|
|
TableCaption,
|
|
|
|
|
|
TableCell,
|
|
|
|
|
|
TableHead,
|
|
|
|
|
|
TableHeader,
|
|
|
|
|
|
TableRow,
|
|
|
|
|
|
} from '@/components/ui/table';
|
|
|
|
|
|
|
|
|
|
|
|
const page = usePage();
|
|
|
|
|
|
const token = page.props.flash?.token;
|
|
|
|
|
|
|
|
|
|
|
|
if (token) {
|
|
|
|
|
|
localStorage.setItem('sanctum_token', token);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
|
|
|
|
|
|
|
<Head title="Dashboard" />
|
|
|
|
|
|
|
2025-11-14 12:40:32 +01:00
|
|
|
|
<AppLayout>
|
2025-10-20 08:57:51 +02:00
|
|
|
|
<div class="grid gap-12 md:grid-cols-2 h-full p-6 md:p-8">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="relative overflow-y-auto">
|
|
|
|
|
|
Geplante Aktivitäten
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="flex flex-col gap-8">
|
|
|
|
|
|
<div class="relative overflow-y-auto">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-wrap gap-2 overflow-x-auto">
|
|
|
|
|
|
|
|
|
|
|
|
<Alert class="bg-amber-300">
|
|
|
|
|
|
<Trophy class="h-4 w-4" />
|
|
|
|
|
|
<AlertTitle>Du hast zwei neue Erfolge</AlertTitle>
|
|
|
|
|
|
<AlertDescription class="text-sky-600">
|
|
|
|
|
|
</AlertDescription>
|
|
|
|
|
|
</Alert>
|
|
|
|
|
|
<Alert class="bg-sky-300">
|
|
|
|
|
|
<UserCheck2 class="h-4 w-4" />
|
|
|
|
|
|
<AlertTitle>Du hast länger keine Bestandskunden mehr kontaktiert</AlertTitle>
|
|
|
|
|
|
<AlertDescription class="text-sky-600">
|
|
|
|
|
|
<a href="">Hier sind ein paar Vorschläge für Dich
|
|
|
|
|
|
<ArrowRight class="inline h-4 w-4" />
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</AlertDescription>
|
|
|
|
|
|
</Alert>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="relative flex-1 overflow-y-auto">
|
|
|
|
|
|
<h1 class="mb-4">Offene Rechnungen</h1>
|
|
|
|
|
|
<Table>
|
|
|
|
|
|
<TableRow>
|
|
|
|
|
|
<TableHead class="text-right px-4">Bezahlt</TableHead>
|
|
|
|
|
|
<TableCell class="text-right px-4 tabular-nums">21.976,09 €</TableCell>
|
|
|
|
|
|
</TableRow>
|
|
|
|
|
|
<TableRow>
|
|
|
|
|
|
<TableHead class="text-right px-4">Gestellt, nicht bezahlt</TableHead>
|
|
|
|
|
|
<TableCell class="text-right px-4 text-destructive font-bold tabular-nums">8.637,00 €</TableCell>
|
|
|
|
|
|
</TableRow>
|
|
|
|
|
|
<TableRow class="border-b-slate-600">
|
|
|
|
|
|
<TableHead class="text-right px-4">Noch nicht gestellt</TableHead>
|
|
|
|
|
|
<TableCell class="text-right px-4 tabular-nums">–</TableCell>
|
|
|
|
|
|
</TableRow>
|
|
|
|
|
|
<TableRow class="border-b-0">
|
|
|
|
|
|
<TableHead class="text-right px-4 font-bold">Summe</TableHead>
|
|
|
|
|
|
<TableCell class="text-right px-4 font-bold tabular-nums">30.613,09 €</TableCell>
|
|
|
|
|
|
</TableRow>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
|
|
|
|
class="relative flex-1 overflow-y-auto">
|
|
|
|
|
|
Aktuelle Angebote
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</AppLayout>
|
|
|
|
|
|
</template>
|
