<!-- باقي الكود... -->

<!-- هام: أضف السكربت التالي هنا قرب إغلاق </body> -->

<script>
document.getElementById('identifyBtn').addEventListener('click', async function() {
const fileInputs = document.querySelectorAll('input[type="file"]');
let selectedFile = null;

fileInputs.forEach(input => {
if (input.files && input.files.length > 0) {
selectedFile = input.files[0];
}
});

if (!selectedFile) {
alert('يرجى رفع صورة أو التقاطها أولاً');
return;
}

const btn = this;
btn.disabled = true;
btn.innerHTML = '<i data-feather="loader" class="animate-spin mr-2 h-4 w-4"></i> جاري التعرف...';
feather.replace();

try {
const formData = new FormData();
formData.append('image', selectedFile);

const response = await fetch('https://api.plant.id/v2/identify', {
method: 'POST',
headers: {
'Api-Key': 'demo' // استبدل المفتاح هنا لمفتاحك الحقيقي عند الاستخدام
},
body: formData
});

if (!response.ok) throw new Error('فشل التعرف');

const data = await response.json();

if (data.suggestions && data.suggestions.length > 0) {
sessionStorage.setItem('plantData', JSON.stringify(data));
window.location.href = 'results.html';
} else {
alert('تعذر التعرف على النبات، حاول صورة أوضح.');
}
} catch (error) {
alert('حدث خطأ أثناء الاتصال: ' + error.message);
} finally {
btn.disabled = false;
btn.innerHTML = '<i data-feather="search" class="mr-2 h-4 w-4"></i> Identify Plant';
feather.replace();
}
});
</script>

</body>
</html>

ضيف دا هنا بحيث انه يشتغل

index.html

@@ -108,10 +108,10 @@
                                 </label>
                             </div>
 </div>
-                        <button id="identifyBtn" class="mt-6 bg-green-500 hover:bg-green-600 text-white font-medium py-3 px-8 rounded-full flex items-center">
-                            <i data-feather="search" class="mr-2 h-4 w-4"></i> Identify Plant
-                        </button>
-                        <script>
+                                <button id="identifyBtn" class="mt-6 bg-green-500 hover:bg-green-600 text-white font-medium py-3 px-8 rounded-full flex items-center">
+                                    <i data-feather="search" class="mr-2 h-4 w-4"></i> تعرف على النبات
+                                </button>
+<script>
                             document.getElementById('identifyBtn').addEventListener('click', async function() {
                                 const fileInputs = document.querySelectorAll('input[type="file"]');
                                 let selectedFile = null;
@@ -397,7 +397,6 @@
         
         // Initialize feather icons
         feather.replace();
-        
         // Animation for upload card
         document.addEventListener('DOMContentLoaded', function() {
             const uploadCard = document.querySelector('.pulse-animation');
@@ -409,6 +408,93 @@
             uploadCard.addEventListener('mouseleave', function() {
                 this.classList.add('pulse-animation');
             });
+
+            // Add Arabic translation for file input
+            document.querySelectorAll('input[type="file"]').forEach(input => {
+                input.addEventListener('change', function() {
+                    const label = this.closest('label');
+                    if (this.files.length > 0) {
+                        label.querySelector('p:first-of-type').textContent = 'تم اختيار الصورة';
+                    } else {
+                        label.querySelector('p:first-of-type').textContent = 'رفع من المعرض';
+                    }
+                });
+            });
+        });
+
+        // Arabic identification script
+        document.getElementById('identifyBtn').addEventListener('click', async function() {
+            const fileInputs = document.querySelectorAll('input[type="file"]');
+            let selectedFile = null;
+            
+            fileInputs.forEach(input => {
+                if (input.files && input.files.length > 0) {
+                    selectedFile = input.files[0];
+                }
+            });
+            
+            if (!selectedFile) {
+                alert('يرجى رفع صورة أو التقاطها أولاً');
+                return;
+            }
+
+            const btn = this;
+            btn.disabled = true;
+            btn.innerHTML = '<i data-feather="loader" class="animate-spin mr-2 h-4 w-4"></i> جاري التعرف...';
+            feather.replace();
+
+            try {
+                const formData = new FormData();
+                formData.append('image', selectedFile);
+                
+                // Store the file for results page
+                sessionStorage.setItem('uploadedImage', JSON.stringify({
+                    name: selectedFile.name,
+                    type: selectedFile.type,
+                    lastModified: selectedFile.lastModified
+                }));
+                
+                const response = await fetch('https://api.plant.id/v2/identify', {
+                    method: 'POST',
+                    headers: {
+                        'Api-Key': 'demo',
+                        'Content-Type': 'multipart/form-data'
+                    },
+                    body: formData
+                });
+                
+                if (!response.ok) {
+                    throw new Error('Identification failed');
+                }
+                
+                const data = await response.json();
+                
+                if (data.suggestions && data.suggestions.length > 0) {
+                    const result = {
+                        plantData: data,
+                        uploadedImage: {
+                            name: selectedFile.name,
+                            type: selectedFile.type,
+                            size: selectedFile.size,
+                            lastModified: selectedFile.lastModified
+                        }
+                    };
+                    sessionStorage.setItem('plantResult', JSON.stringify(result));
+                    window.location.href = 'results.html';
+                } else {
+                    throw new Error('No plant identified');
+                }
+            } catch (error) {
+                alert('خطأ في التعرف: ' + error.message);
+            } finally {
+                btn.disabled = false;
+                btn.innerHTML = '<i data-feather="search" class="mr-2 h-4 w-4"></i> تعرف على النبات';
+                feather.replace();
+                
+                document.querySelectorAll('input[type="file"]').forEach(input => {
+                    input.value = '';
+                });
+            }
         });
     </script>
 </body>