init: kovakemlak-crm project scaffold

- Next.js 16 + Appwrite multi-tenant emlak CRM - Database: kovakemlak-db (properties, customers, customer_searches, property_matches, presentations, investors, activities, tenant_settings) - Same stack as isletmem-kovakcrm (shadcn/ui template base) - Modules: portföy, müşteri takibi, arama kriterleri, otomatik eşleştirme, sunum linki, yatırımcı portalı
2026-05-05 04:37:04 +03:00
commit 37679e83e6
383 changed files with 53525 additions and 0 deletions
@@ -0,0 +1,71 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { Progress } from "@/components/ui/progress"
+import { Crown, AlertTriangle } from "lucide-react"
+
+interface CurrentPlan {
+  planName: string
+  price: string
+  nextBilling: string
+  status: string
+  daysUsed: number
+  totalDays: number
+  progressPercentage: number
+  remainingDays: number
+  needsAttention: boolean
+  attentionMessage: string
+}
+
+interface CurrentPlanCardProps {
+  plan: CurrentPlan
+}
+
+export function CurrentPlanCard({ plan }: CurrentPlanCardProps) {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Current Plan</CardTitle>
+        <CardDescription>
+          You are currently on the {plan.planName}.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <div className="flex items-center justify-between mb-4">
+          <div className="flex items-center space-x-2">
+            <Crown className="h-5 w-5 text-yellow-500" />
+            <span className="font-semibold">{plan.planName}</span>
+            <Badge variant="secondary">{plan.status}</Badge>
+          </div>
+          <div className="text-right">
+            <div className="text-2xl font-bold">{plan.price}</div>
+            <div className="text-sm text-muted-foreground">Next billing: {plan.nextBilling}</div>
+          </div>
+        </div>
+
+        {plan.needsAttention && (
+          <Card className="border-neutral-200 bg-neutral-50 dark:border-neutral-600 dark:bg-neutral-800">
+            <CardContent>
+              <div className="flex items-start gap-3">
+                <AlertTriangle className="h-5 w-5 text-neutral-600 mt-0.5 dark:text-neutral-400" />
+                <div className="space-y-1">
+                  <p className="font-medium text-neutral-800 dark:text-neutral-400">We need your attention!</p>
+                  <p className="text-sm text-neutral-700 dark:text-neutral-400">{plan.attentionMessage}</p>
+                </div>
+              </div>
+              
+              {/* Progress Section */}
+              <div className="mt-4 space-y-2">
+                <div className="flex justify-between items-center">
+                  <span className="text-sm text-muted-foreground font-medium">Days</span>
+                  <span className="text-sm text-muted-foreground font-medium">{plan.daysUsed} of {plan.totalDays} Days</span>
+                </div>
+                <Progress value={plan.progressPercentage} className="h-2" />
+                <p className="text-xs text-muted-foreground">{plan.remainingDays} days remaining until your plan requires update</p>
+              </div>
+            </CardContent>
+          </Card>
+        )}
+      </CardContent>
+    </Card>
+  )
+}