added the allowedPaymentPeriod

app/owner/properties/add/page.js

@@ -128,6 +128,7 @@ export default function AddPropertyPage() {
     dailyPrice: '',
     monthlyPrice: '',
     deposit: '',
+    allowedPaymentPeriod: '',
     
     city: '',
     district: '',
@@ -685,7 +686,7 @@ const handleMapClick = async (coords) => {
           currencyId: selectedCurrencyId,
           rentType: rentTypeMap[formData.offerType] ?? RentType.MONTHLY,
           type: formData.furnished ? RentPropertyType.FURNISHED : RentPropertyType.UNFURNISHED,
-          allowedPaymentPeriod: '',
+          allowedPaymentPeriod: formData.allowedPaymentPeriod || '',
           isSmokeAllow: null,
           specializedFor: null,
           isVisitorAllow: null,
@@ -1218,6 +1219,25 @@ const handleMapClick = async (coords) => {
                 </div>
               </div>
 
+              {/* Payment period picker */}
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-2">
+                  مدة السداد
+                </label>
+                <select
+                  value={formData.allowedPaymentPeriod}
+                  onChange={(e) => setFormData({...formData, allowedPaymentPeriod: e.target.value})}
+                  className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:outline-none focus:ring-2 focus:ring-amber-500"
+                >
+                  <option value="">اختر المدة</option>
+                  <option value="1.00:00:00">يومي</option>
+                  <option value="7.00:00:00">أسبوعي</option>
+                  <option value="30.00:00:00">شهري</option>
+                  <option value="90.00:00:00">ربع سنوي</option>
+                  <option value="365.00:00:00">سنوي</option>
+                </select>
+              </div>
+
               <AnimatePresence mode="wait">
                 {(formData.offerType === 'daily' || formData.offerType === 'both') && (
                   <motion.div