From df5801ee25519b55f0004f21d4896a58435c4d42 Mon Sep 17 00:00:00 2001
From: Rahaf <User@DESKTOP-JSF2AL8>
Date: Sun, 28 Jun 2026 15:16:32 +0300
Subject: [PATCH] Edit properties for owner

---
 app/owner/properties/add/page.js | 81 ++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)

diff --git a/app/owner/properties/add/page.js b/app/owner/properties/add/page.js
index 690c827..e6e88e9 100644
--- a/app/owner/properties/add/page.js
+++ b/app/owner/properties/add/page.js
@@ -1020,6 +1020,87 @@ const handleMarkerDragEnd = async (lat, lng) => {
                 </div>
               </div>
 
+              <div className="bg-white rounded-xl p-6 border border-gray-200 mt-6">
+                <h3 className="text-lg font-bold text-gray-800 mb-4 flex items-center gap-2">
+                  <MapPin className="w-5 h-5 text-amber-600" />
+                  القرب من الخدمات
+                </h3>
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">المسافة إلى أقرب مدرسة (كم)</label>
+                    <input
+                      type="number"
+                      min="0"
+                      step="0.1"
+                      value={formData.nearbySchool}
+                      onChange={(e) => setFormData({...formData, nearbySchool: 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"
+                      placeholder="مثال: 0.5"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">المسافة إلى أقرب مستشفى (كم)</label>
+                    <input
+                      type="number"
+                      min="0"
+                      step="0.1"
+                      value={formData.nearbyHospital}
+                      onChange={(e) => setFormData({...formData, nearbyHospital: 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"
+                      placeholder="مثال: 1.0"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">المسافة إلى أقرب مطعم (كم)</label>
+                    <input
+                      type="number"
+                      min="0"
+                      step="0.1"
+                      value={formData.nearbyRestaurant}
+                      onChange={(e) => setFormData({...formData, nearbyRestaurant: 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"
+                      placeholder="مثال: 0.3"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">المسافة إلى أقرب جامعة (كم)</label>
+                    <input
+                      type="number"
+                      min="0"
+                      step="0.1"
+                      value={formData.nearbyUniversity}
+                      onChange={(e) => setFormData({...formData, nearbyUniversity: 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"
+                      placeholder="مثال: 2.0"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">المسافة إلى أقرب حديقة (كم)</label>
+                    <input
+                      type="number"
+                      min="0"
+                      step="0.1"
+                      value={formData.nearbyPark}
+                      onChange={(e) => setFormData({...formData, nearbyPark: 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"
+                      placeholder="مثال: 0.5"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">المسافة إلى أقرب مول (كم)</label>
+                    <input
+                      type="number"
+                      min="0"
+                      step="0.1"
+                      value={formData.nearbyMall}
+                      onChange={(e) => setFormData({...formData, nearbyMall: 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"
+                      placeholder="مثال: 1.5"
+                    />
+                  </div>
+                </div>
+              </div>
+
               {purpose === 'rent' && (
                 <div>
                   <h3 className="text-lg font-bold text-gray-900 mb-4">شروط استخدام العقار</h3>