From 2a891df398305f85e4ddeb83517bf7e90e16b469 Mon Sep 17 00:00:00 2001
From: sazzadulalambd <sazzad.sua@gmail.com>
Date: Tue, 19 May 2026 17:33:09 +0600
Subject: [PATCH] feat: add active batteries stat to investor profile and
 update grid layout for payment selection

---
 src/app/admin/investors/[id]/page.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/admin/investors/[id]/page.tsx b/src/app/admin/investors/[id]/page.tsx
index 48abb48..e1ba549 100644
--- a/src/app/admin/investors/[id]/page.tsx
+++ b/src/app/admin/investors/[id]/page.tsx
@@ -565,7 +565,7 @@ export default function InvestorDetailPage() {
               </div>
 
               {/* Stats Row */}
-              <div className="grid grid-cols-3 lg:grid-cols-6 gap-3 mt-5">
+              <div className="grid grid-cols-3 lg:grid-cols-7 gap-3 mt-5">
                 <div className="p-3 bg-purple-50 rounded-lg border border-purple-100">
                   <p className="text-xs text-purple-600 font-medium">Total Invested</p>
                   <p className="text-sm font-bold text-purple-700">৳{investor.totalInvested.toLocaleString()}</p>
@@ -586,11 +586,14 @@ export default function InvestorDetailPage() {
                   <p className="text-xs text-amber-600 font-medium">Active Bikes</p>
                   <p className="text-sm font-bold text-amber-700">{investor.activeBikes}</p>
                 </div>
+                <div className="p-3 bg-emerald-50 rounded-lg border border-emerald-100">
+                  <p className="text-xs text-emerald-600 font-medium">Active Batteries</p>
+                  <p className="text-sm font-bold text-emerald-700">{batteries.filter(b => b.investorId === investorId).length}</p>
+                </div>
                 <div className="p-3 bg-red-50 rounded-lg border border-red-100">
                   <p className="text-xs text-red-600 font-medium">Pending Request</p>
                   <p className="text-sm font-bold text-red-700">৳{investor.pendingEarnings.toLocaleString()}</p>
                 </div>
-
               </div>
             </div>
           </div>
@@ -3299,7 +3302,7 @@ export default function InvestorDetailPage() {
                   </div>
                 ) : (
                   <>
-                    <div className=" gap-3 mb-4">
+                    <div className="grid grid-cols-1 gap-3 mb-4">
                       <label className={`flex items-center gap-3 p-3 rounded-lg border-2 cursor-pointer transition-all ${newInvestment.paymentType === 'full' ? 'border-investor bg-investor/5' : 'border-slate-200 hover:border-slate-300'}`}>
                         <input
                           type="radio"