function NewComponent({ iconClassName = "fas fa-user-tie", bgColor = "bg-gray-100", iconSize = "text-6xl", iconColor = "text-gray-400", height = "h-[300px]" }) { return /*#__PURE__*/ React.createElement("div", { className: `${height} ${bgColor} rounded-lg flex items-center justify-center`, __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${iconClassName} ${iconSize} ${iconColor}`, __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function NewComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { iconClassName: "fas fa-user", bgColor: "bg-blue-100", iconColor: "text-blue-400", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this })); } function MainComponent() { const [formData, setFormData] = React.useState({ fullName: "", businessType: "", businessLocation: "", city: "", phoneNumber: "", dailySales: "", businessCapital: "", requestedAmount: "", isIDP: false, accessCode: "" }); const [submitted, setSubmitted] = React.useState(false); const [error, setError] = React.useState(null); const [loanDetails, setLoanDetails] = React.useState(null); const [applications, setApplications] = React.useState([]); const [adminPassword, setAdminPassword] = React.useState(""); const [adminNewPassword, setAdminNewPassword] = React.useState(""); const [adminConfirmPassword, setAdminConfirmPassword] = React.useState(""); const [changePassword, setChangePassword] = React.useState(false); const [selectedUser, setSelectedUser] = React.useState(null); const [pendingPayments, setPendingPayments] = React.useState([]); const [adminView, setAdminView] = React.useState("applications"); const [selectedFile, setSelectedFile] = React.useState(null); const [uploading, setUploading] = React.useState(false); const [upload] = useUpload(); const [portalView, setPortalView] = React.useState("overview"); const [paymentDates, setPaymentDates] = React.useState([]); const [view, setView] = React.useState("application"); const [paymentHistory, setPaymentHistory] = React.useState([]); const [missedPayments, setMissedPayments] = React.useState([]); const [upcomingPayments, setUpcomingPayments] = React.useState([]); const [uploadedImageUrl, setUploadedImageUrl] = React.useState(null); const handleChange = (e)=>{ const { name, value, type, checked } = e.target; setFormData((prev)=>({ ...prev, [name]: type === "checkbox" ? checked : value })); }; const handleSubmit = async (e)=>{ e.preventDefault(); try { const accessCode = Math.random().toString(36).substring(2, 8).toUpperCase(); await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `loan_applications` (`full_name`, `business_type`, `business_location`, `city`, `phone_number`, `daily_sales`, `business_capital`, `requested_amount`, `is_idp`, `status`, `approved_amount`, `total_repaid`, `submission_date`, `access_code`) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, 'pending', 25000, 0, ?, ?)", values: [ formData.fullName, formData.businessType, formData.businessLocation, formData.city, formData.phoneNumber, formData.dailySales, formData.businessCapital, formData.requestedAmount, formData.isIDP ? 1 : 0, new Date().toISOString(), accessCode ] }) }); setSubmitted(true); setFormData((prev)=>({ ...prev, accessCode })); } catch (err) { setError("Failed to submit application. Please try again."); } }; const handlePaymentSubmission = async (e)=>{ e.preventDefault(); if (!selectedFile) { setError("Please select a payment screenshot first"); return; } setUploading(true); try { const { url, error: uploadError } = await upload({ file: selectedFile }); if (uploadError) { throw new Error(uploadError); } setUploadedImageUrl(url); await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "UPDATE `loan_applications` SET `total_repaid` = `total_repaid` + 525, `payment_verified` = NULL, `payment_screenshot` = ? WHERE `phone_number` = ? AND `access_code` = ?", values: [ url, formData.phoneNumber, formData.accessCode ] }) }); setSelectedFile(null); fetchLoanDetails(); setError(null); } catch (err) { setError("Failed to submit payment. Please try again."); } finally{ setUploading(false); } }; const fetchApplications = async ()=>{ try { const response = await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `loan_applications` ORDER BY `submission_date` DESC" }) }); const data = await response.json(); setApplications(data); } catch (err) { console.error(err); } }; const handleApprove = async (phoneNumber, accessCode)=>{ try { await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "UPDATE `loan_applications` SET `status` = 'approved' WHERE `phone_number` = ? AND `access_code` = ?", values: [ phoneNumber, accessCode ] }) }); fetchApplications(); } catch (err) { console.error(err); } }; const handleAdminLogin = async (e)=>{ e.preventDefault(); try { const response = await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `admin_credentials` WHERE `password_hash` = ?", values: [ adminPassword ] }) }); const data = await response.json(); if (data && data.length > 0) { setView("admin"); fetchApplications(); fetchPendingPayments(); setError(null); } else { setError("Invalid admin password"); } } catch (err) { setError("Login failed. Please try again."); } }; const handlePasswordChange = async (e)=>{ e.preventDefault(); if (adminNewPassword !== adminConfirmPassword) { setError("New passwords do not match"); return; } try { await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "UPDATE `admin_credentials` SET `password_hash` = ? WHERE `password_hash` = ?", values: [ adminNewPassword, adminPassword ] }) }); setAdminPassword(adminNewPassword); setAdminNewPassword(""); setAdminConfirmPassword(""); setChangePassword(false); setError("Password updated successfully"); } catch (err) { setError("Failed to update password"); } }; const fetchUserDetails = async (phoneNumber, accessCode)=>{ try { const response = await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `loan_applications` WHERE `phone_number` = ? AND `access_code` = ?", values: [ phoneNumber, accessCode ] }) }); const data = await response.json(); setSelectedUser(data[0]); setAdminView("userDetails"); } catch (err) { console.error(err); } }; const handlePaymentVerification = async (phoneNumber, accessCode, approved)=>{ try { await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "UPDATE `loan_applications` SET `payment_verified` = ? WHERE `phone_number` = ? AND `access_code` = ?", values: [ approved ? 1 : 0, phoneNumber, accessCode ] }) }); fetchPendingPayments(); } catch (err) { console.error(err); } }; const fetchPendingPayments = async ()=>{ try { const response = await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `loan_applications` WHERE `payment_verified` IS NULL AND `status` = 'approved'" }) }); const data = await response.json(); setPendingPayments(data); } catch (err) { console.error(err); } }; const fetchPaymentHistory = async ()=>{ try { const response = await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `loan_applications` WHERE `phone_number` = ? AND `access_code` = ? AND `payment_verified` = 1 ORDER BY `submission_date` DESC", values: [ formData.phoneNumber, formData.accessCode ] }) }); const data = await response.json(); setPaymentHistory(data); } catch (err) { console.error(err); } }; const checkMissedPayments = ()=>{ const today = new Date(); const missed = paymentDates.filter((payment)=>payment.date < today && !payment.completed && payment.date.getDay() !== 0 && payment.date.getDay() !== 6); setMissedPayments(missed); }; const checkUpcomingPayments = ()=>{ const today = new Date(); const upcoming = paymentDates.filter((payment)=>payment.date > today && !payment.completed && payment.date.getDay() !== 0 && payment.date.getDay() !== 6); setUpcomingPayments(upcoming.slice(0, 5)); }; React.useEffect(()=>{ if (paymentDates.length > 0) { checkMissedPayments(); checkUpcomingPayments(); } }, [ paymentDates ]); React.useEffect(()=>{ const initializeAdminCredentials = async ()=>{ try { await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `admin_credentials` (`password_hash`) VALUES ('admin123')" }) }); } catch (err) { console.error("Failed to initialize admin credentials"); } }; initializeAdminCredentials(); }, []); React.useEffect(()=>{ const fetchLoanDetails1 = async ()=>{ try { const response = await fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `loan_applications` WHERE `phone_number` = ? AND `access_code` = ? ORDER BY `submission_date` DESC LIMIT 1", values: [ formData.phoneNumber, formData.accessCode ] }) }); const data = await response.json(); if (data && data.length > 0 && data[0].status === "approved") { setLoanDetails(data[0]); setView("portal"); } else { setError("Invalid access code or phone number combination"); } } catch (err) { console.error(err); } }; if (formData.phoneNumber && formData.accessCode) { fetchLoanDetails1(); } }, [ formData.phoneNumber, formData.accessCode ]); const calculatePaymentDates = ()=>{ if (!loanDetails?.submission_date) return []; const startDate = new Date(loanDetails.submission_date); const totalPayments = Math.ceil(loanDetails.approved_amount / 525); const dates = []; let currentDate = new Date(startDate); let paymentsAdded = 0; while(paymentsAdded < totalPayments){ const dayOfWeek = currentDate.getDay(); if (dayOfWeek !== 0 && dayOfWeek !== 6) { dates.push({ date: new Date(currentDate), amount: 525, status: currentDate <= new Date() ? "due" : "upcoming", completed: loanDetails.total_repaid / 525 > paymentsAdded, verified: loanDetails.payment_verified === 1, isWeekend: false }); paymentsAdded++; } currentDate.setDate(currentDate.getDate() + 1); } return dates; }; const calculatePaymentDatesForUser = (user)=>{ if (!user?.submission_date) return []; const startDate = new Date(user.submission_date); const totalPayments = Math.ceil(user.approved_amount / 525); const dates = []; let currentDate = new Date(startDate); let paymentsAdded = 0; while(paymentsAdded < totalPayments){ const dayOfWeek = currentDate.getDay(); if (dayOfWeek !== 0 && dayOfWeek !== 6) { dates.push({ date: new Date(currentDate), amount: 525, status: currentDate <= new Date() ? "due" : "upcoming", completed: user.total_repaid / 525 > paymentsAdded, verified: user.payment_verified === 1, isWeekend: false }); paymentsAdded++; } currentDate.setDate(currentDate.getDate() + 1); } return dates; }; React.useEffect(()=>{ if (loanDetails) { setPaymentDates(calculatePaymentDates()); fetchPaymentHistory(); } }, [ loanDetails ]); React.useEffect(()=>{ if (selectedUser) { const dates = calculatePaymentDatesForUser(selectedUser); setPaymentDates(dates); checkMissedPayments(); checkUpcomingPayments(); } }, [ selectedUser ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 398, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[300px] mb-0 bg-gradient-to-r from-emerald-600 via-teal-500 to-green-500", __source: { fileName: "", lineNumber: 399, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-black/50 to-transparent", __source: { fileName: "", lineNumber: 400, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 flex gap-2", __source: { fileName: "", lineNumber: 401, columnNumber: 9 }, __self: this }, view === "admin" && /*#__PURE__*/ React.createElement("div", { className: "bg-emerald-500 text-white px-3 py-1 rounded-full flex items-center", __source: { fileName: "", lineNumber: 403, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt mr-2", __source: { fileName: "", lineNumber: 404, columnNumber: 15 }, __self: this }), "Admin Mode"), view === "portal" && /*#__PURE__*/ React.createElement("div", { className: "bg-teal-500 text-white px-3 py-1 rounded-full flex items-center", __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 410, columnNumber: 15 }, __self: this }), "User Portal")), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex flex-col justify-between px-4 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 415, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-16", __source: { fileName: "", lineNumber: 416, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-white mb-6 font-montserrat tracking-wide", __source: { fileName: "", lineNumber: 417, columnNumber: 13 }, __self: this }, "The People's Vault for Growth"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl text-white font-roboto leading-relaxed", __source: { fileName: "", lineNumber: 420, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-handshake mr-2", __source: { fileName: "", lineNumber: 421, columnNumber: 15 }, __self: this }), "Supporting IDP Small Business Owners in Cameroon")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center pb-6", __source: { fileName: "", lineNumber: 425, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white/90 font-roboto mb-4 md:mb-0", __source: { fileName: "", lineNumber: 426, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 427, columnNumber: 15 }, __self: this }), "Secure • Reliable • Empowering"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 430, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("application"), className: `px-4 py-2 rounded ${view === "application" ? "bg-[#2b6cb0] text-white" : "bg-white text-[#2b6cb0]"}`, __source: { fileName: "", lineNumber: 431, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt mr-2", __source: { fileName: "", lineNumber: 439, columnNumber: 17 }, __self: this }), "Apply Now"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("login"), className: `px-4 py-2 rounded ${view === "login" ? "bg-[#2b6cb0] text-white" : "bg-white text-[#2b6cb0]"}`, __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 450, columnNumber: 17 }, __self: this }), "Access Portal"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("adminLogin"), className: `px-4 py-2 rounded ${view === "adminLogin" || view === "admin" ? "bg-[#2b6cb0] text-white" : "bg-white text-[#2b6cb0]"}`, __source: { fileName: "", lineNumber: 453, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-shield mr-2", __source: { fileName: "", lineNumber: 461, columnNumber: 17 }, __self: this }), "Admin"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 468, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 469, columnNumber: 9 }, __self: this }, view === "application" ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-12", __source: { fileName: "", lineNumber: 472, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 473, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 474, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-gray-100 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 475, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-tie text-6xl text-gray-400", __source: { fileName: "", lineNumber: 476, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-gray-100 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 478, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-6xl text-gray-400", __source: { fileName: "", lineNumber: 479, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-[#2d3748] font-roboto mt-4", __source: { fileName: "", lineNumber: 482, columnNumber: 15 }, __self: this }, "Empowering IDP entrepreneurs to grow their businesses and achieve financial stability and support their family.")), !submitted ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 489, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-[#2d3748] font-montserrat", __source: { fileName: "", lineNumber: 490, columnNumber: 17 }, __self: this }, "Business Support Application"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 493, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", value: formData.fullName, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 494, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "businessType", placeholder: "Business Type", value: formData.businessType, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 503, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "businessLocation", placeholder: "Business Location", value: formData.businessLocation, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 512, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "city", placeholder: "City", value: formData.city, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 521, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phoneNumber", placeholder: "Phone Number", value: formData.phoneNumber, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 530, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "dailySales", placeholder: "Daily Sales (FCFA)", value: formData.dailySales, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 539, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "businessCapital", placeholder: "Business Capital (FCFA)", value: formData.businessCapital, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 548, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "requestedAmount", placeholder: "Requested Amount (FCFA)", value: formData.requestedAmount, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 557, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 566, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "isIDP", checked: formData.isIDP, onChange: handleChange, className: "mr-2", __source: { fileName: "", lineNumber: 567, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "text-[#4a5568] font-roboto", __source: { fileName: "", lineNumber: 574, columnNumber: 21 }, __self: this }, "I am an Internally Displaced Person (IDP)")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#2b6cb0] text-white py-3 rounded-lg hover:bg-[#2c5282] transition duration-300", __source: { fileName: "", lineNumber: 578, columnNumber: 19 }, __self: this }, "Submit Application"))) : /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 587, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-[#2d3748] font-montserrat", __source: { fileName: "", lineNumber: 588, columnNumber: 17 }, __self: this }, "Application Submitted!"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 text-[#4a5568] font-roboto", __source: { fileName: "", lineNumber: 591, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 592, columnNumber: 19 }, __self: this }, "Congratulations! You qualify for an initial loan of:"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#2b6cb0]", __source: { fileName: "", lineNumber: 593, columnNumber: 19 }, __self: this }, "25,000 FCFA"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg", __source: { fileName: "", lineNumber: 596, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 597, columnNumber: 21 }, __self: this }, "Important Information:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-4 space-y-2", __source: { fileName: "", lineNumber: 598, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 599, columnNumber: 23 }, __self: this }, "Daily repayment: 525 FCFA (500 FCFA + 25 FCFA interest)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 602, columnNumber: 23 }, __self: this }, "Payments required: Monday through Friday only"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 603, columnNumber: 23 }, __self: this }, "After 90% repayment without delays: Qualify for 50,000 FCFA"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg mt-4", __source: { fileName: "", lineNumber: 609, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 610, columnNumber: 21 }, __self: this }, "Your Access Code:"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#2b6cb0] tracking-wider", __source: { fileName: "", lineNumber: 611, columnNumber: 21 }, __self: this }, formData.accessCode), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2 text-red-600", __source: { fileName: "", lineNumber: 614, columnNumber: 21 }, __self: this }, "⚠️ Keep this code safe! You'll need it to access your account.")), /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 619, columnNumber: 19 }, __self: this }, "Our team will contact you soon via call or text message to proceed with your application.")))) : view === "login" ? /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 628, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-[#2d3748] font-montserrat", __source: { fileName: "", lineNumber: 629, columnNumber: 13 }, __self: this }, "Access Your Portal"), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); fetchLoanDetails(); }, className: "space-y-4", __source: { fileName: "", lineNumber: 632, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phoneNumber", placeholder: "Enter Your Phone Number", value: formData.phoneNumber, onChange: handleChange, className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 639, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "accessCode", placeholder: "Enter Your Access Code", value: formData.accessCode, onChange: handleChange, className: "w-full p-3 border rounded-lg uppercase", required: true, __source: { fileName: "", lineNumber: 648, columnNumber: 15 }, __self: this }), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 657, columnNumber: 25 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#2b6cb0] text-white py-3 rounded-lg hover:bg-[#2c5282] transition duration-300", __source: { fileName: "", lineNumber: 658, columnNumber: 15 }, __self: this }, "Access Portal"))) : view === "adminLogin" ? /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 667, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-[#2d3748] font-montserrat", __source: { fileName: "", lineNumber: 668, columnNumber: 13 }, __self: this }, "Admin Login"), !changePassword ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleAdminLogin, className: "space-y-4", __source: { fileName: "", lineNumber: 672, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Enter Admin Password", value: adminPassword, onChange: (e)=>setAdminPassword(e.target.value), className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 673, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#2b6cb0] text-white py-3 rounded-lg hover:bg-[#2c5282] transition duration-300", __source: { fileName: "", lineNumber: 681, columnNumber: 17 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setChangePassword(true), className: "w-full bg-gray-200 text-gray-700 py-3 rounded-lg hover:bg-gray-300 transition duration-300", __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }, "Change Password"), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 694, columnNumber: 27 }, __self: this }, error)) : /*#__PURE__*/ React.createElement("form", { onSubmit: handlePasswordChange, className: "space-y-4", __source: { fileName: "", lineNumber: 697, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Current Password", value: adminPassword, onChange: (e)=>setAdminPassword(e.target.value), className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 698, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "New Password", value: adminNewPassword, onChange: (e)=>setAdminNewPassword(e.target.value), className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 706, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Confirm New Password", value: adminConfirmPassword, onChange: (e)=>setAdminConfirmPassword(e.target.value), className: "w-full p-3 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 714, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 722, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-[#2b6cb0] text-white py-3 rounded-lg hover:bg-[#2c5282] transition duration-300", __source: { fileName: "", lineNumber: 723, columnNumber: 19 }, __self: this }, "Update Password"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setChangePassword(false); setAdminNewPassword(""); setAdminConfirmPassword(""); setError(null); }, className: "flex-1 bg-gray-200 text-gray-700 py-3 rounded-lg hover:bg-gray-300 transition duration-300", __source: { fileName: "", lineNumber: 729, columnNumber: 19 }, __self: this }, "Cancel")), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 742, columnNumber: 27 }, __self: this }, error))) : view === "admin" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 747, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 748, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#2d3748] font-montserrat", __source: { fileName: "", lineNumber: 749, columnNumber: 15 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 752, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setAdminView("applications"), className: `px-4 py-2 rounded ${adminView === "applications" ? "bg-[#2b6cb0] text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 753, columnNumber: 17 }, __self: this }, "Applications"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setAdminView("payments"); fetchPendingPayments(); }, className: `px-4 py-2 rounded ${adminView === "payments" ? "bg-[#2b6cb0] text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 763, columnNumber: 17 }, __self: this }, "Pending Payments"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setView("adminLogin"); setAdminPassword(""); }, className: "px-4 py-2 rounded bg-red-500 text-white", __source: { fileName: "", lineNumber: 776, columnNumber: 17 }, __self: this }, "Logout"))), adminView === "applications" ? /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 789, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8", __source: { fileName: "", lineNumber: 790, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg", __source: { fileName: "", lineNumber: 791, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 792, columnNumber: 21 }, __self: this }, "Total Applications"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#2b6cb0]", __source: { fileName: "", lineNumber: 793, columnNumber: 21 }, __self: this }, applications.length)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg", __source: { fileName: "", lineNumber: 797, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 798, columnNumber: 21 }, __self: this }, "Approved Applications"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#2b6cb0]", __source: { fileName: "", lineNumber: 799, columnNumber: 21 }, __self: this }, applications.filter((app)=>app.status === "approved").length)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg", __source: { fileName: "", lineNumber: 806, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 807, columnNumber: 21 }, __self: this }, "Pending Applications"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#2b6cb0]", __source: { fileName: "", lineNumber: 808, columnNumber: 21 }, __self: this }, applications.filter((app)=>app.status === "pending").length))), /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 817, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-[#f7fafc]", __source: { fileName: "", lineNumber: 818, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 819, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 820, columnNumber: 23 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 821, columnNumber: 23 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 822, columnNumber: 23 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 823, columnNumber: 23 }, __self: this }, "Business"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 824, columnNumber: 23 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 825, columnNumber: 23 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 826, columnNumber: 23 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 827, columnNumber: 23 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 830, columnNumber: 19 }, __self: this }, applications.map((app, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-t hover:bg-gray-50", __source: { fileName: "", lineNumber: 832, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 833, columnNumber: 25 }, __self: this }, new Date(app.submission_date).toLocaleDateString()), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 836, columnNumber: 25 }, __self: this }, app.full_name), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 837, columnNumber: 25 }, __self: this }, app.phone_number), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 838, columnNumber: 25 }, __self: this }, app.business_type), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 839, columnNumber: 25 }, __self: this }, app.business_location), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 840, columnNumber: 25 }, __self: this }, app.requested_amount, " FCFA"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 841, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded ${app.status === "approved" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 842, columnNumber: 27 }, __self: this }, app.status)), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 852, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 853, columnNumber: 27 }, __self: this }, app.status === "pending" && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleApprove(app.phone_number, app.access_code), className: "bg-[#2b6cb0] text-white px-3 py-1 rounded hover:bg-[#2c5282]", __source: { fileName: "", lineNumber: 855, columnNumber: 31 }, __self: this }, "Approve"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>fetchUserDetails(app.phone_number, app.access_code), className: "bg-gray-200 text-gray-700 px-3 py-1 rounded hover:bg-gray-300", __source: { fileName: "", lineNumber: 867, columnNumber: 29 }, __self: this }, "Details"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (window.confirm("Are you sure you want to delete this application?")) { fetch("/api/db/idp-database", { method: "POST", body: JSON.stringify({ query: "DELETE FROM `loan_applications` WHERE `phone_number` = ? AND `access_code` = ?", values: [ app.phone_number, app.access_code ] }) }).then(()=>{ fetchApplications(); }); } }, className: "bg-red-500 text-white px-3 py-1 rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 878, columnNumber: 29 }, __self: this }, "Delete")))))))) : adminView === "payments" ? /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 912, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 913, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-[#f7fafc]", __source: { fileName: "", lineNumber: 914, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 915, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 916, columnNumber: 23 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 917, columnNumber: 23 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 918, columnNumber: 23 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 919, columnNumber: 23 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 920, columnNumber: 23 }, __self: this }, "Screenshot"), /*#__PURE__*/ React.createElement("th", { className: "p-3 text-left", __source: { fileName: "", lineNumber: 921, columnNumber: 23 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 924, columnNumber: 19 }, __self: this }, pendingPayments.map((payment, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-t hover:bg-gray-50", __source: { fileName: "", lineNumber: 926, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 927, columnNumber: 25 }, __self: this }, new Date(payment.submission_date).toLocaleDateString()), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 932, columnNumber: 25 }, __self: this }, payment.full_name), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 933, columnNumber: 25 }, __self: this }, payment.phone_number), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 934, columnNumber: 25 }, __self: this }, "525 FCFA"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 935, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: payment.payment_screenshot, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-700", __source: { fileName: "", lineNumber: 936, columnNumber: 27 }, __self: this }, "View Screenshot")), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 945, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 946, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePaymentVerification(payment.phone_number, payment.access_code, true), className: "bg-green-500 text-white px-3 py-1 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 947, columnNumber: 29 }, __self: this }, "Approve"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePaymentVerification(payment.phone_number, payment.access_code, false), className: "bg-red-500 text-white px-3 py-1 rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 959, columnNumber: 29 }, __self: this }, "Reject")))))))) : adminView === "userDetails" && selectedUser ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 979, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setAdminView("applications"), className: "mb-4 flex items-center text-[#2b6cb0]", __source: { fileName: "", lineNumber: 980, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 984, columnNumber: 19 }, __self: this }), "Back to Applications"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-6 rounded-lg mb-6", __source: { fileName: "", lineNumber: 987, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 988, columnNumber: 19 }, __self: this }, "User Details"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 989, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 990, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 991, columnNumber: 23 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 992, columnNumber: 23 }, __self: this }, selectedUser.full_name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 994, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 995, columnNumber: 23 }, __self: this }, "Phone:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 996, columnNumber: 23 }, __self: this }, selectedUser.phone_number)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 998, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 999, columnNumber: 23 }, __self: this }, "Business Type:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1000, columnNumber: 23 }, __self: this }, selectedUser.business_type)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1002, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1003, columnNumber: 23 }, __self: this }, "Location:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1004, columnNumber: 23 }, __self: this }, selectedUser.business_location)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1006, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1007, columnNumber: 23 }, __self: this }, "Daily Sales:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1008, columnNumber: 23 }, __self: this }, selectedUser.daily_sales, " FCFA")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1010, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1011, columnNumber: 23 }, __self: this }, "Business Capital:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1012, columnNumber: 23 }, __self: this }, selectedUser.business_capital, " FCFA")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1014, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1015, columnNumber: 23 }, __self: this }, "Requested Amount:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1016, columnNumber: 23 }, __self: this }, selectedUser.requested_amount, " FCFA")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1018, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1019, columnNumber: 23 }, __self: this }, "IDP Status:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1020, columnNumber: 23 }, __self: this }, selectedUser.is_idp ? "Yes" : "No")), /*#__PURE__*/ React.createElement("div", { className: "col-span-2 bg-yellow-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 1022, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold text-yellow-800", __source: { fileName: "", lineNumber: 1023, columnNumber: 23 }, __self: this }, "Access Code:"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-yellow-800 mt-1", __source: { fileName: "", lineNumber: 1024, columnNumber: 23 }, __self: this }, selectedUser.access_code), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-yellow-700 mt-1", __source: { fileName: "", lineNumber: 1027, columnNumber: 23 }, __self: this }, "⚠️ Only share this code with the verified account owner after identity confirmation")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white border rounded-lg p-6 mb-6", __source: { fileName: "", lineNumber: 1035, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 1036, columnNumber: 19 }, __self: this }, "Loan Progress"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1037, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-2", __source: { fileName: "", lineNumber: 1038, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1039, columnNumber: 23 }, __self: this }, "Progress"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1040, columnNumber: 23 }, __self: this }, Math.round(selectedUser.total_repaid / selectedUser.approved_amount * 100), "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 1049, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: `${selectedUser.total_repaid / selectedUser.approved_amount * 100}%` }, __source: { fileName: "", lineNumber: 1050, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1060, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white border rounded-lg p-6", __source: { fileName: "", lineNumber: 1061, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 1062, columnNumber: 21 }, __self: this }, "Missed Payments"), missedPayments.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1064, columnNumber: 23 }, __self: this }, missedPayments.map((payment, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2 bg-red-50 rounded", __source: { fileName: "", lineNumber: 1066, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-700", __source: { fileName: "", lineNumber: 1067, columnNumber: 29 }, __self: this }, payment.date.toLocaleDateString(), " - 525 FCFA")))) : /*#__PURE__*/ React.createElement("p", { className: "text-green-600", __source: { fileName: "", lineNumber: 1074, columnNumber: 23 }, __self: this }, "No missed payments")), /*#__PURE__*/ React.createElement("div", { className: "bg-white border rounded-lg p-6", __source: { fileName: "", lineNumber: 1078, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 1079, columnNumber: 21 }, __self: this }, "Upcoming Payments"), upcomingPayments.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1083, columnNumber: 23 }, __self: this }, upcomingPayments.map((payment, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2 bg-blue-50 rounded", __source: { fileName: "", lineNumber: 1085, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-blue-700", __source: { fileName: "", lineNumber: 1086, columnNumber: 29 }, __self: this }, payment.date.toLocaleDateString(), " - 525 FCFA")))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1093, columnNumber: 23 }, __self: this }, "No upcoming payments")))) : null) : view === "portal" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 1101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#2d3748] font-montserrat", __source: { fileName: "", lineNumber: 1103, columnNumber: 15 }, __self: this }, "Loan Portal"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 1106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPortalView("overview"), className: `px-4 py-2 rounded ${portalView === "overview" ? "bg-[#2b6cb0] text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 1107, columnNumber: 17 }, __self: this }, "Overview"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPortalView("payments"), className: `px-4 py-2 rounded ${portalView === "payments" ? "bg-[#2b6cb0] text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 1117, columnNumber: 17 }, __self: this }, "Make Payment"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPortalView("history"), className: `px-4 py-2 rounded ${portalView === "history" ? "bg-[#2b6cb0] text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 1127, columnNumber: 17 }, __self: this }, "Payment History"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setView("login"); setFormData((prev)=>({ ...prev, phoneNumber: "", accessCode: "" })); }, className: "px-4 py-2 rounded bg-red-500 text-white", __source: { fileName: "", lineNumber: 1137, columnNumber: 17 }, __self: this }, "Logout"))), portalView === "overview" ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8", __source: { fileName: "", lineNumber: 1155, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg", __source: { fileName: "", lineNumber: 1156, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1157, columnNumber: 21 }, __self: this }, "Loan Amount"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#2b6cb0]", __source: { fileName: "", lineNumber: 1158, columnNumber: 21 }, __self: this }, "25,000 FCFA")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg", __source: { fileName: "", lineNumber: 1162, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1163, columnNumber: 21 }, __self: this }, "Total Repaid"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#2b6cb0]", __source: { fileName: "", lineNumber: 1164, columnNumber: 21 }, __self: this }, loanDetails?.total_repaid, " FCFA")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg", __source: { fileName: "", lineNumber: 1168, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1169, columnNumber: 21 }, __self: this }, "Remaining Balance"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#2b6cb0]", __source: { fileName: "", lineNumber: 1170, columnNumber: 21 }, __self: this }, 26250 - (loanDetails?.total_repaid || 0), " FCFA"))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 1176, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 1177, columnNumber: 19 }, __self: this }, "Next Milestone"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 1178, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 1179, columnNumber: 21 }, __self: this }, "Complete 90% of payments (", Math.ceil(26250 * 0.9 - (loanDetails?.total_repaid || 0)), " ", "FCFA remaining) to qualify for a 50,000 FCFA funds support increase. Your goal: ", formData.requestedAmount, " FCFA")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 1188, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full transition-all duration-500", style: { width: `${(loanDetails?.total_repaid || 0) / 26250 * 100}%` }, __source: { fileName: "", lineNumber: 1189, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-right mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 1196, columnNumber: 19 }, __self: this }, Math.round((loanDetails?.total_repaid || 0) / 26250 * 100), "% Complete")), /*#__PURE__*/ React.createElement("div", { className: "bg-white border rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 1204, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#f7fafc] border-b", __source: { fileName: "", lineNumber: 1205, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 1206, columnNumber: 21 }, __self: this }, "Payment Schedule"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 1207, columnNumber: 21 }, __self: this }, "Note: Weekends (Saturday and Sunday) are grace days - no payments required")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1212, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1213, columnNumber: 21 }, __self: this }, paymentDates.map((payment, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-4 rounded-lg ${payment.completed && payment.verified ? "bg-green-100" : payment.completed && !payment.verified ? "bg-yellow-100" : payment.status === "due" ? "bg-red-100" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 1215, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 1227, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1228, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1229, columnNumber: 31 }, __self: this }, payment.date.toLocaleDateString()), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1232, columnNumber: 31 }, __self: this }, payment.amount, " FCFA")), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded text-sm ${payment.completed && payment.verified ? "bg-green-200 text-green-800" : payment.completed && !payment.verified ? "bg-yellow-200 text-yellow-800" : payment.status === "due" ? "bg-red-200 text-red-800" : "bg-gray-200 text-gray-800"}`, __source: { fileName: "", lineNumber: 1236, columnNumber: 29 }, __self: this }, payment.completed && payment.verified ? "Verified" : payment.completed && !payment.verified ? "Pending Verification" : payment.status === "due" ? "Overdue" : "Upcoming")))))))) : portalView === "payments" ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1263, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 1264, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#ebf8ff] p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 1265, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1266, columnNumber: 21 }, __self: this }, "Payment Instructions"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1267, columnNumber: 21 }, __self: this }, "1. Send 525 FCFA to MTN MoMo:", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 1269, columnNumber: 23 }, __self: this }, "+237 6 75 55 97 73"), /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1270, columnNumber: 23 }, __self: this }), "2. Take a screenshot of the payment confirmation", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1272, columnNumber: 23 }, __self: this }), "3. Upload the screenshot below", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1274, columnNumber: 23 }, __self: this }), "4. Wait for admin verification")), /*#__PURE__*/ React.createElement("form", { onSubmit: handlePaymentSubmission, className: "space-y-4", __source: { fileName: "", lineNumber: 1279, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1283, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 1284, columnNumber: 23 }, __self: this }, "Upload Payment Screenshot"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>setSelectedFile(e.target.files?.[0] || null), className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 1287, columnNumber: 23 }, __self: this })), uploadedImageUrl && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1298, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: uploadedImageUrl, alt: "Payment screenshot preview", className: "w-full h-auto rounded-lg shadow-md", __source: { fileName: "", lineNumber: 1299, columnNumber: 25 }, __self: this })), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 1306, columnNumber: 31 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: uploading, className: "w-full bg-[#2b6cb0] text-white py-3 rounded-lg hover:bg-[#2c5282] transition duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 1307, columnNumber: 21 }, __self: this }, uploading ? "Uploading..." : "Submit Payment")))) : portalView === "history" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white border rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 1318, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#f7fafc] border-b", __source: { fileName: "", lineNumber: 1319, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 1320, columnNumber: 19 }, __self: this }, "Payment History")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1322, columnNumber: 17 }, __self: this }, paymentHistory.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1324, columnNumber: 21 }, __self: this }, paymentHistory.map((payment, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1326, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 1327, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1328, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1329, columnNumber: 31 }, __self: this }, new Date(payment.submission_date).toLocaleDateString()), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1334, columnNumber: 31 }, __self: this }, "525 FCFA")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 1336, columnNumber: 29 }, __self: this }, payment.payment_screenshot && /*#__PURE__*/ React.createElement("img", { src: payment.payment_screenshot, alt: `Payment screenshot from ${new Date(payment.submission_date).toLocaleDateString()}`, className: "w-16 h-16 object-cover rounded", __source: { fileName: "", lineNumber: 1338, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "px-2 py-1 rounded text-sm bg-green-200 text-green-800", __source: { fileName: "", lineNumber: 1346, columnNumber: 31 }, __self: this }, "Verified")))))) : /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600", __source: { fileName: "", lineNumber: 1355, columnNumber: 21 }, __self: this }, "No payment history available"))) : null) : null)), ");"); }