fileInputRef.current?.click()}
className={`border-2 border-dashed rounded-xl p-8 text-center cursor-pointer transition-all ${
diff --git a/app/owner/properties/page.js b/app/owner/properties/page.js
index b687d1b..0991c92 100644
--- a/app/owner/properties/page.js
+++ b/app/owner/properties/page.js
@@ -18,30 +18,16 @@ import {
Trash2,
Eye,
Calendar,
- TrendingUp,
- Users,
- FileText,
- Image as ImageIcon,
+ Layers,
+ Sofa,
+ DoorOpen,
+ ImageIcon,
CheckCircle,
XCircle,
AlertCircle,
ChevronRight,
ChevronLeft,
Loader2,
- Clock,
- Wifi,
- Zap,
- Flame,
- Droplets,
- Cigarette,
- Dog,
- Music,
- Warehouse,
- Layers,
- Sofa,
- DoorOpen,
- Wind,
- Pencil,
Save,
X,
Star,
@@ -52,10 +38,23 @@ import {
Store,
GraduationCap,
TreePine,
+ CreditCard,
+ Banknote, // تم إضافة Banknote هنا
} from "lucide-react";
import toast, { Toaster } from "react-hot-toast";
import AuthService from "../../services/AuthService";
-import { buildRentPropertyPayload, getMyRentListings, getMySaleListings, editRentProperty, editSaleProperty, updateRentPropertyStatus, updateSalePropertyStatus, uploadPicture } from "../../utils/api";
+import {
+ buildRentPropertyPayload,
+ getMyRentListings,
+ getMySaleListings,
+ editRentProperty,
+ editSaleProperty,
+ updateRentPropertyStatus,
+ updateSalePropertyStatus,
+ uploadPicture,
+ getPaymentTypes,
+ OwnerPaymentForSaleProperite, // تم إضافة استيراد الدالة هنا
+} from "../../utils/api";
import { PropertyService } from "../../enums/PropertyService";
import { PropertyTerm } from "../../enums/PropertyTerm";
import Loading from "@/app/loading";
@@ -97,6 +96,249 @@ const proximityI18nKeys = {
BusStation: "proximity.busStation",
};
+const CommissionPaymentDialog = ({
+ isOpen,
+ property,
+ onClose,
+ selectedPayment,
+ onSelectPayment,
+ onConfirmPay,
+ payingId,
+ paymentMethods,
+ loadingPaymentMethods,
+ receiptImage,
+ onSetReceiptImage,
+ commissionDetails,
+ setCommissionDetails,
+}) => {
+ const { t } = useTranslation();
+
+ if (!isOpen || !property) return null;
+
+ const commission = Number(property.commission || 0);
+
+ const selectedMethod = paymentMethods?.find((m) => String(m?.id ?? m?.name) === String(selectedPayment));
+
+ const isHaram = selectedMethod?.name?.toLowerCase?.() === "haram";
+
+ const hasSelectedMethod = !!selectedMethod;
+
+ const hasHaramDetails = commissionDetails?.fullName?.trim() && commissionDetails?.governorate?.trim() && commissionDetails?.phoneNumber?.trim();
+
+ const canPay = payingId !== property.id && hasSelectedMethod && (!isHaram || (!!receiptImage && !!hasHaramDetails));
+
+ return (
+
+
e.stopPropagation()}
+ >
+ {/* Header */}
+
+
+
+
+
+
+
+
{property.title}
+
+
{t("commission")}
+
+
+
+
+
{t("commission")}
+
+
+ {commission.toLocaleString()} {t("syp")}
+
+
+
+
{t("paymentMethod")}
+
+ {loadingPaymentMethods ? (
+
+ {t("loadingPaymentMethods", {
+ defaultValue: "جاري تحميل طرق الدفع...",
+ })}
+
+ ) : !Array.isArray(paymentMethods) || paymentMethods.length === 0 ? (
+
+ {t("noPaymentMethodsAvailable", {
+ defaultValue: "لا توجد طرق دفع متاحة حالياً.",
+ })}
+
+ ) : (
+
+ {paymentMethods.map((method, index) => {
+ const isActive = method?.isActive === true || method?.active === true;
+
+ const optionId = method?.id ?? method?.name ?? `payment-method-${index}`;
+
+ const label =
+ method?.name ||
+ t("paymentMethod", {
+ defaultValue: "طريقة الدفع",
+ });
+
+ const isSelected = selectedPayment === optionId;
+
+ return (
+
+ );
+ })}
+
+ )}
+
+
بيانات الدفع
+
+
+ {commissionDetails.split("\n").map((line, idx) => (
+
{line}
+ ))}
+
+
+
+ {t("uploadReceipt", {
+ defaultValue: "إيصال الدفع",
+ })}
+
+
+ {receiptImage ? (
+
+
})
+
+
+
+
+
+ ) : (
+
+ )}
+
+ onConfirmPay(property)}
+ whileHover={{ scale: 1.01 }}
+ whileTap={{ scale: 0.99 }}
+ className="w-full bg-amber-500 hover:bg-amber-600 disabled:bg-amber-300 text-white font-bold py-4 px-6 rounded-2xl text-lg transition-all flex items-center justify-center gap-3"
+ >
+ {payingId === property.id ? (
+ <>
+
+ {t("processingPayment")}
+
+ ) : (
+ <>
+
+ {t("payCommission", {
+ defaultValue: "دفع الكمسيون",
+ })}
+
+ )}
+
+
+
+
+
+
+
+
+ );
+};
+
const DeleteConfirmationModal = ({ isOpen, onClose, onConfirm, propertyTitle }) => {
const { t } = useTranslation();
if (!isOpen) return null;
@@ -503,9 +745,11 @@ const PropertyEditModal = ({ isOpen, onClose, property, onSave }) => {
nearbyUniversity: "",
nearbyPark: "",
nearbyMall: "",
+ nearbyMosque: "",
purpose: "rent",
currencyId: 1,
dailyPrice: 0,
+ commission: "",
monthlyPrice: 0,
deposit: 0,
rentType: "monthly",
@@ -591,6 +835,7 @@ const PropertyEditModal = ({ isOpen, onClose, property, onSave }) => {
serviceDetails,
terms,
customTerms: details.customTerms || [],
+ nearbyMosque: prox.nearbyMosque || prox.neaebymosque || "",
nearbySchool: prox.School ?? prox.school ?? prox.nearbySchool ?? "",
nearbyHospital: prox.Hospital ?? prox.hospital ?? prox.nearbyHospital ?? "",
nearbyRestaurant: prox.Restaurant ?? prox.restaurant ?? prox.nearbyRestaurant ?? "",
@@ -599,6 +844,7 @@ const PropertyEditModal = ({ isOpen, onClose, property, onSave }) => {
nearbyMall: prox.Mall ?? prox.mall ?? prox.nearbyMall ?? "",
purpose: property.purpose || "rent",
currencyId: property.currencyId || 1,
+ commission: property.commission || prox.commission || "",
...(property.purpose === "rent"
? {
dailyPrice: property.dailyPrice || 0,
@@ -791,7 +1037,7 @@ const PropertyEditModal = ({ isOpen, onClose, property, onSave }) => {