Upload 34 files

app.py

@@ -404,23 +404,23 @@ def calculate_final_verdict(results):
         elif any([trust_score > 0, address_score > 0, location_score > 0, price_score > 0]):
             weighted_score = max(0.15, weighted_score)  # Minimum 15% for any valid data
 
-        # Much stricter verdict determination
-        if fake_data_detected or fraudulent_issues > 0:
+        # Less strict verdict determination
+        if fake_data_detected or fraudulent_issues > 2:
             verdict = 'HIGH RISK LISTING'
             risk_level = 'high'
-        elif weighted_score >= 0.75 and fraud_score < 0.2 and high_severity_issues == 0:
+        elif weighted_score >= 0.70 and fraud_score < 0.3 and high_severity_issues == 0:
             verdict = 'VERIFIED REAL ESTATE LISTING'
             risk_level = 'low'
-        elif weighted_score >= 0.60 and fraud_score < 0.3 and high_severity_issues <= 1:
+        elif weighted_score >= 0.50 and fraud_score < 0.4 and high_severity_issues <= 1:
             verdict = 'LIKELY LEGITIMATE'
             risk_level = 'low'
-        elif weighted_score >= 0.40 and fraud_score < 0.5 and high_severity_issues <= 2:
+        elif weighted_score >= 0.30 and fraud_score < 0.6 and high_severity_issues <= 2:
             verdict = 'SUSPICIOUS LISTING'
             risk_level = 'medium'
-        elif fraud_score >= 0.5 or weighted_score < 0.20 or high_severity_issues >= 3:
+        elif fraud_score >= 0.7 or weighted_score < 0.15 or high_severity_issues >= 4:
             verdict = 'HIGH RISK LISTING'
             risk_level = 'high'
-        elif weighted_score >= 0.20:
+        elif weighted_score >= 0.15:
             verdict = 'VERIFICATION REQUIRED'
             risk_level = 'medium'
         else:
@@ -471,21 +471,21 @@ def calculate_final_verdict(results):
         # Ensure score is between 0 and 100
         overall_score = max(0, min(100, overall_score))
         
-        # CRITICAL: Much stricter minimum score for fake data
+        # CRITICAL: Less punitive minimum score for fake data
         if fake_data_detected:
-            overall_score = max(5, min(15, overall_score))  # 5-15% range for fake data
+            overall_score = max(10, min(25, overall_score))  # 10-25% range for fake data
         elif overall_score == 0 and any([trust_score > 0, address_score > 0, location_score > 0]):
-            overall_score = 15  # Minimum 15% score if any component is valid
+            overall_score = 20  # Minimum 20% score if any component is valid
         
-        # Final score adjustment based on data quality - Much stricter
+        # Final score adjustment based on data quality - Less punitive
         if fake_data_detected or fraudulent_issues > 0:
-            overall_score = max(5, min(15, overall_score))  # 5-15% for fake/fraudulent data
+            overall_score = max(10, min(25, overall_score))  # 10-25% for fake/fraudulent data
         elif high_severity_issues >= 3:
-            overall_score = max(10, overall_score)  # Minimum 10% for high risk
+            overall_score = max(15, overall_score)  # Minimum 15% for high risk
         elif high_severity_issues >= 1:
-            overall_score = max(15, overall_score)  # Minimum 15% for medium risk
+            overall_score = max(20, overall_score)  # Minimum 20% for medium risk
         else:
-            overall_score = max(20, overall_score)  # Minimum 20% for low risk
+            overall_score = max(25, overall_score)  # Minimum 25% for low risk
 
         return {
             'verdict': verdict,

models/address_verification.py

@@ -28,6 +28,20 @@ def verify_address(data):
         latitude = data.get('latitude', None)
         longitude = data.get('longitude', None)
 
+        # Basic validation - give points for having required fields
+        basic_score = 0.0
+        if zip_code:
+            basic_score += 0.2
+        if city:
+            basic_score += 0.2
+        if state:
+            basic_score += 0.2
+        if address:
+            basic_score += 0.2
+        if latitude and longitude:
+            basic_score += 0.2
+
+        # Pincode validation with fallback
         if zip_code:
             try:
                 response = requests.get(f"https://api.postalpincode.in/pincode/{zip_code}", timeout=5)
@@ -48,15 +62,25 @@ def verify_address(data):
                     address_results['issues'].append("Pincode API error")
             except Exception as e:
                 logger.error(f"Pincode API error: {str(e)}")
-                address_results['issues'].append("Pincode validation failed")
+                # Don't fail completely - give partial credit for having pincode
+                if zip_code and len(zip_code) == 6 and zip_code.isdigit():
+                    address_results['pincode_valid'] = True
+                    address_results['issues'].append("Pincode validation failed (API error)")
+                else:
+                    address_results['issues'].append("Pincode validation failed")
 
+        # Geocoding with fallback
         full_address = ', '.join(filter(None, [address, city, state, country, zip_code]))
+        geocoding_success = False
+        
         for attempt in range(3):
             try:
                 location = geocoder.geocode(full_address)
                 if location:
                     address_results['address_exists'] = True
                     address_results['confidence'] = 0.9
+                    geocoding_success = True
+                    
                     if latitude and longitude:
                         try:
                             provided_coords = (float(latitude), float(longitude))
@@ -74,9 +98,17 @@ def verify_address(data):
             except Exception as e:
                 logger.error(f"Geocoding error on attempt {attempt + 1}: {str(e)}")
                 time.sleep(1)
-        else:
-            address_results['issues'].append("Address geocoding failed")
+        
+        if not geocoding_success:
+            # Fallback: if we have basic address components, give partial credit
+            if address and city and state:
+                address_results['address_exists'] = True
+                address_results['confidence'] = 0.6
+                address_results['issues'].append("Address geocoding failed (using fallback validation)")
+            else:
+                address_results['issues'].append("Address geocoding failed")
 
+        # Calculate verification score with fallback
         try:
             verification_points = (
                 float(address_results['address_exists']) * 0.4 +
@@ -84,13 +116,31 @@ def verify_address(data):
                 float(address_results['city_state_match']) * 0.2 +
                 float(address_results['coordinates_match']) * 0.1
             )
+            
+            # If external APIs failed but we have basic data, give minimum score
+            if verification_points == 0.0 and basic_score > 0.0:
+                verification_points = basic_score * 0.5  # 50% of basic score as fallback
+                
         except Exception as e:
             logger.warning(f"Error calculating verification points: {str(e)}")
-            verification_points = 0.0
-        address_results['verification_score'] = verification_points
+            verification_points = basic_score * 0.5  # Fallback to basic score
+        
+        # Ensure minimum score for valid data
+        if verification_points == 0.0 and (zip_code or city or state or address):
+            verification_points = 0.2  # Minimum 20% for having some address data
+        
+        address_results['verification_score'] = verification_points * 100  # Convert to percentage
 
         return address_results
     except Exception as e:
         logger.error(f"Error verifying address: {str(e)}")
-        address_results['issues'].append(str(e))
-        return address_results
+        # Return minimum score instead of 0
+        return {
+            'address_exists': False,
+            'pincode_valid': False,
+            'city_state_match': False,
+            'coordinates_match': False,
+            'confidence': 0.0,
+            'issues': [f"Address verification error: {str(e)}"],
+            'verification_score': 10.0  # Minimum 10% score instead of 0
+        }

models/legal_analysis.py

@@ -11,11 +11,15 @@ def analyze_legal_details(legal_text: str) -> Dict[str, Any]:
         if not legal_text or len(str(legal_text).strip()) < 5:
             return {
                 'assessment': 'insufficient',
-                'confidence': 0.0,
+                'confidence': 0.1,  # Small confidence instead of 0
                 'summary': 'No legal details provided',
-                'completeness_score': 0,
+                'completeness_score': 5,  # Minimum score instead of 0
                 'potential_issues': False,
-                'legal_metrics': {},
+                'legal_metrics': {
+                    'text_length': 0,
+                    'word_count': 0,
+                    'legal_terms_found': 0
+                },
                 'reasoning': 'No legal details provided for analysis',
                 'top_classifications': [],
                 'document_verification': {},
@@ -28,14 +32,25 @@ def analyze_legal_details(legal_text: str) -> Dict[str, Any]:
             classifier = load_model("zero-shot-classification")
         except Exception as e:
             logger.error(f"Error loading model in legal analysis: {str(e)}")
+            # Provide fallback scoring based on text content
+            legal_text_str = str(legal_text)
+            legal_terms = ['title', 'deed', 'registration', 'tax', 'permit', 'approval', 'certificate', 'compliance', 'legal']
+            legal_terms_found = sum(1 for term in legal_terms if term in legal_text_str.lower())
+            
+            fallback_score = min(50, legal_terms_found * 10)  # 10 points per legal term, max 50
+            
             return {
-                'assessment': 'error',
-                'confidence': 0.0,
-                'summary': f'Model loading error: {str(e)}',
-                'completeness_score': 0,
+                'assessment': 'basic',
+                'confidence': 0.3,  # Basic confidence
+                'summary': f'Model loading error, using fallback analysis. Found {legal_terms_found} legal terms.',
+                'completeness_score': fallback_score,
                 'potential_issues': False,
-                'legal_metrics': {},
-                'reasoning': f'Model loading error: {str(e)}',
+                'legal_metrics': {
+                    'text_length': len(legal_text_str),
+                    'word_count': len(legal_text_str.split()),
+                    'legal_terms_found': legal_terms_found
+                },
+                'reasoning': f'Model loading error: {str(e)}. Using fallback scoring based on legal terms found.',
                 'top_classifications': [],
                 'document_verification': {},
                 'compliance_status': {},
@@ -98,202 +113,111 @@ def analyze_legal_details(legal_text: str) -> Dict[str, Any]:
         # Create a more detailed context for analysis
         legal_context = f"""
         Legal Documentation Analysis:
-        {legal_text[:1000]}
-
-        Key aspects to verify:
-        1. Title and Ownership:
-           - Clear title documentation
-           - Ownership transfer history
-           - Inheritance/gift documentation
-           - Power of attorney status
-
-        2. Property Registration:
-           - Sale deed validity
-           - Registration status
-           - Development agreements
-           - Joint development status
-
-        3. Tax and Financial:
-           - Property tax compliance
-           - Tax clearance status
-           - Encumbrance status
-           - Mortgage/loan status
-
-        4. Approvals and Permits:
-           - Building permit validity
-           - Construction approvals
-           - Occupation certificates
-           - Environmental clearances
-
-        5. Land and Usage:
-           - Land use compliance
-           - Zoning regulations
-           - Layout approvals
-           - Master plan compliance
-
-        6. Compliance and Legal:
-           - Legal compliance status
-           - Safety certificates
-           - Utility compliance
-           - Regulatory approvals
-
-        7. Disputes and Litigation:
-           - Dispute history
-           - Court orders
-           - Settlement status
-           - Pending cases
+        {legal_text}
+        
+        Please analyze the above legal documentation for:
+        1. Completeness of legal information
+        2. Presence of required documents
+        3. Compliance with regulations
+        4. Potential legal issues
+        5. Risk assessment
         """
 
-        # Analyze legal text with multiple aspects
+        # Analyze with the classifier
         try:
-            if hasattr(classifier, 'task_type') and classifier.task_type == "zero-shot-classification":
-                # Using fallback classifier
-                legal_result = classifier(legal_context, categories)
-            else:
-                # Using actual model
-                legal_result = classifier(legal_context, categories, multi_label=True)
+            legal_result = classifier(legal_context[:1000], categories, multi_label=True)
         except Exception as e:
             logger.error(f"Error in legal classification: {str(e)}")
-            # Use simple keyword-based analysis
-            legal_result = simple_legal_analysis(legal_text, categories)
-
-        # Get top classifications with confidence scores
-        top_classifications = []
-        if isinstance(legal_result, dict) and 'scores' in legal_result:
-            for label, score in zip(legal_result['labels'][:5], legal_result['scores'][:5]):
-                if score > 0.3:  # Only include if confidence is above 30%
-                    top_classifications.append({
-                        'classification': label,
-                        'confidence': float(score)
-                    })
+            # Fallback to simple analysis
+            return simple_legal_analysis(legal_text, categories)
 
-        # Generate summary using BART or fallback
-        try:
-            summary = summarize_text(legal_text[:1000])
-        except Exception as e:
-            logger.warning(f"Error generating summary: {str(e)}")
-            summary = "Legal document analysis completed with basic text processing."
-
-        # Calculate detailed legal metrics
+        # Calculate legal metrics
         legal_metrics = calculate_legal_metrics(legal_result, categories)
+        
+        # Get top classifications
+        top_classifications = []
+        for label, score in zip(legal_result['labels'][:5], legal_result['scores'][:5]):
+            if score > 0.2:  # Lower threshold for legal terms
+                top_classifications.append({
+                    'classification': label,
+                    'confidence': float(score)
+                })
 
-        # Calculate completeness score with weighted components
-        weights = {
-            'title_and_ownership': 0.25,
-            'property_registration': 0.20,
-            'tax_and_financial': 0.15,
-            'approvals_and_permits': 0.15,
-            'land_and_usage': 0.10,
-            'compliance_and_legal': 0.10,
-            'disputes_and_litigation': 0.05
-        }
-
-        completeness_score = sum(
-            legal_metrics[category] * weight * 100
-            for category, weight in weights.items()
-        )
-
-        # Determine if there are potential issues
-        potential_issues = legal_metrics['disputes_and_litigation'] > 0.3
-
-        # Generate detailed reasoning
-        reasoning_parts = []
-
-        # Document verification status
-        document_verification = {
-            'title_documents': {
-                'status': 'verified' if legal_metrics['title_and_ownership'] > 0.7 else 'partial' if legal_metrics['title_and_ownership'] > 0.4 else 'missing',
-                'score': legal_metrics['title_and_ownership'] * 100
-            },
-            'registration_documents': {
-                'status': 'verified' if legal_metrics['property_registration'] > 0.7 else 'partial' if legal_metrics['property_registration'] > 0.4 else 'missing',
-                'score': legal_metrics['property_registration'] * 100
-            },
-            'tax_documents': {
-                'status': 'verified' if legal_metrics['tax_and_financial'] > 0.7 else 'partial' if legal_metrics['tax_and_financial'] > 0.4 else 'missing',
-                'score': legal_metrics['tax_and_financial'] * 100
-            },
-            'approval_documents': {
-                'status': 'verified' if legal_metrics['approvals_and_permits'] > 0.7 else 'partial' if legal_metrics['approvals_and_permits'] > 0.4 else 'missing',
-                'score': legal_metrics['approvals_and_permits'] * 100
-            }
-        }
-
-        # Compliance status
-        compliance_status = {
-            'land_use': {
-                'status': 'compliant' if legal_metrics['land_and_usage'] > 0.7 else 'partial' if legal_metrics['land_and_usage'] > 0.4 else 'non-compliant',
-                'score': legal_metrics['land_and_usage'] * 100
-            },
-            'legal_compliance': {
-                'status': 'compliant' if legal_metrics['compliance_and_legal'] > 0.7 else 'partial' if legal_metrics['compliance_and_legal'] > 0.4 else 'non-compliant',
-                'score': legal_metrics['compliance_and_legal'] * 100
-            }
-        }
-
-        # Risk assessment
-        risk_assessment = {
-            'litigation_risk': {
-                'level': 'high' if legal_metrics['disputes_and_litigation'] > 0.6 else 'medium' if legal_metrics['disputes_and_litigation'] > 0.3 else 'low',
-                'score': legal_metrics['disputes_and_litigation'] * 100
-            },
-            'documentation_risk': {
-                'level': 'high' if completeness_score < 50 else 'medium' if completeness_score < 70 else 'low',
-                'score': 100 - completeness_score
-            }
-        }
-
-        # Generate reasoning based on all metrics
-        if top_classifications:
-            primary_class = top_classifications[0]['classification']
-            confidence = top_classifications[0]['confidence']
-            reasoning_parts.append(f"Primary assessment: {primary_class} (confidence: {confidence:.0%})")
-
-        # Add document verification status
-        for doc_type, status in document_verification.items():
-            reasoning_parts.append(f"{doc_type.replace('_', ' ').title()}: {status['status']} (score: {status['score']:.0f}%)")
-
-        # Add compliance status
-        for compliance_type, status in compliance_status.items():
-            reasoning_parts.append(f"{compliance_type.replace('_', ' ').title()}: {status['status']} (score: {status['score']:.0f}%)")
+        # Calculate completeness score
+        positive_categories = [
+            "clear title documentation", "property registration documents", "sale deed documents",
+            "property tax records", "building permits", "occupation certificates",
+            "legal compliance certificates", "no objection certificates"
+        ]
+        
+        positive_score = sum(score for label, score in zip(legal_result['labels'], legal_result['scores']) 
+                           if label in positive_categories)
+        completeness_score = min(100, int(positive_score * 100))
+        
+        # Ensure minimum score for any legal content
+        if completeness_score < 10 and len(legal_text) > 20:
+            completeness_score = 10  # Minimum 10% for having some legal content
 
-        # Add risk assessment
-        for risk_type, assessment in risk_assessment.items():
-            reasoning_parts.append(f"{risk_type.replace('_', ' ').title()}: {assessment['level']} risk (score: {assessment['score']:.0f}%)")
+        # Determine assessment
+        if completeness_score >= 80:
+            assessment = 'excellent'
+            confidence = 0.9
+        elif completeness_score >= 60:
+            assessment = 'good'
+            confidence = 0.7
+        elif completeness_score >= 40:
+            assessment = 'adequate'
+            confidence = 0.5
+        elif completeness_score >= 20:
+            assessment = 'basic'
+            confidence = 0.3
+        else:
+            assessment = 'basic'
+            confidence = 0.2
 
-        # Calculate overall confidence
-        overall_confidence = min(1.0, (
-            legal_metrics['title_and_ownership'] * 0.3 +
-            legal_metrics['property_registration'] * 0.2 +
-            legal_metrics['tax_and_financial'] * 0.15 +
-            legal_metrics['approvals_and_permits'] * 0.15 +
-            legal_metrics['land_and_usage'] * 0.1 +
-            legal_metrics['compliance_and_legal'] * 0.1
-        ))
+        # Generate summary
+        summary = summarize_text(legal_text)
 
         return {
-            'assessment': top_classifications[0]['classification'] if top_classifications else 'could not assess',
-            'confidence': float(overall_confidence),
+            'assessment': assessment,
+            'confidence': confidence,
             'summary': summary,
-            'completeness_score': int(completeness_score),
-            'potential_issues': potential_issues,
+            'completeness_score': completeness_score,
+            'potential_issues': legal_metrics.get('potential_issues', False),
             'legal_metrics': legal_metrics,
-            'reasoning': '. '.join(reasoning_parts),
+            'reasoning': f'Legal analysis completed with {completeness_score}% completeness score.',
             'top_classifications': top_classifications,
-            'document_verification': document_verification,
-            'compliance_status': compliance_status,
-            'risk_assessment': risk_assessment
+            'document_verification': {
+                'title_docs': legal_metrics.get('title_docs', 0),
+                'registration_docs': legal_metrics.get('registration_docs', 0),
+                'tax_docs': legal_metrics.get('tax_docs', 0),
+                'approval_docs': legal_metrics.get('approval_docs', 0)
+            },
+            'compliance_status': {
+                'overall_compliance': legal_metrics.get('compliance_score', 0),
+                'missing_documents': legal_metrics.get('missing_docs', [])
+            },
+            'risk_assessment': {
+                'risk_level': legal_metrics.get('risk_level', 'low'),
+                'risk_factors': legal_metrics.get('risk_factors', [])
+            }
         }
+
     except Exception as e:
-        logger.error(f"Error analyzing legal details: {str(e)}")
+        logger.error(f"Error in legal analysis: {str(e)}")
+        # Return reasonable fallback instead of complete failure
         return {
-            'assessment': 'could not assess',
-            'confidence': 0.0,
-            'summary': 'Error analyzing legal details',
-            'completeness_score': 0,
+            'assessment': 'basic',
+            'confidence': 0.2,
+            'summary': 'Legal analysis failed due to technical error',
+            'completeness_score': 10,  # Minimum score instead of 0
             'potential_issues': False,
-            'legal_metrics': {},
-            'reasoning': 'Technical error occurred during analysis',
+            'legal_metrics': {
+                'text_length': len(str(legal_text)) if legal_text else 0,
+                'word_count': len(str(legal_text).split()) if legal_text else 0,
+                'legal_terms_found': 0
+            },
+            'reasoning': f'Legal analysis error: {str(e)}. Using fallback scoring.',
             'top_classifications': [],
             'document_verification': {},
             'compliance_status': {},

models/text_quality.py

@@ -5,26 +5,61 @@ from .logging_config import logger
 
 def assess_text_quality(text):
     try:
-        if not text or len(str(text).strip()) < 20:
+        # Handle very short or empty text with more reasonable scoring
+        if not text or len(str(text).strip()) < 5:
             return {
                 'assessment': 'insufficient',
-                'score': 0,
-                'reasoning': 'Text too short.',
+                'score': 5,  # Give minimum score instead of 0
+                'reasoning': 'Text too short or empty.',
                 'is_ai_generated': False,
                 'quality_metrics': {},
                 'model_used': 'static_fallback'
             }
+        
+        # For very short text (5-20 characters), give basic score
+        if len(str(text).strip()) < 20:
+            return {
+                'assessment': 'basic',
+                'score': 15,  # Basic score for minimal text
+                'reasoning': 'Very short text provided.',
+                'is_ai_generated': False,
+                'quality_metrics': {
+                    'text_length': len(text),
+                    'word_count': len(text.split()),
+                    'sentence_count': text.count('.') + text.count('!') + text.count('?')
+                },
+                'model_used': 'static_fallback'
+            }
+        
         try:
             classifier = load_model("zero-shot-classification")  # Use standard model instead of typeform
         except Exception as e:
             logger.error(f"Error loading model in text quality: {str(e)}")
+            # Fallback scoring for when model fails
+            text_length = len(text)
+            if text_length > 200:
+                fallback_score = 60
+                assessment = 'good'
+            elif text_length > 100:
+                fallback_score = 40
+                assessment = 'adequate'
+            elif text_length > 50:
+                fallback_score = 25
+                assessment = 'basic'
+            else:
+                fallback_score = 15
+                assessment = 'basic'
+            
             return {
-                'assessment': 'error',
-                'score': 0,
-                'reasoning': f'Model loading error: {str(e)}',
+                'assessment': assessment,
+                'score': fallback_score,
+                'reasoning': f'Model loading error, using fallback scoring based on text length ({text_length} chars).',
                 'is_ai_generated': False,
-                'quality_metrics': {},
-                'top_classifications': [],
+                'quality_metrics': {
+                    'text_length': text_length,
+                    'word_count': len(text.split()),
+                    'sentence_count': text.count('.') + text.count('!') + text.count('?')
+                },
                 'model_used': 'static_fallback'
             }
 
@@ -63,8 +98,9 @@ def assess_text_quality(text):
         negative_score = sum(score for label, score in zip(quality_result['labels'], quality_result['scores']) 
                            if label in negative_categories)
         
-        # Calculate final score (0-100)
-        quality_score = max(0, min(100, int((positive_score - negative_score + 1) * 50)))
+        # Calculate final score (0-100) with better handling of edge cases
+        base_score = (positive_score - negative_score + 1) * 50
+        quality_score = max(10, min(100, int(base_score)))  # Ensure minimum 10% score
         
         # Determine assessment
         if quality_score >= 80:
@@ -74,9 +110,9 @@ def assess_text_quality(text):
         elif quality_score >= 40:
             assessment = 'adequate'
         elif quality_score >= 20:
-            assessment = 'poor'
+            assessment = 'basic'
         else:
-            assessment = 'very poor'
+            assessment = 'basic'  # Changed from 'very poor' to 'basic'
 
         # Simple AI detection (basic heuristic)
         is_ai_generated = len(text) > 500 and (
@@ -99,14 +135,22 @@ def assess_text_quality(text):
             'top_classifications': top_classifications,
             'model_used': getattr(classifier, 'fallback_model', 'primary_model')
         }
+
     except Exception as e:
         logger.error(f"Error in text quality assessment: {str(e)}")
+        # Return reasonable fallback instead of 0
+        text_length = len(str(text)) if text else 0
+        fallback_score = max(10, min(50, text_length // 2))  # Basic scoring based on length
+        
         return {
-            'assessment': 'error',
-            'score': 0,
-            'reasoning': f'Error: {str(e)}',
+            'assessment': 'basic',
+            'score': fallback_score,
+            'reasoning': f'Text quality assessment failed: {str(e)}. Using fallback scoring.',
             'is_ai_generated': False,
-            'quality_metrics': {},
-            'top_classifications': [],
-            'model_used': 'static_fallback'
+            'quality_metrics': {
+                'text_length': text_length,
+                'word_count': len(str(text).split()) if text else 0,
+                'sentence_count': str(text).count('.') + str(text).count('!') + str(text).count('?') if text else 0
+            },
+            'model_used': 'error_fallback'
         }

models/trust_score.py

@@ -6,14 +6,14 @@ import re
 
 def generate_trust_score(text, image_analysis, pdf_analysis):
     try:
-        # Start with a much lower base score and be very strict
-        trust_score = 20.0  # Drastically reduced from 60.0
+        # Start with a more reasonable base score
+        trust_score = 30.0  # Increased from 20.0 to give more reasonable starting point
         reasoning_parts = []
 
         # Simple text-based trust indicators
         text_lower = str(text).lower()
         
-        # CRITICAL: Check for obvious fake data patterns
+        # CRITICAL: Check for obvious fake data patterns - but be less punitive
         fake_patterns = [
             r'\b\d+\s*$',  # Numbers at end of lines
             r'^\d+$',      # Only numbers
@@ -28,136 +28,124 @@ def generate_trust_score(text, image_analysis, pdf_analysis):
         for pattern in fake_patterns:
             if re.search(pattern, text_lower):
                 fake_detected = True
-                trust_score -= 30  # Heavy penalty for fake patterns
+                trust_score -= 15  # Reduced penalty from 30 to 15
                 reasoning_parts.append("Detected suspicious number patterns")
                 break
         
-        # Check for repeated numbers (like "2, 2, 2, 2")
+        # Check for repeated numbers (like "2, 2, 2, 2") - but be less punitive
         numbers = re.findall(r'\b\d+\b', text_lower)
         if len(numbers) >= 3:
             unique_numbers = set(numbers)
             if len(unique_numbers) <= 2:  # If most numbers are the same
                 fake_detected = True
-                trust_score -= 40  # Very heavy penalty
+                trust_score -= 20  # Reduced penalty from 40 to 20
                 reasoning_parts.append("Detected repeated number patterns (likely fake data)")
         
-        # Check for extremely low values
+        # Check for extremely low values - but be less punitive
         if any(word in text_lower for word in ['₹2', '₹1', '₹3', '₹4', '₹5']):
             fake_detected = True
-            trust_score -= 50  # Extremely heavy penalty
+            trust_score -= 25  # Reduced penalty from 50 to 25
             reasoning_parts.append("Detected suspiciously low pricing")
         
-        # Check for very small property sizes
-        if any(word in text_lower for word in ['2 sq ft', '1 sq ft', '3 sq ft', '4 sq ft', '5 sq ft']):
+        # Check for very small property sizes - but be less punitive
+        if any(word in text_lower for word in ['2 sq', '1 sq', '3 sq', '4 sq', '5 sq']):
             fake_detected = True
-            trust_score -= 40
-            reasoning_parts.append("Detected unrealistic property size")
-        
-        # Check for generic property names
-        if any(word in text_lower for word in ['2', '1', '3', '4', '5']) and len(text.strip()) < 50:
-            fake_detected = True
-            trust_score -= 30
-            reasoning_parts.append("Detected generic/numeric property name")
-        
-        # Positive indicators - Much more strict
+            trust_score -= 20  # Reduced penalty from 40 to 20
+            reasoning_parts.append("Detected suspiciously small property size")
+
+        # Positive trust indicators - More generous
         positive_indicators = [
-            'verified', 'authentic', 'genuine', 'real', 'legitimate',
-            'complete', 'detailed', 'professional', 'official', 'certified',
-            'luxurious', 'modern', 'spacious', 'well-maintained', 'prime location',
-            'amenities', 'security', 'parking', 'garden', 'balcony',
-            'renovated', 'furnished', 'semi-furnished', 'ready to move',
-            'clear title', 'no litigation', 'approved', 'registered'
+            'apartment', 'flat', 'house', 'villa', 'bungalow', 'property', 'real estate',
+            'bedroom', 'bathroom', 'kitchen', 'living', 'dining', 'balcony', 'parking',
+            'amenities', 'facilities', 'security', 'lift', 'gym', 'pool', 'garden',
+            'hyderabad', 'mumbai', 'delhi', 'bangalore', 'chennai', 'kolkata', 'pune',
+            'verified', 'authentic', 'genuine', 'legitimate', 'original', 'certified'
         ]
         
-        # Negative indicators - More comprehensive
         negative_indicators = [
-            'fake', 'scam', 'fraud', 'suspicious', 'unverified',
-            'incomplete', 'missing', 'unclear', 'doubtful', 'questionable',
-            'urgent sale', 'quick sale', 'no documents needed', 'cash only',
-            'below market', 'distress sale', 'owner abroad', 'inheritance',
-            'unclear title', 'litigation', 'dispute', 'encroachment'
+            'fake', 'fraud', 'scam', 'suspicious', 'doubtful', 'unverified', 'unauthentic',
+            'illegal', 'unauthorized', 'forged', 'counterfeit', 'bogus', 'phony'
         ]
         
-        # Count positive and negative indicators
         positive_count = sum(1 for indicator in positive_indicators if indicator in text_lower)
         negative_count = sum(1 for indicator in negative_indicators if indicator in text_lower)
         
-        # Adjust score based on indicators - Much stricter
+        # Adjust score based on indicators - More balanced
         if positive_count > 0 and not fake_detected:
-            trust_score += min(15, positive_count * 2)  # Reduced from 25 to 15
+            trust_score += min(20, positive_count * 3)  # Increased from 15 to 20
             reasoning_parts.append(f"Found {positive_count} positive trust indicators")
         
         if negative_count > 0:
-            trust_score -= min(30, negative_count * 8)  # Increased penalty from 20 to 30
+            trust_score -= min(25, negative_count * 5)  # Reduced penalty from 30 to 25
             reasoning_parts.append(f"Found {negative_count} negative trust indicators")
         
-        # Image analysis contribution - Much stricter
+        # Image analysis contribution - More balanced
         if image_analysis:
             image_count = len(image_analysis) if isinstance(image_analysis, list) else 1
             if image_count > 0:
                 # Check if images are actually property-related
                 property_related_count = sum(1 for img in image_analysis if img.get('is_property_related', False))
                 if property_related_count > 0:
-                    trust_score += min(10, property_related_count * 3)  # Reduced from 20 to 10
+                    trust_score += min(15, property_related_count * 4)  # Increased from 10 to 15
                     reasoning_parts.append(f"Property has {property_related_count} property-related images")
                 else:
-                    trust_score -= 20  # Penalty for non-property images
+                    trust_score -= 15  # Reduced penalty from 20 to 15
                     reasoning_parts.append("No property-related images detected")
                 
                 # Bonus for multiple high-quality images
                 if property_related_count >= 3:
-                    trust_score += 5
+                    trust_score += 8  # Increased from 5 to 8
                     reasoning_parts.append("Multiple property images provided")
         
-        # PDF analysis contribution - Much stricter
+        # PDF analysis contribution - More balanced
         if pdf_analysis:
             pdf_count = len(pdf_analysis) if isinstance(pdf_analysis, list) else 1
             if pdf_count > 0:
                 # Check if documents are actually property-related
                 property_related_docs = sum(1 for doc in pdf_analysis if doc.get('is_property_related', False))
                 if property_related_docs > 0:
-                    trust_score += min(10, property_related_docs * 4)  # Reduced from 20 to 10
+                    trust_score += min(15, property_related_docs * 5)  # Increased from 10 to 15
                     reasoning_parts.append(f"Property has {property_related_docs} property-related documents")
                 else:
-                    trust_score -= 15  # Penalty for non-property documents
+                    trust_score -= 10  # Reduced penalty from 15 to 10
                     reasoning_parts.append("No property-related documents detected")
                 
                 # Bonus for multiple documents
                 if property_related_docs >= 2:
-                    trust_score += 3
+                    trust_score += 5  # Increased from 3 to 5
                     reasoning_parts.append("Multiple supporting documents provided")
         
-        # Text quality assessment - Much stricter
+        # Text quality assessment - More balanced
         if text and len(text) > 200 and not fake_detected:
-            trust_score += 8
+            trust_score += 12  # Increased from 8 to 12
             reasoning_parts.append("Detailed property description provided")
         elif text and len(text) > 100 and not fake_detected:
-            trust_score += 4
+            trust_score += 8  # Increased from 4 to 8
             reasoning_parts.append("Adequate property description provided")
         elif len(text) < 50:
-            trust_score -= 20  # Heavy penalty for very short descriptions
+            trust_score -= 15  # Reduced penalty from 20 to 15
             reasoning_parts.append("Very short property description")
         
-        # Location quality assessment - Much stricter
+        # Location quality assessment - More balanced
         if 'hyderabad' in text_lower or 'mumbai' in text_lower or 'delhi' in text_lower or 'bangalore' in text_lower:
             if not fake_detected:
-                trust_score += 3
+                trust_score += 5  # Increased from 3 to 5
                 reasoning_parts.append("Property in major city")
         
-        # Property type assessment - Much stricter
+        # Property type assessment - More balanced
         if any(prop_type in text_lower for prop_type in ['apartment', 'flat', 'house', 'villa', 'bungalow']):
             if not fake_detected:
-                trust_score += 2
+                trust_score += 4  # Increased from 2 to 4
                 reasoning_parts.append("Clear property type mentioned")
         
-        # Amenities assessment - Much stricter
+        # Amenities assessment - More balanced
         amenities_count = sum(1 for amenity in ['pool', 'gym', 'garden', 'parking', 'security', 'lift', 'balcony'] 
                              if amenity in text_lower)
         if amenities_count > 0 and not fake_detected:
-            trust_score += min(5, amenities_count * 1)  # Reduced from 10 to 5
+            trust_score += min(8, amenities_count * 2)  # Increased from 5 to 8
             reasoning_parts.append(f"Property has {amenities_count} amenities mentioned")
         
-        # CRITICAL: Additional fake data checks
+        # CRITICAL: Additional fake data checks - but be less punitive
         # Check if all major fields are just numbers
         numeric_fields = ['property_name', 'bedrooms', 'bathrooms', 'sq_ft', 'market_value']
         numeric_count = 0
@@ -167,9 +155,13 @@ def generate_trust_score(text, image_analysis, pdf_analysis):
         
         if numeric_count >= 3:  # If 3+ fields are just numbers
             fake_detected = True
-            trust_score -= 60  # Extremely heavy penalty
+            trust_score -= 30  # Reduced penalty from 60 to 30
             reasoning_parts.append("Multiple fields contain only numbers (highly suspicious)")
         
+        # Ensure minimum score for any valid data
+        if trust_score < 10 and (image_analysis or pdf_analysis):
+            trust_score = 10  # Minimum score if there are images or documents
+        
         # Ensure score is within bounds
         trust_score = max(0, min(100, trust_score))
         
@@ -183,4 +175,4 @@ def generate_trust_score(text, image_analysis, pdf_analysis):
         
     except Exception as e:
         logger.error(f"Error in trust score generation: {str(e)}")
-        return 10.0, f"Trust analysis failed: {str(e)}"  # Reduced from 50.0 to 10.0
+        return 20.0, f"Trust analysis failed: {str(e)}"  # Increased from 10.0 to 20.0

templates/3d.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Cloudinary 3D Viewer Test</title>
+  <script src="https://dimensions-3d-viewer.cloudinary.com/1.0.12/all.js"></script>
+  <script src="https://dimensions-tag.cloudinary.com/0.0.105/all.js"></script>
+</head>
+<body>
+
+  <label>Cloudinary 3D Viewer Example</label>
+  <div
+    id="three-d-viewer"
+    style="height: 500px; width: 100%;"
+    data-d8s-type="3d"
+    data-d8s-id="93f1cbde-738f-4507-b3ef-1ea62c128adb">
+  </div>
+
+  <script>
+    const d8sApi = initDimensions({
+      cloudName: "dn4rackei",
+      viewers: ["3D"]
+    });
+  </script>
+
+</body>
+</html>

templates/analyzeindex.html

@@ -0,0 +1,595 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Advanced AI Property Image Analyzer</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <style>
+        body {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .main-container {
+            background: rgba(255, 255, 255, 0.95);
+            border-radius: 20px;
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
+            backdrop-filter: blur(10px);
+            margin: 20px auto;
+            max-width: 1400px;
+        }
+        .header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 30px;
+            border-radius: 20px 20px 0 0;
+            text-align: center;
+        }
+        .upload-area {
+            border: 3px dashed #667eea;
+            border-radius: 15px;
+            padding: 40px;
+            text-align: center;
+            background: rgba(102, 126, 234, 0.05);
+            transition: all 0.3s ease;
+            cursor: pointer;
+        }
+        .upload-area:hover {
+            border-color: #764ba2;
+            background: rgba(118, 75, 162, 0.05);
+        }
+        .upload-area.dragover {
+            border-color: #764ba2;
+            background: rgba(118, 75, 162, 0.1);
+        }
+        .result-card {
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+            margin: 20px 0;
+            overflow: hidden;
+            transition: transform 0.3s ease;
+        }
+        .result-card:hover {
+            transform: translateY(-5px);
+        }
+        .result-header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 20px;
+            font-weight: bold;
+        }
+        .result-body {
+            padding: 25px;
+        }
+        .metric-card {
+            background: #f8f9fa;
+            border-radius: 10px;
+            padding: 20px;
+            margin: 10px 0;
+            border-left: 4px solid #667eea;
+        }
+        .score-badge {
+            font-size: 1.2em;
+            font-weight: bold;
+            padding: 8px 16px;
+            border-radius: 20px;
+        }
+        .score-excellent { background: #28a745; color: white; }
+        .score-good { background: #17a2b8; color: white; }
+        .score-fair { background: #ffc107; color: black; }
+        .score-poor { background: #dc3545; color: white; }
+        .ai-model-badge {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 5px 12px;
+            border-radius: 15px;
+            font-size: 0.8em;
+            margin: 2px;
+            display: inline-block;
+        }
+        .loading {
+            text-align: center;
+            padding: 40px;
+        }
+        .spinner {
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #667eea;
+            border-radius: 50%;
+            width: 50px;
+            height: 50px;
+            animation: spin 1s linear infinite;
+            margin: 0 auto 20px;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        .progress-bar {
+            height: 8px;
+            border-radius: 4px;
+            background: #e9ecef;
+            overflow: hidden;
+        }
+        .progress-fill {
+            height: 100%;
+            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+            transition: width 0.3s ease;
+        }
+        .insight-card {
+            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+            border-radius: 10px;
+            padding: 15px;
+            margin: 10px 0;
+            border-left: 4px solid #28a745;
+        }
+        .warning-card {
+            background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
+            border-radius: 10px;
+            padding: 15px;
+            margin: 10px 0;
+            border-left: 4px solid #ffc107;
+        }
+        .error-card {
+            background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
+            border-radius: 10px;
+            padding: 15px;
+            margin: 10px 0;
+            border-left: 4px solid #dc3545;
+        }
+        .object-item {
+            background: white;
+            border: 1px solid #dee2e6;
+            border-radius: 8px;
+            padding: 10px;
+            margin: 5px 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .confidence-bar {
+            width: 100px;
+            height: 6px;
+            background: #e9ecef;
+            border-radius: 3px;
+            overflow: hidden;
+        }
+        .confidence-fill {
+            height: 100%;
+            background: linear-gradient(90deg, #28a745 0%, #17a2b8 100%);
+            transition: width 0.3s ease;
+        }
+        .scene-concept {
+            background: rgba(102, 126, 234, 0.1);
+            border-radius: 8px;
+            padding: 8px 12px;
+            margin: 5px;
+            display: inline-block;
+            font-size: 0.9em;
+        }
+        .market-tier-badge {
+            font-size: 1.1em;
+            font-weight: bold;
+            padding: 10px 20px;
+            border-radius: 25px;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+        .tier-luxury { background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%); color: #333; }
+        .tier-premium { background: linear-gradient(135deg, #c0c0c0 0%, #e5e5e5 100%); color: #333; }
+        .tier-standard { background: linear-gradient(135deg, #cd7f32 0%, #daa520 100%); color: white; }
+        .tier-value { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: white; }
+    </style>
+</head>
+<body>
+    <div class="container-fluid">
+        <div class="main-container">
+            <div class="header">
+                <h1><i class="fas fa-robot"></i> Advanced AI Property Image Analyzer</h1>
+                <p class="mb-0">State-of-the-art AI-powered real estate image analysis with comprehensive insights</p>
+            </div>
+
+            <div class="container-fluid p-4">
+                <div class="row">
+                    <div class="col-md-6">
+                        <div class="upload-area" id="uploadArea">
+                            <i class="fas fa-cloud-upload-alt fa-3x text-primary mb-3"></i>
+                            <h4>Upload Property Image</h4>
+                            <p>Drag and drop your image here or click to browse</p>
+                            <input type="file" id="imageInput" accept="image/*" style="display: none;">
+                            <button class="btn btn-primary btn-lg" onclick="document.getElementById('imageInput').click()">
+                                <i class="fas fa-upload"></i> Choose Image
+                            </button>
+                        </div>
+                        
+                        <div id="imagePreview" class="mt-3" style="display: none;">
+                            <img id="previewImg" class="img-fluid rounded" style="max-height: 300px;">
+                        </div>
+                    </div>
+
+                    <div class="col-md-6">
+                        <div id="loading" class="loading" style="display: none;">
+                            <div class="spinner"></div>
+                            <h4>Advanced AI Analysis in Progress...</h4>
+                            <p>Multiple AI models are analyzing your image</p>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 0%"></div>
+                            </div>
+                        </div>
+
+                        <div id="results" style="display: none;">
+                            <!-- Results will be populated here -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        const uploadArea = document.getElementById('uploadArea');
+        const imageInput = document.getElementById('imageInput');
+        const imagePreview = document.getElementById('imagePreview');
+        const previewImg = document.getElementById('previewImg');
+        const loading = document.getElementById('loading');
+        const results = document.getElementById('results');
+
+        // Drag and drop functionality
+        uploadArea.addEventListener('dragover', (e) => {
+            e.preventDefault();
+            uploadArea.classList.add('dragover');
+        });
+
+        uploadArea.addEventListener('dragleave', () => {
+            uploadArea.classList.remove('dragover');
+        });
+
+        uploadArea.addEventListener('drop', (e) => {
+            e.preventDefault();
+            uploadArea.classList.remove('dragover');
+            const files = e.dataTransfer.files;
+            if (files.length > 0) {
+                handleImageUpload(files[0]);
+            }
+        });
+
+        uploadArea.addEventListener('click', () => {
+            imageInput.click();
+        });
+
+        imageInput.addEventListener('change', (e) => {
+            if (e.target.files.length > 0) {
+                handleImageUpload(e.target.files[0]);
+            }
+        });
+
+        function handleImageUpload(file) {
+            if (!file.type.startsWith('image/')) {
+                alert('Please select a valid image file.');
+                return;
+            }
+
+            // Show preview
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                previewImg.src = e.target.result;
+                imagePreview.style.display = 'block';
+            };
+            reader.readAsDataURL(file);
+
+            // Start analysis
+            analyzeImage(file);
+        }
+
+        function analyzeImage(file) {
+            const formData = new FormData();
+            formData.append('image', file);
+
+            // Show loading
+            loading.style.display = 'block';
+            results.style.display = 'none';
+
+            // Simulate progress
+            let progress = 0;
+            const progressFill = document.querySelector('.progress-fill');
+            const progressInterval = setInterval(() => {
+                progress += Math.random() * 15;
+                if (progress > 90) progress = 90;
+                progressFill.style.width = progress + '%';
+            }, 500);
+
+            fetch('/analyze', {
+                method: 'POST',
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                clearInterval(progressInterval);
+                progressFill.style.width = '100%';
+                
+                setTimeout(() => {
+                    loading.style.display = 'none';
+                    displayResults(data);
+                }, 1000);
+            })
+            .catch(error => {
+                clearInterval(progressInterval);
+                loading.style.display = 'none';
+                alert('Analysis failed: ' + error.message);
+            });
+        }
+
+        function displayResults(data) {
+            if (data.error) {
+                results.innerHTML = `
+                    <div class="error-card">
+                        <h5><i class="fas fa-exclamation-triangle"></i> Analysis Error</h5>
+                        <p>${data.error}</p>
+                    </div>
+                `;
+                results.style.display = 'block';
+                return;
+            }
+
+            const summary = data.analysis_summary;
+            const roomClass = data.room_classification;
+            const quality = data.quality_analysis;
+            const objects = data.object_detection;
+            const assessment = data.property_assessment;
+            const insights = data.property_insights;
+            const scene = data.scene_analysis;
+            const market = data.market_analysis;
+            const roomSize = data.room_size_estimation;
+
+            results.innerHTML = `
+                <!-- Analysis Summary -->
+                <div class="result-card">
+                    <div class="result-header">
+                        <h4><i class="fas fa-chart-line"></i> Analysis Summary</h4>
+                    </div>
+                    <div class="result-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="metric-card">
+                                    <h6><i class="fas fa-home"></i> Room Type</h6>
+                                    <p class="mb-1"><strong>${roomClass.room_type}</strong></p>
+                                    <div class="confidence-bar">
+                                        <div class="confidence-fill" style="width: ${roomClass.confidence}%"></div>
+                                    </div>
+                                    <small>Confidence: ${roomClass.confidence}%</small>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="metric-card">
+                                    <h6><i class="fas fa-star"></i> Overall Score</h6>
+                                    <span class="score-badge ${getScoreClass(assessment.overall_score)}">${assessment.overall_score}/100</span>
+                                    <p class="mt-2 mb-0"><small>${assessment.professional_grade ? 'Professional Grade' : 'Standard Grade'}</small></p>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="row mt-3">
+                            <div class="col-md-4">
+                                <div class="metric-card">
+                                    <h6><i class="fas fa-camera"></i> Quality Score</h6>
+                                    <span class="score-badge ${getScoreClass(quality.quality_score)}">${quality.quality_score}/100</span>
+                                    <p class="mt-2 mb-0"><small>${quality.quality_level}</small></p>
+                                </div>
+                            </div>
+                            <div class="col-md-4">
+                                <div class="metric-card">
+                                    <h6><i class="fas fa-cube"></i> Objects Detected</h6>
+                                    <span class="score-badge score-good">${objects.objects.length}</span>
+                                    <p class="mt-2 mb-0"><small>${objects.analysis.total_objects || 0} total</small></p>
+                                </div>
+                            </div>
+                            <div class="col-md-4">
+                                <div class="metric-card">
+                                    <h6><i class="fas fa-ruler-combined"></i> Room Size</h6>
+                                    <span class="score-badge score-good">${roomSize.estimated_size}</span>
+                                    <p class="mt-2 mb-0"><small>Confidence: ${roomSize.confidence}</small></p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Market Analysis -->
+                <div class="result-card">
+                    <div class="result-header">
+                        <h4><i class="fas fa-chart-bar"></i> Market Analysis</h4>
+                    </div>
+                    <div class="result-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="market-tier-badge tier-${market.market_tier.toLowerCase()}">${market.market_tier}</div>
+                                <p class="mt-2"><strong>Target Market:</strong> ${market.target_market}</p>
+                                <p><strong>Price Positioning:</strong> ${market.price_positioning}</p>
+                                <p><strong>Competitive Position:</strong> ${market.competitive_position}</p>
+                            </div>
+                            <div class="col-md-6">
+                                <h6>Competitive Advantages:</h6>
+                                <ul>
+                                    ${market.competitive_advantages.map(adv => `<li>${adv}</li>`).join('')}
+                                </ul>
+                                
+                                <h6>Differentiation Factors:</h6>
+                                <ul>
+                                    ${market.differentiation_factors.map(factor => `<li>${factor}</li>`).join('')}
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Property Insights -->
+                <div class="result-card">
+                    <div class="result-header">
+                        <h4><i class="fas fa-lightbulb"></i> Property Insights</h4>
+                    </div>
+                    <div class="result-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <h6><i class="fas fa-bullhorn"></i> Marketing Tips</h6>
+                                <ul>
+                                    ${insights.marketing_tips.map(tip => `<li>${tip}</li>`).join('')}
+                                </ul>
+                                
+                                <h6><i class="fas fa-users"></i> Target Audience</h6>
+                                <ul>
+                                    ${insights.target_audience.map(audience => `<li>${audience}</li>`).join('')}
+                                </ul>
+                            </div>
+                            <div class="col-md-6">
+                                <h6><i class="fas fa-dollar-sign"></i> Pricing Considerations</h6>
+                                <ul>
+                                    ${insights.pricing_considerations.map(consideration => `<li>${consideration}</li>`).join('')}
+                                </ul>
+                                
+                                <h6><i class="fas fa-tools"></i> Improvement Suggestions</h6>
+                                <ul>
+                                    ${insights.improvement_suggestions.map(suggestion => `<li>${suggestion}</li>`).join('')}
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Scene Analysis -->
+                <div class="result-card">
+                    <div class="result-header">
+                        <h4><i class="fas fa-palette"></i> Scene Analysis</h4>
+                    </div>
+                    <div class="result-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <h6>Dominant Style: ${scene.style_analysis.dominant_style}</h6>
+                                <p><strong>Style Confidence:</strong> ${(scene.style_analysis.style_confidence * 100).toFixed(1)}%</p>
+                                
+                                <h6>Scene Concepts:</h6>
+                                <div>
+                                    ${scene.scene_concepts.map(concept => 
+                                        `<span class="scene-concept">${concept.concept} (${(concept.confidence * 100).toFixed(1)}%)</span>`
+                                    ).join('')}
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <h6>Quality Indicators:</h6>
+                                <ul>
+                                    ${scene.style_analysis.quality_indicators.map(indicator => 
+                                        `<li>${indicator.concept} (${(indicator.confidence * 100).toFixed(1)}%)</li>`
+                                    ).join('')}
+                                </ul>
+                                
+                                <h6>Functionality Indicators:</h6>
+                                <ul>
+                                    ${scene.style_analysis.functionality_indicators.map(indicator => 
+                                        `<li>${indicator.concept} (${(indicator.confidence * 100).toFixed(1)}%)</li>`
+                                    ).join('')}
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Detailed Analysis -->
+                <div class="result-card">
+                    <div class="result-header">
+                        <h4><i class="fas fa-microscope"></i> Detailed Analysis</h4>
+                    </div>
+                    <div class="result-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <h6>Strengths:</h6>
+                                <ul>
+                                    ${assessment.strengths.map(strength => `<li class="insight-card">${strength}</li>`).join('')}
+                                </ul>
+                                
+                                <h6>Weaknesses:</h6>
+                                <ul>
+                                    ${assessment.weaknesses.map(weakness => `<li class="warning-card">${weakness}</li>`).join('')}
+                                </ul>
+                            </div>
+                            <div class="col-md-6">
+                                <h6>Recommendations:</h6>
+                                <ul>
+                                    ${assessment.recommendations.map(rec => `<li class="insight-card">${rec}</li>`).join('')}
+                                </ul>
+                                
+                                <h6>Market Opportunities:</h6>
+                                <ul>
+                                    ${market.market_opportunities.map(opp => `<li class="insight-card">${opp}</li>`).join('')}
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Object Detection Results -->
+                <div class="result-card">
+                    <div class="result-header">
+                        <h4><i class="fas fa-cube"></i> Object Detection</h4>
+                    </div>
+                    <div class="result-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <h6>Detected Objects:</h6>
+                                ${objects.objects.map(obj => `
+                                    <div class="object-item">
+                                        <span><i class="fas fa-tag"></i> ${obj.label}</span>
+                                        <div class="confidence-bar">
+                                            <div class="confidence-fill" style="width: ${obj.confidence * 100}%"></div>
+                                        </div>
+                                        <small>${(obj.confidence * 100).toFixed(1)}%</small>
+                                    </div>
+                                `).join('')}
+                            </div>
+                            <div class="col-md-6">
+                                <h6>Object Categories:</h6>
+                                <p><strong>Furniture:</strong> ${objects.analysis.object_categories?.furniture?.length || 0} items</p>
+                                <p><strong>Appliances:</strong> ${objects.analysis.object_categories?.appliances?.length || 0} items</p>
+                                <p><strong>Fixtures:</strong> ${objects.analysis.object_categories?.fixtures?.length || 0} items</p>
+                                <p><strong>Other:</strong> ${objects.analysis.object_categories?.other?.length || 0} items</p>
+                                
+                                <h6>Composition Analysis:</h6>
+                                <p><strong>Object Density:</strong> ${objects.analysis.object_density?.toFixed(2) || 0}</p>
+                                <p><strong>Composition Balance:</strong> ${(objects.analysis.composition_balance * 100).toFixed(1)}%</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- AI Models Used -->
+                <div class="result-card">
+                    <div class="result-header">
+                        <h4><i class="fas fa-robot"></i> AI Models Used</h4>
+                    </div>
+                    <div class="result-body">
+                        <div>
+                            <span class="ai-model-badge">Room Classification</span>
+                            <span class="ai-model-badge">BLIP Captioning</span>
+                            <span class="ai-model-badge">DETR Detection</span>
+                            <span class="ai-model-badge">Quality Analysis</span>
+                            <span class="ai-model-badge">CLIP Scene Understanding</span>
+                            <span class="ai-model-badge">Market Analysis</span>
+                        </div>
+                        <p class="mt-3 mb-0"><small><i class="fas fa-clock"></i> Analysis completed at ${new Date().toLocaleString()}</small></p>
+                    </div>
+                </div>
+            `;
+
+            results.style.display = 'block';
+        }
+
+        function getScoreClass(score) {
+            if (score >= 85) return 'score-excellent';
+            if (score >= 70) return 'score-good';
+            if (score >= 50) return 'score-fair';
+            return 'score-poor';
+        }
+    </script>
+</body>
+</html> 

templates/form.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Select Property</title>
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container py-5">
+  <h2 class="mb-4">Tell us what you're looking for</h2>
+  <form method="POST">
+    <div class="mb-3">
+      <label class="form-label">Property Type</label>
+      <input type="text" class="form-control" name="propertyType" required placeholder="Villa, Flat, PG...">
+    </div>
+    <div class="mb-3">
+      <label class="form-label">Price Range (min-max)</label>
+      <input type="text" class="form-control" name="priceRange" required placeholder="50000-20000000">
+    </div>
+    <button class="btn btn-primary">Show Recommendations</button>
+  </form>
+</div>
+</body>
+</html>

templates/index.html.bak

@@ -0,0 +1,1916 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Property Verifier</title>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <style>
+        :root {
+            --primary: #4361ee;
+            --secondary: #3f37c9;
+            --success: #4cc9f0;
+            --danger: #f72585;
+            --warning: #f8961e;
+            --info: #4895ef;
+            --light: #f8f9fa;
+            --dark: #212529;
+            --gray: #6c757d;
+            --border-radius: 12px;
+            --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+        
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: 'Poppins', sans-serif;
+            background-color: #f5f7fa;
+            color: #333;
+            line-height: 1.6;
+            padding: 20px;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+        
+        header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        
+        h1 {
+            font-size: 2.5rem;
+            color: var(--primary);
+            margin-bottom: 10px;
+        }
+        
+        .subtitle {
+            font-size: 1.1rem;
+            color: var(--gray);
+        }
+        
+        .card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--box-shadow);
+            padding: 25px;
+            margin-bottom: 25px;
+        }
+        
+        .card-header {
+            border-bottom: 1px solid #eee;
+            padding-bottom: 15px;
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .card-title {
+            font-size: 1.5rem;
+            color: var(--dark);
+            font-weight: 600;
+        }
+        
+        .form-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 20px;
+        }
+        
+        .form-group {
+            margin-bottom: 20px;
+        }
+        
+        .form-label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: 500;
+            color: var(--dark);
+        }
+        
+        .form-control {
+            width: 100%;
+            padding: 12px 15px;
+            border: 1px solid #ddd;
+            border-radius: var(--border-radius);
+            font-size: 1rem;
+            transition: border-color 0.3s;
+        }
+        
+        .form-control:focus {
+            border-color: var(--primary);
+            outline: none;
+            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1);
+        }
+        
+        textarea.form-control {
+            min-height: 100px;
+            resize: vertical;
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 12px 24px;
+            background-color: var(--primary);
+            color: white;
+            border: none;
+            border-radius: var(--border-radius);
+            font-size: 1rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        
+        .btn:hover {
+            background-color: var(--secondary);
+            transform: translateY(-2px);
+        }
+        
+        .btn-block {
+            display: block;
+            width: 100%;
+        }
+        
+        .section-title {
+            font-size: 1.2rem;
+            color: var(--primary);
+            margin-bottom: 15px;
+            font-weight: 600;
+        }
+        
+        .results-container {
+            display: none;
+            margin-top: 30px;
+        }
+        
+        .results-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
+    gap: 25px;
+}
+
+        
+        .result-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--box-shadow);
+            padding: 20px;
+            height: 100%;
+        }
+        
+        .result-header {
+            display: flex;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+        
+        .result-icon {
+            width: 40px;
+            height: 40px;
+            background-color: var(--light);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-right: 15px;
+        }
+        
+        .result-title {
+            font-size: 1.2rem;
+            font-weight: 600;
+            color: var(--dark);
+        }
+        
+        .trust-score {
+            text-align: center;
+            padding: 20px;
+        }
+        
+        .score-value {
+            font-size: 3rem;
+            font-weight: 700;
+            color: var(--primary);
+        }
+        
+        .score-label {
+            font-size: 1rem;
+            color: var(--gray);
+        }
+        
+        .progress-container {
+            margin: 15px 0;
+        }
+        
+        .progress-bar {
+            height: 10px;
+            background-color: #eee;
+            border-radius: 5px;
+            overflow: hidden;
+        }
+        
+        .progress-fill {
+            height: 100%;
+            background-color: var(--primary);
+            border-radius: 5px;
+            transition: width 0.5s ease-in-out;
+        }
+        
+        .alert {
+            padding: 15px;
+            border-radius: var(--border-radius);
+            margin-bottom: 20px;
+            font-weight: 500;
+        }
+        
+        .alert-danger {
+            background-color: rgba(247, 37, 133, 0.1);
+            color: var(--danger);
+            border-left: 4px solid var(--danger);
+        }
+        
+        .alert-warning {
+            background-color: rgba(248, 150, 30, 0.1);
+            color: var(--warning);
+            border-left: 4px solid var(--warning);
+        }
+        
+        .alert-success {
+            background-color: rgba(76, 201, 240, 0.1);
+            color: var(--success);
+            border-left: 4px solid var(--success);
+        }
+        
+        .suggestion-list {
+            list-style-type: none;
+            padding: 0;
+        }
+        
+        .suggestion-item {
+            padding: 10px 15px;
+            background-color: rgba(67, 97, 238, 0.05);
+            border-radius: var(--border-radius);
+            margin-bottom: 10px;
+            border-left: 3px solid var(--primary);
+        }
+        
+        .image-preview {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+            margin-top: 10px;
+        }
+        
+        .preview-item {
+            width: 100px;
+            height: 100px;
+            border-radius: 8px;
+            overflow: hidden;
+            position: relative;
+        }
+        
+        .preview-item img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        .preview-remove {
+            position: absolute;
+            top: 5px;
+            right: 5px;
+            background: rgba(0, 0, 0, 0.5);
+            color: white;
+            border: none;
+            border-radius: 50%;
+            width: 20px;
+            height: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+        }
+        
+        .loading {
+            display: none;
+            text-align: center;
+            padding: 30px;
+        }
+        
+        .spinner {
+            width: 50px;
+            height: 50px;
+            border: 5px solid rgba(67, 97, 238, 0.1);
+            border-radius: 50%;
+            border-top-color: var(--primary);
+            animation: spin 1s ease-in-out infinite;
+            margin: 0 auto 20px;
+        }
+        
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+        
+        .chart-container {
+            position: relative;
+            height: 200px;
+            margin-bottom: 20px;
+        }
+        
+        .pdf-preview {
+            background-color: #f8f9fa;
+            padding: 15px;
+            border-radius: var(--border-radius);
+            margin-top: 10px;
+            max-height: 200px;
+            overflow-y: auto;
+        }
+        
+        .pdf-filename {
+            font-weight: 500;
+            margin-bottom: 5px;
+        }
+        
+        .image-gallery {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+            gap: 15px;
+            margin-top: 20px;
+        }
+        
+        .gallery-item {
+            border-radius: var(--border-radius);
+            overflow: hidden;
+            box-shadow: var(--box-shadow);
+            aspect-ratio: 1;
+        }
+        
+        .gallery-item img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        .badge {
+            display: inline-block;
+            padding: 5px 10px;
+            border-radius: 20px;
+            font-size: 0.8rem;
+            font-weight: 500;
+            margin-right: 5px;
+            margin-bottom: 5px;
+        }
+        
+        .badge-primary { background-color: rgba(67, 97, 238, 0.1); color: var(--primary); }
+        .badge-success { background-color: rgba(76, 201, 240, 0.1); color: var(--success); }
+        .badge-warning { background-color: rgba(248, 150, 30, 0.1); color: var(--warning); }
+        .badge-danger { background-color: rgba(247, 37, 133, 0.1); color: var(--danger); }
+        
+        .explanation-box {
+            background-color: #f8f9fa;
+            border-radius: var(--border-radius);
+            padding: 15px;
+            margin-top: 15px;
+            border-left: 4px solid var(--info);
+        }
+        
+        .explanation-title {
+            font-weight: 600;
+            color: var(--info);
+            margin-bottom: 10px;
+        }
+        
+        @media (max-width: 768px) {
+            .form-grid, .results-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .card {
+                padding: 15px;
+            }
+        }
+        
+        .property-summary {
+            padding: 15px;
+        }
+        
+        .property-details p {
+            margin-bottom: 8px;
+        }
+        
+        .final-verdict {
+            padding: 15px;
+        }
+        
+        .verdict-box {
+            display: flex;
+            align-items: center;
+            padding: 15px;
+            border-radius: var(--border-radius);
+            margin-bottom: 15px;
+            background-color: #f8f9fa;
+        }
+        
+        .verdict-icon {
+            font-size: 2rem;
+            margin-right: 15px;
+        }
+        
+        .verdict-text {
+            font-size: 1.2rem;
+            font-weight: 600;
+        }
+        
+        .verdict-legitimate {
+            background-color: rgba(76, 201, 240, 0.1);
+            border-left: 4px solid var(--success);
+        }
+        
+        .verdict-suspicious {
+            background-color: rgba(248, 150, 30, 0.1);
+            border-left: 4px solid var(--warning);
+        }
+        
+        .verdict-fraudulent {
+            background-color: rgba(247, 37, 133, 0.1);
+            border-left: 4px solid var(--danger);
+        }
+        
+        .verification-scores {
+            padding: 15px;
+        }
+        
+        .score-item {
+            margin-bottom: 15px;
+        }
+        
+        .score-label {
+            font-weight: 500;
+            margin-bottom: 5px;
+        }
+        
+        .score-bar-container {
+            display: flex;
+            align-items: center;
+        }
+        
+        .score-bar {
+            height: 10px;
+            background-color: #e9ecef;
+            border-radius: 5px;
+            flex-grow: 1;
+            margin-right: 10px;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .score-bar::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            background-color: var(--primary);
+            border-radius: 5px;
+            width: 0%;
+            transition: width 0.5s ease;
+        }
+        
+        .score-value {
+            font-weight: 600;
+            min-width: 40px;
+            text-align: right;
+        }
+        
+        .red-flags {
+            padding: 15px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>AI Property Verifier & Fraud Detection</h1>
+            <p class="subtitle">Powered by advanced AI models to verify property listings and detect potential fraud</p>
+        </header>
+        
+        <div class="card">
+            <div class="card-header">
+                <h2 class="card-title">Property Details</h2>
+            </div>
+            
+                <form id="propertyForm">
+                <div class="section-title">Basic Information</div>
+                    <div class="form-grid">
+                        <div class="form-group">
+                        <label class="form-label" for="propertyName">Property Name</label>
+                        <input type="text" class="form-control" id="propertyName" name="property_name" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="propertyType">Property Type</label>
+                        <select class="form-control" id="propertyType" name="property_type" required>
+                            <option value="">Select Type</option>
+                                <option value="Apartment">Apartment</option>
+                                <option value="House">House</option>
+                                <option value="Condo">Condo</option>
+                                <option value="Townhouse">Townhouse</option>
+                            <option value="Villa">Villa</option>
+                                <option value="Land">Land</option>
+                                <option value="Commercial">Commercial</option>
+                                <option value="Other">Other</option>
+                            </select>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="status">Status</label>
+                        <select class="form-control" id="status" name="status" required>
+                            <option value="">Select Status</option>
+                                <option value="For Sale">For Sale</option>
+                                <option value="For Rent">For Rent</option>
+                                <option value="Sold">Sold</option>
+                            <option value="Under Contract">Under Contract</option>
+                                <option value="Pending">Pending</option>
+                            </select>
+                        </div>
+                        </div>
+                        
+                <div class="form-group">
+                    <label class="form-label" for="description">Property Description</label>
+                    <textarea class="form-control" id="description" name="description" rows="4" required></textarea>
+                    </div>
+                    
+                <div class="section-title">Location Details</div>
+                    <div class="form-grid">
+                        <div class="form-group">
+                        <label class="form-label" for="address">Address</label>
+                        <input type="text" class="form-control" id="address" name="address" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="city">City</label>
+                        <input type="text" class="form-control" id="city" name="city" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="state">State/Province</label>
+                        <input type="text" class="form-control" id="state" name="state" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="country">Country</label>
+                        <input type="text" class="form-control" id="country" name="country" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="zip">Zip/Postal Code</label>
+                        <input type="text" class="form-control" id="zip" name="zip" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="latitude">Latitude</label>
+                        <input type="text" class="form-control" id="latitude" name="latitude" placeholder="e.g. 40.7128">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="longitude">Longitude</label>
+                        <input type="text" class="form-control" id="longitude" name="longitude" placeholder="e.g. -74.0060">
+                        </div>
+                    </div>
+                    
+                <div class="section-title">Property Specifications</div>
+                    <div class="form-grid">
+                        <div class="form-group">
+                        <label class="form-label" for="bedrooms">Bedrooms</label>
+                        <input type="number" class="form-control" id="bedrooms" name="bedrooms" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="bathrooms">Bathrooms</label>
+                        <input type="number" class="form-control" id="bathrooms" name="bathrooms" min="0" step="0.5">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="totalRooms">Total Rooms</label>
+                        <input type="number" class="form-control" id="totalRooms" name="total_rooms" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="yearBuilt">Year Built</label>
+                        <input type="number" class="form-control" id="yearBuilt" name="year_built" min="1800" max="2100">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="parking">Parking Spaces</label>
+                        <input type="number" class="form-control" id="parking" name="parking" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="sqFt">Square Feet</label>
+                        <input type="text" class="form-control" id="sqFt" name="sq_ft" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="marketValue">Market Value</label>
+                        <input type="text" class="form-control" id="marketValue" name="market_value" min="0">
+                    </div>
+                        </div>
+                        
+                        <div class="form-group">
+                    <label class="form-label" for="amenities">Amenities (comma separated)</label>
+                    <input type="text" class="form-control" id="amenities" name="amenities" placeholder="e.g. Pool, Gym, Garden, Garage">
+                        </div>
+                        
+                        <div class="form-group">
+                    <label class="form-label" for="nearbyLandmarks">Nearby Landmarks</label>
+                    <input type="text" class="form-control" id="nearbyLandmarks" name="nearby_landmarks" placeholder="e.g. School, Hospital, Park, Shopping Mall">
+                        </div>
+                        
+                        <div class="form-group">
+                    <label class="form-label" for="legalDetails">Legal & Infrastructure Details</label>
+                    <textarea class="form-control" id="legalDetails" name="legal_details" rows="3" placeholder="Include zoning, permits, utilities, etc."></textarea>
+                        </div>
+                
+                <div class="section-title">Documents & Images</div>
+                <div class="form-group">
+                    <label class="form-label" for="images">Upload Images (JPG/PNG)</label>
+                    <input type="file" class="form-control" id="images" name="images" accept="image/jpeg, image/png" multiple>
+                    <div class="image-preview" id="imagePreview"></div>
+                    </div>
+                    
+                        <div class="form-group">
+                    <label class="form-label" for="documents">Upload Documents (PDF)</label>
+                    <input type="file" class="form-control" id="documents" name="documents" accept="application/pdf" multiple>
+                    <div id="pdfPreview"></div>
+                            </div>
+                        
+                        <div class="form-group">
+                    <button type="submit" class="btn btn-block" id="submitBtn">Verify Property with AI</button>
+                </div>
+            </form>
+                        </div>
+                        
+        <div class="loading" id="loadingIndicator">
+            <div class="spinner"></div>
+            <p>AI models are analyzing your property data...</p>
+            <p class="subtitle">This may take a moment as we're processing multiple AI models</p>
+                            </div>
+        
+        <div class="results-container" id="resultsContainer">
+            <div class="card">
+                <div class="card-header">
+                    <h2 class="card-title">AI Verification Results</h2>
+                        </div>
+                        
+                <div class="results-grid">
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🏠</div>
+                            <div class="result-title">Property Summary</div>
+                        </div>
+                        <div class="property-summary">
+                            <h3 id="propertyTitle">Property Details</h3>
+                            <div class="property-details">
+                                <p><strong>Name:</strong> <span id="summaryName"></span></p>
+                                <p><strong>Type:</strong> <span id="summaryType"></span></p>
+                                <p><strong>Status:</strong> <span id="summaryStatus"></span></p>
+                                <p><strong>Location:</strong> <span id="summaryLocation"></span></p>
+                                <p><strong>Price:</strong> <span id="summaryPrice"></span></p>
+                                <p><strong>Size:</strong> <span id="summarySize"></span></p>
+                                <p><strong>Bedrooms/Bathrooms:</strong> <span id="summaryRooms"></span></p>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">⚠️</div>
+                            <div class="result-title">Final Verdict</div>
+                        </div>
+                        <div class="final-verdict" id="finalVerdict">
+                            <div class="verdict-box" id="verdictBox">
+                                <div class="verdict-icon" id="verdictIcon">⏳</div>
+                                <div class="verdict-text" id="verdictText">Analysis in progress...</div>
+                            </div>
+                            <div class="verdict-reasons">
+                                <h4>Key Findings:</h4>
+                                <ul id="verdictReasons" class="suggestion-list">
+                                    <!-- Will be populated by JavaScript -->
+                                </ul>
+                            </div>
+                        </div>
+            </div>
+            
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🔍</div>
+                            <div class="result-title">Detailed Verification</div>
+                        </div>
+                        <div class="verification-scores">
+                            <div class="score-item">
+                                <div class="score-label">Trust Score</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="trustBar"></div>
+                                    <div class="score-value" id="trustValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Image Authenticity</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="imageBar"></div>
+                                    <div class="score-value" id="imageValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Document Verification</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="documentBar"></div>
+                                    <div class="score-value" id="documentValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Content Quality</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="contentBar"></div>
+                                    <div class="score-value" id="contentValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Location Accuracy</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="locationBar"></div>
+                                    <div class="score-value" id="locationValue">--</div>
+                                </div>
+                            </div>
+                        </div>
+                </div>
+                
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🚩</div>
+                            <div class="result-title">Red Flags</div>
+                        </div>
+                        <div class="red-flags">
+                            <ul id="redFlagsList" class="suggestion-list">
+                                <!-- Will be populated by JavaScript -->
+                            </ul>
+                    </div>
+                </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📊</div>
+                            <div class="result-title">Trust Score</div>
+                        </div>
+                        <div class="trust-score">
+                            <div class="score-value" id="trustScoreValue">--</div>
+                            <div class="score-label">Trust Score</div>
+                            <div class="progress-container">
+                                <div class="progress-bar">
+                                    <div class="progress-fill" id="trustScoreBar" style="width: 0%"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="chart-container">
+                            <canvas id="trustScoreChart"></canvas>
+                        </div>
+                        <div class="explanation-box">
+                            <div class="explanation-title">AI Reasoning</div>
+                            <div id="trustReasoning"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🔍</div>
+                            <div class="result-title">Fraud Analysis</div>
+                            </div>
+                        <div id="fraudAlertContainer"></div>
+                        <div class="chart-container">
+                            <canvas id="fraudAnalysisChart"></canvas>
+                        </div>
+                        <div class="explanation-box">
+                            <div class="explanation-title">AI Reasoning</div>
+                            <div id="fraudReasoning"></div>
+                        </div>
+            </div>
+            
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📝</div>
+                            <div class="result-title">AI Summary</div>
+                        </div>
+                        <div id="aiSummary"></div>
+                </div>
+                
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">💡</div>
+                            <div class="result-title">Improvement Suggestions</div>
+                        </div>
+                        <ul class="suggestion-list" id="suggestionsList"></ul>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🏠</div>
+                            <div class="result-title">Property Quality Assessment</div>
+                </div>
+                        <div id="qualityAssessment"></div>
+                        <div class="chart-container">
+                            <canvas id="qualityChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📍</div>
+                            <div class="result-title">Location Analysis</div>
+                        </div>
+                        <div id="locationAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="locationChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">💰</div>
+                            <div class="result-title">Price Analysis</div>
+                        </div>
+                        <div id="priceAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="priceChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">⚖️</div>
+                            <div class="result-title">Legal Analysis</div>
+                        </div>
+                        <div id="legalAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="legalChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🔄</div>
+                            <div class="result-title">Cross-Validation Checks</div>
+                        </div>
+                        <div id="crossValidation"></div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📄</div>
+                            <div class="result-title">Document Analysis</div>
+                        </div>
+                        <div id="documentAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="documentChart"></canvas>
+                        </div>
+                    </div>
+                
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🖼️</div>
+                            <div class="result-title">Image Analysis</div>
+                        </div>
+                        <div id="imageAnalysis"></div>
+                        <div class="image-gallery" id="imageGallery"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <script>
+        // Global variables to store form data
+        let uploadedImages = [];
+        let uploadedPDFs = [];
+        
+        // Initialize charts
+        let trustScoreChart;
+        let fraudAnalysisChart;
+        let qualityChart;
+        let locationChart;
+        let priceChart;
+        let legalChart;
+        let documentChart;
+        
+        document.addEventListener('DOMContentLoaded', function() {
+            // Request location access when page loads
+            requestLocationAccess();
+            
+            const propertyForm = document.getElementById('propertyForm');
+            const loadingIndicator = document.getElementById('loadingIndicator');
+            const resultsContainer = document.getElementById('resultsContainer');
+            const imageInput = document.getElementById('images');
+            const imagePreview = document.getElementById('imagePreview');
+            const pdfInput = document.getElementById('documents');
+            const pdfPreview = document.getElementById('pdfPreview');
+            
+            // Handle image uploads
+            imageInput.addEventListener('change', function(e) {
+                handleImageUpload(e.target.files);
+            });
+            
+            // Handle PDF uploads
+            pdfInput.addEventListener('change', function(e) {
+                handlePDFUpload(e.target.files);
+            });
+            
+            // Form submission
+            propertyForm.addEventListener('submit', function(e) {
+                e.preventDefault();
+                submitForm();
+            });
+            
+            // Initialize charts
+            initCharts();
+        });
+        
+        function requestLocationAccess() {
+            if (navigator.geolocation) {
+                navigator.geolocation.getCurrentPosition(
+                    function(position) {
+                        const latitude = position.coords.latitude;
+                        const longitude = position.coords.longitude;
+                        
+                        // Update form fields with coordinates
+                        document.getElementById('latitude').value = latitude;
+                        document.getElementById('longitude').value = longitude;
+                        
+                        // Send to backend to get address details
+                        fetch('/get-location', {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                            body: JSON.stringify({
+                                latitude: latitude,
+                                longitude: longitude
+                            }),
+                        })
+                        .then(response => response.json())
+                        .then(data => {
+                            if (data.status === 'success') {
+                                // Fill form fields with location data
+                                document.getElementById('address').value = data.address || '';
+                                document.getElementById('city').value = data.city || '';
+                                document.getElementById('state').value = data.state || '';
+                                document.getElementById('country').value = data.country || '';
+                                document.getElementById('zip').value = data.postal_code || '';
+                                
+                                console.log('Location data loaded successfully');
+                            } else {
+                                console.error('Error getting location details:', data.message);
+                            }
+                        })
+                        .catch(error => {
+                            console.error('Error getting location details:', error);
+                        });
+                    },
+                    function(error) {
+                        console.error('Error getting location:', error.message);
+                        // Show a message to the user about location access
+                        const locationMessage = document.createElement('div');
+                        locationMessage.className = 'alert alert-warning';
+                        locationMessage.innerHTML = 'Location access denied or unavailable. Please enter your location manually.';
+                        document.querySelector('.container').prepend(locationMessage);
+                        
+                        // Auto-remove the message after 5 seconds
+                        setTimeout(() => {
+                            locationMessage.remove();
+                        }, 5000);
+                    },
+                    {
+                        enableHighAccuracy: true,
+                        timeout: 5000,
+                        maximumAge: 0
+                    }
+                );
+            } else {
+                console.error('Geolocation is not supported by this browser');
+            }
+        }
+        
+        function handleImageUpload(files) {
+            const imagePreview = document.getElementById('imagePreview');
+            
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                if (!file.type.match('image.*')) continue;
+                
+                const reader = new FileReader();
+                reader.onload = function(e) {
+                    const imageData = e.target.result;
+                    uploadedImages.push({
+                        name: file.name,
+                        data: imageData,
+                        file: file
+                    });
+                    
+                    // Create preview
+                    const previewItem = document.createElement('div');
+                    previewItem.className = 'preview-item';
+                    previewItem.innerHTML = `
+                        <img src="${imageData}" alt="${file.name}">
+                        <button type="button" class="preview-remove" data-index="${uploadedImages.length - 1}">×</button>
+                    `;
+                    imagePreview.appendChild(previewItem);
+                    
+                    // Add remove functionality
+                    previewItem.querySelector('.preview-remove').addEventListener('click', function() {
+                        const index = parseInt(this.getAttribute('data-index'));
+                        uploadedImages.splice(index, 1);
+                        imagePreview.removeChild(previewItem);
+                        updateImagePreviews();
+                    });
+                };
+                reader.readAsDataURL(file);
+            }
+        }
+        
+        function updateImagePreviews() {
+            const imagePreview = document.getElementById('imagePreview');
+            imagePreview.innerHTML = '';
+            
+            uploadedImages.forEach((image, index) => {
+                const previewItem = document.createElement('div');
+                previewItem.className = 'preview-item';
+                previewItem.innerHTML = `
+                    <img src="${image.data}" alt="${image.name}">
+                    <button type="button" class="preview-remove" data-index="${index}">×</button>
+                `;
+                imagePreview.appendChild(previewItem);
+                
+                previewItem.querySelector('.preview-remove').addEventListener('click', function() {
+                    uploadedImages.splice(index, 1);
+                    updateImagePreviews();
+                });
+            });
+        }
+        
+        function handlePDFUpload(files) {
+            const pdfPreview = document.getElementById('pdfPreview');
+            
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                if (file.type !== 'application/pdf') continue;
+                
+                uploadedPDFs.push({
+                    name: file.name,
+                    file: file
+                });
+                
+                // Create preview
+                const previewItem = document.createElement('div');
+                previewItem.className = 'pdf-preview';
+                previewItem.innerHTML = `
+                    <div class="pdf-filename">${file.name}</div>
+                    <button type="button" class="btn" data-index="${uploadedPDFs.length - 1}">Remove</button>
+                `;
+                pdfPreview.appendChild(previewItem);
+                
+                // Add remove functionality
+                previewItem.querySelector('.btn').addEventListener('click', function() {
+                    const index = parseInt(this.getAttribute('data-index'));
+                    uploadedPDFs.splice(index, 1);
+                    pdfPreview.removeChild(previewItem);
+                    updatePDFPreviews();
+                });
+            }
+        }
+        
+        function updatePDFPreviews() {
+            const pdfPreview = document.getElementById('pdfPreview');
+            pdfPreview.innerHTML = '';
+            
+            uploadedPDFs.forEach((pdf, index) => {
+                const previewItem = document.createElement('div');
+                previewItem.className = 'pdf-preview';
+                previewItem.innerHTML = `
+                    <div class="pdf-filename">${pdf.name}</div>
+                    <button type="button" class="btn" data-index="${index}">Remove</button>
+                `;
+                pdfPreview.appendChild(previewItem);
+                
+                previewItem.querySelector('.btn').addEventListener('click', function() {
+                    uploadedPDFs.splice(index, 1);
+                    updatePDFPreviews();
+                });
+            });
+        }
+        
+        function initCharts() {
+            try {
+                // Store all charts in an array for easier management
+                window.charts = [];
+                
+                // Trust Score Chart initialization
+                const trustCtx = document.getElementById('trustScoreChart').getContext('2d');
+                trustScoreChart = new Chart(trustCtx, {
+                type: 'doughnut',
+                data: {
+                    datasets: [{
+                        data: [0, 100],
+                        backgroundColor: [
+                            '#4361ee',
+                            '#f1f1f1'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '70%',
+                    circumference: 180,
+                    rotation: -90,
+                    plugins: {
+                        legend: {
+                            display: false
+                        },
+                        tooltip: {
+                            enabled: false
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+                charts.push(trustScoreChart);
+            
+            // Fraud Analysis Chart (Bar)
+            const fraudAnalysisCtx = document.getElementById('fraudAnalysisChart').getContext('2d');
+            fraudAnalysisChart = new Chart(fraudAnalysisCtx, {
+                type: 'bar',
+                data: {
+                    labels: ['Legitimate', 'Suspicious', 'Fraudulent'],
+                    datasets: [{
+                        label: 'Fraud Indicators',
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    indexAxis: 'y',
+                    plugins: {
+                        legend: {
+                            display: false
+                        }
+                    },
+                    scales: {
+                        x: {
+                            beginAtZero: true,
+                            max: 100
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Quality Assessment Chart
+            const qualityCtx = document.getElementById('qualityChart').getContext('2d');
+            qualityChart = new Chart(qualityCtx, {
+                type: 'radar',
+                data: {
+                    labels: ['Completeness', 'Accuracy', 'Clarity', 'Authenticity', 'Detail'],
+                    datasets: [{
+                        label: 'Quality Score',
+                        data: [0, 0, 0, 0, 0],
+                        backgroundColor: 'rgba(67, 97, 238, 0.2)',
+                        borderColor: '#4361ee',
+                        borderWidth: 2,
+                        pointBackgroundColor: '#4361ee'
+                    }]
+                },
+                options: {
+                    scales: {
+                        r: {
+                            beginAtZero: true,
+                            max: 100
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Location Analysis Chart
+            const locationCtx = document.getElementById('locationChart').getContext('2d');
+            locationChart = new Chart(locationCtx, {
+                type: 'pie',
+                data: {
+                    labels: ['Complete', 'Partial', 'Missing'],
+                    datasets: [{
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    plugins: {
+                        legend: {
+                            position: 'bottom'
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Price Analysis Chart
+            const priceCtx = document.getElementById('priceChart').getContext('2d');
+            priceChart = new Chart(priceCtx, {
+                type: 'bar',
+                data: {
+                    labels: ['Market Value', 'Price per Sq.Ft.'],
+                    datasets: [{
+                        label: 'Price Analysis',
+                        data: [0, 0],
+                        backgroundColor: [
+                            '#4361ee',
+                            '#4895ef'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    scales: {
+                        y: {
+                            beginAtZero: true
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Legal Analysis Chart
+            const legalCtx = document.getElementById('legalChart').getContext('2d');
+            legalChart = new Chart(legalCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Complete', 'Partial', 'Missing'],
+                    datasets: [{
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    plugins: {
+                        legend: {
+                            position: 'bottom'
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Document Analysis Chart
+            const documentCtx = document.getElementById('documentChart').getContext('2d');
+            documentChart = new Chart(documentCtx, {
+                type: 'polarArea',
+                data: {
+                    labels: ['Authentic', 'Suspicious', 'Incomplete'],
+                    datasets: [{
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    plugins: {
+                        legend: {
+                            position: 'bottom'
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+                
+                // Add window resize handler for chart responsiveness
+                window.addEventListener('resize', debounce(() => {
+                    charts.forEach(chart => {
+                        if (chart && typeof chart.resize === 'function') {
+                            chart.resize();
+                        }
+                    });
+                }, 250));
+                
+            } catch (error) {
+                console.error('Error initializing charts:', error);
+                document.getElementById('chartErrors').innerHTML = 
+                    '<div class="alert alert-danger">Error initializing charts. Please refresh the page.</div>';
+            }
+        }
+        
+        // Utility function for debouncing
+        function debounce(func, wait) {
+            let timeout;
+            return function executedFunction(...args) {
+                const later = () => {
+                    clearTimeout(timeout);
+                    func(...args);
+                };
+                clearTimeout(timeout);
+                timeout = setTimeout(later, wait);
+            };
+        }
+        
+        // Data validation function
+        function validateAnalysisData(data) {
+            return {
+                trustScore: {
+                    score: data.trust_score?.score ?? 0,
+                    reasoning: data.trust_score?.reasoning ?? 'No reasoning provided'
+                },
+                fraudClassification: {
+                    alertLevel: data.fraud_classification?.alert_level ?? 'low',
+                    classification: data.fraud_classification?.classification ?? 'Unknown',
+                    confidence: data.fraud_classification?.confidence ?? 0,
+                    indicators: data.fraud_classification?.fraud_indicators ?? [],
+                    scores: data.fraud_classification?.indicator_scores ?? []
+                },
+                qualityAssessment: {
+                    assessment: data.quality_assessment?.assessment ?? 'Unknown',
+                    score: data.quality_assessment?.score ?? 0,
+                    isAiGenerated: data.quality_assessment?.is_ai_generated ?? false,
+                    reasoning: data.quality_assessment?.reasoning ?? 'No reasoning provided'
+                },
+                // ... other validations
+            };
+        }
+        
+        // Safe chart update function
+        function updateChart(chart, newData, options = {}) {
+            try {
+                if (chart && typeof chart.update === 'function') {
+                    chart.data = newData;
+                    chart.update(options);
+                    return true;
+                }
+                return false;
+            } catch (error) {
+                console.error('Error updating chart:', error);
+                return false;
+            }
+        }
+        
+        function submitForm() {
+            // Show loading indicator
+            document.getElementById('loadingIndicator').style.display = 'block';
+            document.getElementById('resultsContainer').style.display = 'none';
+            
+            // Create form data
+            const formData = new FormData(document.getElementById('propertyForm'));
+            
+            // Add images
+            uploadedImages.forEach((image, index) => {
+                formData.append('images', image.file);
+            });
+            
+            // Add PDFs
+            uploadedPDFs.forEach((pdf, index) => {
+                formData.append('documents', pdf.file);
+            });
+            
+            // Send to backend
+            fetch('/verify', {
+                    method: 'POST',
+                    body: formData
+                })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                return response.json();
+            })
+                .then(data => {
+                // Hide loading indicator
+                document.getElementById('loadingIndicator').style.display = 'none';
+                
+                // Display results
+                displayResults(data);
+                
+                // Show results container
+                document.getElementById('resultsContainer').style.display = 'block';
+                
+                // Scroll to results
+                document.getElementById('resultsContainer').scrollIntoView({ behavior: 'smooth' });
+                })
+                .catch(error => {
+                console.error('Error:', error);
+                document.getElementById('loadingIndicator').style.display = 'none';
+                alert('An error occurred while processing your request. Please try again.');
+            });
+        }
+        function displayResults(data) {
+            console.log("Received data:", JSON.stringify(data));
+
+            // Validate and sanitize data
+            const validatedData = validateAnalysisData(data);
+            
+            try {
+                // Display Trust Score with validated data
+                const trustScore = validatedData.trustScore.score;
+                document.getElementById('trustScoreValue').textContent = trustScore;
+                document.getElementById('trustScoreBar').style.width = `${trustScore}%`;
+                document.getElementById('trustReasoning').textContent = validatedData.trustScore.reasoning;
+                
+                // Update Trust Score Chart safely
+                updateChart(trustScoreChart, {
+                    datasets: [{
+                        data: [trustScore, 100 - trustScore]
+                    }]
+                });
+                
+                // Display Fraud Analysis
+                const fraudLevel = validatedData.fraudClassification.alertLevel;
+                const fraudContainer = document.getElementById('fraudAlertContainer');
+                fraudContainer.innerHTML = '';
+
+                const alertClass = fraudLevel === 'high' ? 'alert-danger' :
+                                  fraudLevel === 'medium' ? 'alert-warning' : 'alert-success';
+
+                const alertDiv = document.createElement('div');
+                alertDiv.className = `alert ${alertClass}`;
+                alertDiv.textContent = `Classification: ${validatedData.fraudClassification.classification} (Confidence: ${Math.round(validatedData.fraudClassification.confidence * 100)}%)`;
+                fraudContainer.appendChild(alertDiv);
+
+                // Update Fraud Analysis Chart
+                const fraudIndicators = validatedData.fraudClassification.indicators || [];
+                const fraudScores = validatedData.fraudClassification.scores || [];
+                const formattedScores = fraudScores.map(score => score * 100);
+
+                updateChart(fraudAnalysisChart, {
+                    labels: fraudIndicators,
+                    datasets: [{
+                        data: formattedScores
+                    }]
+                });
+
+                document.getElementById('fraudReasoning').textContent = `This property was classified as ${validatedData.fraudClassification.classification} based on AI analysis of the listing details.`;
+
+                // Display AI Summary
+                document.getElementById('aiSummary').textContent = data.summary || "No summary available";
+
+                // Display Improvement Suggestions
+                const suggestionsList = document.getElementById('suggestionsList');
+                suggestionsList.innerHTML = '';
+
+                if (data.suggestions && Array.isArray(data.suggestions) && data.suggestions.length > 0) {
+                    data.suggestions.forEach(suggestion => {
+                        if (suggestion && suggestion.trim()) {
+                            const li = document.createElement('li');
+                            li.className = 'suggestion-item';
+                            li.textContent = suggestion;
+                            suggestionsList.appendChild(li);
+                        }
+                    });
+                } else {
+                    const li = document.createElement('li');
+                    li.className = 'suggestion-item';
+                    li.textContent = "No suggestions available";
+                    suggestionsList.appendChild(li);
+                }
+
+                // Display Quality Assessment
+                const qualityDiv = document.getElementById('qualityAssessment');
+                if (validatedData.qualityAssessment) {
+                    qualityDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${validatedData.qualityAssessment.assessment}</p>
+                        <p><strong>Quality Score:</strong> ${validatedData.qualityAssessment.score}%</p>
+                        <p><strong>AI Generated:</strong> ${validatedData.qualityAssessment.isAiGenerated ? 'Likely' : 'Unlikely'}</p>
+                        <p><strong>Reasoning:</strong> ${validatedData.qualityAssessment.reasoning}</p>
+                    `;
+
+                    // Update Quality Chart
+                    updateChart(qualityChart, {
+                        datasets: [{
+                            data: [
+                                validatedData.qualityAssessment.score,
+                                validatedData.qualityAssessment.isAiGenerated ? 30 : 80,
+                                validatedData.qualityAssessment.score > 50 ? 70 : 40,
+                                validatedData.qualityAssessment.isAiGenerated ? 40 : 75,
+                                validatedData.qualityAssessment.score > 60 ? 80 : 50
+                            ]
+                        }]
+                    });
+                } else {
+                    qualityDiv.innerHTML = '<p>No quality assessment available</p>';
+                }
+
+                // Display Location Analysis
+                const locationDiv = document.getElementById('locationAnalysis');
+                if (data.location_analysis) {
+                    locationDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${data.location_analysis.assessment || "Unknown"}</p>
+                        <p><strong>Completeness:</strong> ${data.location_analysis.completeness_score || 0}%</p>
+                        <p><strong>Coordinates:</strong> ${data.location_analysis.coordinates_check || "Unknown"}</p>
+                        <p><strong>Landmarks:</strong> ${data.location_analysis.landmarks_provided ? 'Provided' : 'Not provided'}</p>
+                    `;
+
+                    // Update Location Chart
+                    updateChart(locationChart, {
+                        datasets: [{
+                            data: [
+                                data.location_analysis.completeness_score || 0,
+                                100 - (data.location_analysis.completeness_score || 0),
+                                data.location_analysis.coordinates_check === 'coordinates_missing' ? 30 : 0
+                            ]
+                        }]
+                    });
+                } else {
+                    locationDiv.innerHTML = '<p>No location analysis available</p>';
+                }
+
+                // Display Price Analysis
+                const priceDiv = document.getElementById('priceAnalysis');
+                if (data.price_analysis && data.price_analysis.has_price) {
+                    priceDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${data.price_analysis.assessment || "Unknown"}</p>
+                        <p><strong>Price:</strong> ₹${(data.price_analysis.price || 0).toLocaleString()}</p>
+                        ${data.price_analysis.has_sqft ? `<p><strong>Price per Sq.Ft.:</strong> ₹${(data.price_analysis.price_per_sqft || 0).toLocaleString(undefined, {maximumFractionDigits: 2})}</p>` : ''}
+                        <p><strong>Confidence:</strong> ${Math.round((data.price_analysis.confidence || 0) * 100)}%</p>
+                    `;
+
+                    // Update Price Chart
+                    updateChart(priceChart, {
+                        labels: ['Market Value (thousands)', 'Price per Sq.Ft.'],
+                        datasets: [{
+                            data: [
+                                (data.price_analysis.price || 0) / 1000, // Scale down for better visualization
+                                data.price_analysis.price_per_sqft || 0
+                            ]
+                        }]
+                    });
+                } else {
+                    priceDiv.innerHTML = `<p>No price information provided for analysis.</p>`;
+                }
+
+                // Display Legal Analysis
+                const legalDiv = document.getElementById('legalAnalysis');
+                if (data.legal_analysis) {
+                    legalDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${data.legal_analysis.assessment || "Unknown"}</p>
+                        <p><strong>Completeness:</strong> ${data.legal_analysis.completeness_score || 0}%</p>
+                        <p><strong>Summary:</strong> ${data.legal_analysis.summary || "No summary available"}</p>
+                        ${data.legal_analysis.terms_found && data.legal_analysis.terms_found.length > 0 ? `<p><strong>Legal Terms Found:</strong> ${data.legal_analysis.terms_found.join(', ')}</p>` : ''}
+                        ${data.legal_analysis.potential_issues ? '<p class="alert alert-warning">Potential legal issues detected</p>' : ''}
+                    `;
+
+                    // Update Legal Chart
+                    updateChart(legalChart, {
+                        datasets: [{
+                            data: [
+                                data.legal_analysis.completeness_score || 0,
+                                100 - (data.legal_analysis.completeness_score || 0),
+                                data.legal_analysis.potential_issues ? 30 : 0
+                            ]
+                        }]
+                    });
+                } else {
+                    legalDiv.innerHTML = '<p>No legal analysis available</p>';
+                }
+
+                // Display Cross-Validation Checks
+                const crossValidationDiv = document.getElementById('crossValidation');
+                crossValidationDiv.innerHTML = '<ul class="suggestion-list">';
+
+                try {
+                    // Safely check if cross_validation exists and is an array
+                    if (data && data.cross_validation && Array.isArray(data.cross_validation)) {
+                        // Only proceed if the array has items
+                        if (data.cross_validation.length > 0) {
+                            data.cross_validation.forEach(check => {
+                                if (check && typeof check === 'object') {
+                                    const status = check.status || 'unknown';
+                                    const checkName = check.check || 'Check';
+                                    const message = check.message || 'No details available';
+
+                                    // Determine status class
+                                    let statusClass = 'badge-warning'; // Default
+                                    if (['consistent', 'valid', 'reasonable', 'match', 'likely_valid'].includes(status)) {
+                                        statusClass = 'badge-success';
+                                    } else if (['suspicious', 'inconsistent', 'invalid', 'no_match'].includes(status)) {
+                                        statusClass = 'badge-danger';
+                                    }
+
+                                    crossValidationDiv.innerHTML += `
+                                        <li class="suggestion-item">
+                                            <span class="badge ${statusClass}">${status}</span>
+                                            <strong>${checkName}:</strong> ${message}
+                                        </li>
+                                    `;
+                                }
+                            });
+                        } else {
+                            crossValidationDiv.innerHTML += '<li class="suggestion-item">No cross-validation checks performed</li>';
+                        }
+                    } else {
+                        crossValidationDiv.innerHTML += '<li class="suggestion-item">No cross-validation data available</li>';
+                    }
+                } catch (error) {
+                    console.error("Error displaying cross-validation:", error);
+                    crossValidationDiv.innerHTML += '<li class="suggestion-item">Error displaying cross-validation results</li>';
+                }
+
+                crossValidationDiv.innerHTML += '</ul>';
+
+                // Display Document Analysis
+                const documentDiv = document.getElementById('documentAnalysis');
+                documentDiv.innerHTML = '';
+
+                if (data.document_analysis && data.document_analysis.pdf_count > 0) {
+                    documentDiv.innerHTML = `<p><strong>Documents Analyzed:</strong> ${data.document_analysis.pdf_count}</p>`;
+
+                    data.document_analysis.pdf_analysis.forEach((pdf, index) => {
+                        documentDiv.innerHTML += `
+                            <div class="pdf-preview">
+                                <p><strong>Document ${index + 1}</strong></p>
+                                <p><strong>Type:</strong> ${pdf.document_type.classification} (${Math.round(pdf.document_type.confidence * 100)}% confidence)</p>
+                                <p><strong>Authenticity:</strong> ${pdf.authenticity.assessment} (${Math.round(pdf.authenticity.confidence * 100)}% confidence)</p>
+                                <p><strong>Summary:</strong> ${pdf.summary}</p>
+                                <p><strong>Contains Signatures:</strong> ${pdf.contains_signatures ? 'Yes' : 'No'}</p>
+                                <p><strong>Contains Dates:</strong> ${pdf.contains_dates ? 'Yes' : 'No'}</p>
+                            </div>
+                        `;
+                    });
+
+                    // Update Document Chart
+                    let authenticCount = 0;
+                    let suspiciousCount = 0;
+                    let incompleteCount = 0;
+
+                    data.document_analysis.pdf_analysis.forEach(pdf => {
+                        if (pdf.authenticity.assessment.includes('authentic')) {
+                            authenticCount++;
+                        } else if (pdf.authenticity.assessment.includes('fraudulent')) {
+                            suspiciousCount++;
+                        } else {
+                            incompleteCount++;
+                        }
+                    });
+
+                    updateChart(documentChart, {
+                        datasets: [{
+                            data: [
+                                authenticCount,
+                                suspiciousCount,
+                                incompleteCount
+                            ]
+                        }]
+                    });
+                } else {
+                    documentDiv.innerHTML = '<p>No documents were uploaded for analysis.</p>';
+                }
+
+                // Display Image Analysis
+                const imageAnalysisDiv = document.getElementById('imageAnalysis');
+                const imageGallery = document.getElementById('imageGallery');
+
+                imageAnalysisDiv.innerHTML = '';
+                imageGallery.innerHTML = '';
+
+                if (data.image_analysis && data.images && data.images.length > 0) {
+                    imageAnalysisDiv.innerHTML = `<p><strong>Images Analyzed:</strong> ${data.image_analysis.image_count}</p>`;
+
+                    let propertyRelatedCount = 0;
+                    data.image_analysis.image_analysis.forEach(img => {
+                        if (img && img.is_property_related) {
+                            propertyRelatedCount++;
+                        }
+                    });
+
+                    imageAnalysisDiv.innerHTML += `<p><strong>Property-Related Images:</strong> ${propertyRelatedCount} of ${data.image_analysis.image_count}</p>`;
+
+                    // Display images in gallery
+                    data.images.forEach((imgData, index) => {
+                        const imgAnalysis = data.image_analysis.image_analysis[index];
+                        const galleryItem = document.createElement('div');
+                        galleryItem.className = 'gallery-item';
+
+                        galleryItem.innerHTML = `
+                            <img src="data:image/jpeg;base64,${imgData}" alt="Property Image ${index + 1}">
+                            <div class="badge ${imgAnalysis && imgAnalysis.is_property_related ? 'badge-success' : 'badge-warning'}"
+                                 style="position: absolute; top: 5px; right: 5px;">
+                                ${imgAnalysis && imgAnalysis.is_property_related ? 'Property' : 'Not Property'}
+                            </div>
+                        `;
+
+                        imageGallery.appendChild(galleryItem);
+                    });
+                } else {
+                    imageAnalysisDiv.innerHTML = '<p>No images were uploaded for analysis.</p>';
+                }
+
+                // Update Property Summary
+                document.getElementById('summaryName').textContent = document.getElementById('propertyName').value || 'Not provided';
+                document.getElementById('summaryType').textContent = document.getElementById('propertyType').value || 'Not provided';
+                document.getElementById('summaryStatus').textContent = document.getElementById('status').value || 'Not provided';
+                document.getElementById('summaryLocation').textContent =
+                    `${document.getElementById('address').value || ''}, ${document.getElementById('city').value || ''}, ${document.getElementById('state').value || ''}, India`;
+                document.getElementById('summaryPrice').textContent = document.getElementById('marketValue').value ? `₹${document.getElementById('marketValue').value}` : 'Not provided';
+                document.getElementById('summarySize').textContent = document.getElementById('sqFt').value ? `${document.getElementById('sqFt').value} sq. ft.` : 'Not provided';
+                document.getElementById('summaryRooms').textContent =
+                    `${document.getElementById('bedrooms').value || '0'} BHK`;  // BHK is common in Indian real estate
+
+                // Update Final Verdict
+                const verdictBox = document.getElementById('verdictBox');
+                const verdictIcon = document.getElementById('verdictIcon');
+                const verdictText = document.getElementById('verdictText');
+
+                if (fraudLevel === 'high' || trustScore < 40) {
+                    verdictBox.className = 'verdict-box verdict-fraudulent';
+                    verdictIcon.textContent = '❌';
+                    verdictText.textContent = 'HIGH RISK - LIKELY FRAUDULENT';
+                } else if (fraudLevel === 'medium' || trustScore < 70) {
+                    verdictBox.className = 'verdict-box verdict-suspicious';
+                    verdictIcon.textContent = '⚠️';
+                    verdictText.textContent = 'CAUTION - SUSPICIOUS ELEMENTS';
+                } else {
+                    verdictBox.className = 'verdict-box verdict-legitimate';
+                    verdictIcon.textContent = '✅';
+                    verdictText.textContent = 'VERIFIED REAL ESTATE LISTING';
+                }
+
+                // Update Verdict Reasons
+                const verdictReasons = document.getElementById('verdictReasons');
+                verdictReasons.innerHTML = '';
+
+                // Add key findings based on analysis
+                const findings = [];
+
+                if (validatedData.qualityAssessment && validatedData.qualityAssessment.isAiGenerated) {
+                    findings.push('Description appears to be AI-generated');
+                }
+
+                if (data.cross_validation) {
+                    data.cross_validation.forEach(check => {
+                        if (check.status === 'inconsistent' || check.status === 'invalid' ||
+                            check.status === 'suspicious' || check.status === 'no_match') {
+                            findings.push(check.message);
+                        }
+                    });
+                }
+
+                if (data.price_analysis && data.price_analysis.assessment === 'suspicious pricing') {
+                    findings.push('Price appears suspicious for this type of property');
+                }
+
+                if (data.legal_analysis && data.legal_analysis.potential_issues) {
+                    findings.push('Potential legal issues detected');
+                }
+
+                // Add at least one positive finding if the verdict is good
+                if (findings.length === 0 && trustScore > 70) {
+                    findings.push('Property details appear consistent and legitimate');
+                    findings.push('No suspicious elements detected in the listing');
+                }
+
+                // If we still have no findings, add a generic one
+                if (findings.length === 0) {
+                    findings.push('Analysis inconclusive - insufficient information provided');
+                }
+
+                findings.forEach(finding => {
+                    const li = document.createElement('li');
+                    li.className = 'suggestion-item';
+                    li.textContent = finding;
+                    verdictReasons.appendChild(li);
+                });
+
+                // Update Verification Scores
+                updateScoreBar('trustBar', 'trustValue', trustScore);
+
+                // Image authenticity score
+                let imageScore = 0;
+                if (data.image_analysis && data.image_analysis.image_analysis) {
+                    const propertyImages = data.image_analysis.image_analysis.filter(img => img && img.is_property_related);
+                    imageScore = data.image_analysis.image_count > 0 ?
+                        Math.round((propertyImages.length / data.image_analysis.image_count) * 100) : 0;
+                }
+                updateScoreBar('imageBar', 'imageValue', imageScore);
+
+                // Document verification score
+                let docScore = 0;
+                if (data.document_analysis && data.document_analysis.pdf_analysis) {
+                    const authenticDocs = data.document_analysis.pdf_analysis.filter(
+                        pdf => pdf.authenticity && pdf.authenticity.assessment.includes('authentic')
+                    );
+                    docScore = data.document_analysis.pdf_count > 0 ?
+                        Math.round((authenticDocs.length / data.document_analysis.pdf_count) * 100) : 0;
+                }
+                updateScoreBar('documentBar', 'documentValue', docScore);
+
+                // Content quality score
+                const contentScore = validatedData.qualityAssessment ? validatedData.qualityAssessment.score : 0;
+                updateScoreBar('contentBar', 'contentValue', contentScore);
+
+                // Location accuracy score
+                const locationScore = data.location_analysis ? data.location_analysis.completeness_score || 0 : 0;
+                updateScoreBar('locationBar', 'locationValue', locationScore);
+
+                // Update Red Flags
+                const redFlagsList = document.getElementById('redFlagsList');
+                redFlagsList.innerHTML = '';
+
+                const redFlags = [];
+
+                // Check for inconsistencies and issues
+                if (data.cross_validation) {
+                    data.cross_validation.forEach(check => {
+                        if (check.status === 'inconsistent' || check.status === 'invalid' ||
+                            check.status === 'suspicious' || check.status === 'no_match') {
+                            redFlags.push(`${check.check}: ${check.message}`);
+                        }
+                    });
+                }
+
+                if (validatedData.qualityAssessment && validatedData.qualityAssessment.isAiGenerated) {
+                    redFlags.push('Description appears to be AI-generated, which may indicate a fake listing');
+                }
+
+                if (data.price_analysis &&
+                    (data.price_analysis.assessment === 'suspicious pricing' ||
+                     data.price_analysis.assessment === 'overpriced' ||
+                     data.price_analysis.assessment === 'underpriced')) {
+                    redFlags.push(`Price is ${data.price_analysis.assessment} for this type of property`);
+                }
+
+                if (data.legal_analysis && data.legal_analysis.potential_issues) {
+                    redFlags.push('Potential legal issues detected in the property documentation');
+                }
+
+                if (data.image_analysis && data.image_analysis.image_count > 0) {
+                    const propertyImages = data.image_analysis.image_analysis.filter(img => img && img.is_property_related);
+                    if (propertyImages.length === 0) {
+                        redFlags.push('None of the uploaded images appear to be related to real estate');
+                    }
+                }
+
+                // If no red flags, add a positive message
+                if (redFlags.length === 0) {
+                    redFlags.push('No significant red flags detected in this listing');
+                }
+
+                redFlags.forEach(flag => {
+                    const li = document.createElement('li');
+                    li.className = 'suggestion-item';
+                    li.textContent = flag;
+                    redFlagsList.appendChild(li);
+                });
+                
+            } catch (error) {
+                console.error('Error displaying results:', error);
+                document.getElementById('resultsContainer').innerHTML = 
+                    '<div class="alert alert-danger">Error displaying results. Please try again.</div>';
+            }
+        }
+        
+        function updateScoreBar(barId, valueId, score) {
+            const bar = document.getElementById(barId);
+            const value = document.getElementById(valueId);
+            
+            if (bar && value) {
+                bar.style.setProperty('--score-width', `${score}%`);
+                bar.style.background = `linear-gradient(to right, 
+                    ${getScoreColor(score)} ${score}%, 
+                    #e9ecef ${score}%)`;
+                value.textContent = `${score}%`;
+            }
+        }
+        
+        function getScoreColor(score) {
+            if (score >= 70) return 'var(--success)';
+            if (score >= 40) return 'var(--warning)';
+            return 'var(--danger)';
+        }
+    </script>
+</body>
+</html>

templates/newindex.html

@@ -0,0 +1,1916 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Property Verifier</title>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <style>
+        :root {
+            --primary: #4361ee;
+            --secondary: #3f37c9;
+            --success: #4cc9f0;
+            --danger: #f72585;
+            --warning: #f8961e;
+            --info: #4895ef;
+            --light: #f8f9fa;
+            --dark: #212529;
+            --gray: #6c757d;
+            --border-radius: 12px;
+            --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+        
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: 'Poppins', sans-serif;
+            background-color: #f5f7fa;
+            color: #333;
+            line-height: 1.6;
+            padding: 20px;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+        
+        header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        
+        h1 {
+            font-size: 2.5rem;
+            color: var(--primary);
+            margin-bottom: 10px;
+        }
+        
+        .subtitle {
+            font-size: 1.1rem;
+            color: var(--gray);
+        }
+        
+        .card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--box-shadow);
+            padding: 25px;
+            margin-bottom: 25px;
+        }
+        
+        .card-header {
+            border-bottom: 1px solid #eee;
+            padding-bottom: 15px;
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .card-title {
+            font-size: 1.5rem;
+            color: var(--dark);
+            font-weight: 600;
+        }
+        
+        .form-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 20px;
+        }
+        
+        .form-group {
+            margin-bottom: 20px;
+        }
+        
+        .form-label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: 500;
+            color: var(--dark);
+        }
+        
+        .form-control {
+            width: 100%;
+            padding: 12px 15px;
+            border: 1px solid #ddd;
+            border-radius: var(--border-radius);
+            font-size: 1rem;
+            transition: border-color 0.3s;
+        }
+        
+        .form-control:focus {
+            border-color: var(--primary);
+            outline: none;
+            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1);
+        }
+        
+        textarea.form-control {
+            min-height: 100px;
+            resize: vertical;
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 12px 24px;
+            background-color: var(--primary);
+            color: white;
+            border: none;
+            border-radius: var(--border-radius);
+            font-size: 1rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        
+        .btn:hover {
+            background-color: var(--secondary);
+            transform: translateY(-2px);
+        }
+        
+        .btn-block {
+            display: block;
+            width: 100%;
+        }
+        
+        .section-title {
+            font-size: 1.2rem;
+            color: var(--primary);
+            margin-bottom: 15px;
+            font-weight: 600;
+        }
+        
+        .results-container {
+            display: none;
+            margin-top: 30px;
+        }
+        
+        .results-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
+    gap: 25px;
+}
+
+        
+        .result-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--box-shadow);
+            padding: 20px;
+            height: 100%;
+        }
+        
+        .result-header {
+            display: flex;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+        
+        .result-icon {
+            width: 40px;
+            height: 40px;
+            background-color: var(--light);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-right: 15px;
+        }
+        
+        .result-title {
+            font-size: 1.2rem;
+            font-weight: 600;
+            color: var(--dark);
+        }
+        
+        .trust-score {
+            text-align: center;
+            padding: 20px;
+        }
+        
+        .score-value {
+            font-size: 3rem;
+            font-weight: 700;
+            color: var(--primary);
+        }
+        
+        .score-label {
+            font-size: 1rem;
+            color: var(--gray);
+        }
+        
+        .progress-container {
+            margin: 15px 0;
+        }
+        
+        .progress-bar {
+            height: 10px;
+            background-color: #eee;
+            border-radius: 5px;
+            overflow: hidden;
+        }
+        
+        .progress-fill {
+            height: 100%;
+            background-color: var(--primary);
+            border-radius: 5px;
+            transition: width 0.5s ease-in-out;
+        }
+        
+        .alert {
+            padding: 15px;
+            border-radius: var(--border-radius);
+            margin-bottom: 20px;
+            font-weight: 500;
+        }
+        
+        .alert-danger {
+            background-color: rgba(247, 37, 133, 0.1);
+            color: var(--danger);
+            border-left: 4px solid var(--danger);
+        }
+        
+        .alert-warning {
+            background-color: rgba(248, 150, 30, 0.1);
+            color: var(--warning);
+            border-left: 4px solid var(--warning);
+        }
+        
+        .alert-success {
+            background-color: rgba(76, 201, 240, 0.1);
+            color: var(--success);
+            border-left: 4px solid var(--success);
+        }
+        
+        .suggestion-list {
+            list-style-type: none;
+            padding: 0;
+        }
+        
+        .suggestion-item {
+            padding: 10px 15px;
+            background-color: rgba(67, 97, 238, 0.05);
+            border-radius: var(--border-radius);
+            margin-bottom: 10px;
+            border-left: 3px solid var(--primary);
+        }
+        
+        .image-preview {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+            margin-top: 10px;
+        }
+        
+        .preview-item {
+            width: 100px;
+            height: 100px;
+            border-radius: 8px;
+            overflow: hidden;
+            position: relative;
+        }
+        
+        .preview-item img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        .preview-remove {
+            position: absolute;
+            top: 5px;
+            right: 5px;
+            background: rgba(0, 0, 0, 0.5);
+            color: white;
+            border: none;
+            border-radius: 50%;
+            width: 20px;
+            height: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+        }
+        
+        .loading {
+            display: none;
+            text-align: center;
+            padding: 30px;
+        }
+        
+        .spinner {
+            width: 50px;
+            height: 50px;
+            border: 5px solid rgba(67, 97, 238, 0.1);
+            border-radius: 50%;
+            border-top-color: var(--primary);
+            animation: spin 1s ease-in-out infinite;
+            margin: 0 auto 20px;
+        }
+        
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+        
+        .chart-container {
+            position: relative;
+            height: 200px;
+            margin-bottom: 20px;
+        }
+        
+        .pdf-preview {
+            background-color: #f8f9fa;
+            padding: 15px;
+            border-radius: var(--border-radius);
+            margin-top: 10px;
+            max-height: 200px;
+            overflow-y: auto;
+        }
+        
+        .pdf-filename {
+            font-weight: 500;
+            margin-bottom: 5px;
+        }
+        
+        .image-gallery {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+            gap: 15px;
+            margin-top: 20px;
+        }
+        
+        .gallery-item {
+            border-radius: var(--border-radius);
+            overflow: hidden;
+            box-shadow: var(--box-shadow);
+            aspect-ratio: 1;
+        }
+        
+        .gallery-item img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        .badge {
+            display: inline-block;
+            padding: 5px 10px;
+            border-radius: 20px;
+            font-size: 0.8rem;
+            font-weight: 500;
+            margin-right: 5px;
+            margin-bottom: 5px;
+        }
+        
+        .badge-primary { background-color: rgba(67, 97, 238, 0.1); color: var(--primary); }
+        .badge-success { background-color: rgba(76, 201, 240, 0.1); color: var(--success); }
+        .badge-warning { background-color: rgba(248, 150, 30, 0.1); color: var(--warning); }
+        .badge-danger { background-color: rgba(247, 37, 133, 0.1); color: var(--danger); }
+        
+        .explanation-box {
+            background-color: #f8f9fa;
+            border-radius: var(--border-radius);
+            padding: 15px;
+            margin-top: 15px;
+            border-left: 4px solid var(--info);
+        }
+        
+        .explanation-title {
+            font-weight: 600;
+            color: var(--info);
+            margin-bottom: 10px;
+        }
+        
+        @media (max-width: 768px) {
+            .form-grid, .results-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .card {
+                padding: 15px;
+            }
+        }
+        
+        .property-summary {
+            padding: 15px;
+        }
+        
+        .property-details p {
+            margin-bottom: 8px;
+        }
+        
+        .final-verdict {
+            padding: 15px;
+        }
+        
+        .verdict-box {
+            display: flex;
+            align-items: center;
+            padding: 15px;
+            border-radius: var(--border-radius);
+            margin-bottom: 15px;
+            background-color: #f8f9fa;
+        }
+        
+        .verdict-icon {
+            font-size: 2rem;
+            margin-right: 15px;
+        }
+        
+        .verdict-text {
+            font-size: 1.2rem;
+            font-weight: 600;
+        }
+        
+        .verdict-legitimate {
+            background-color: rgba(76, 201, 240, 0.1);
+            border-left: 4px solid var(--success);
+        }
+        
+        .verdict-suspicious {
+            background-color: rgba(248, 150, 30, 0.1);
+            border-left: 4px solid var(--warning);
+        }
+        
+        .verdict-fraudulent {
+            background-color: rgba(247, 37, 133, 0.1);
+            border-left: 4px solid var(--danger);
+        }
+        
+        .verification-scores {
+            padding: 15px;
+        }
+        
+        .score-item {
+            margin-bottom: 15px;
+        }
+        
+        .score-label {
+            font-weight: 500;
+            margin-bottom: 5px;
+        }
+        
+        .score-bar-container {
+            display: flex;
+            align-items: center;
+        }
+        
+        .score-bar {
+            height: 10px;
+            background-color: #e9ecef;
+            border-radius: 5px;
+            flex-grow: 1;
+            margin-right: 10px;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .score-bar::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            background-color: var(--primary);
+            border-radius: 5px;
+            width: 0%;
+            transition: width 0.5s ease;
+        }
+        
+        .score-value {
+            font-weight: 600;
+            min-width: 40px;
+            text-align: right;
+        }
+        
+        .red-flags {
+            padding: 15px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>AI Property Verifier & Fraud Detection</h1>
+            <p class="subtitle">Powered by advanced AI models to verify property listings and detect potential fraud</p>
+        </header>
+        
+        <div class="card">
+            <div class="card-header">
+                <h2 class="card-title">Property Details</h2>
+            </div>
+            
+                <form id="propertyForm">
+                <div class="section-title">Basic Information</div>
+                    <div class="form-grid">
+                        <div class="form-group">
+                        <label class="form-label" for="propertyName">Property Name</label>
+                        <input type="text" class="form-control" id="propertyName" name="property_name" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="propertyType">Property Type</label>
+                        <select class="form-control" id="propertyType" name="property_type" required>
+                            <option value="">Select Type</option>
+                                <option value="Apartment">Apartment</option>
+                                <option value="House">House</option>
+                                <option value="Condo">Condo</option>
+                                <option value="Townhouse">Townhouse</option>
+                            <option value="Villa">Villa</option>
+                                <option value="Land">Land</option>
+                                <option value="Commercial">Commercial</option>
+                                <option value="Other">Other</option>
+                            </select>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="status">Status</label>
+                        <select class="form-control" id="status" name="status" required>
+                            <option value="">Select Status</option>
+                                <option value="For Sale">For Sale</option>
+                                <option value="For Rent">For Rent</option>
+                                <option value="Sold">Sold</option>
+                            <option value="Under Contract">Under Contract</option>
+                                <option value="Pending">Pending</option>
+                            </select>
+                        </div>
+                        </div>
+                        
+                <div class="form-group">
+                    <label class="form-label" for="description">Property Description</label>
+                    <textarea class="form-control" id="description" name="description" rows="4" required></textarea>
+                    </div>
+                    
+                <div class="section-title">Location Details</div>
+                    <div class="form-grid">
+                        <div class="form-group">
+                        <label class="form-label" for="address">Address</label>
+                        <input type="text" class="form-control" id="address" name="address" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="city">City</label>
+                        <input type="text" class="form-control" id="city" name="city" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="state">State/Province</label>
+                        <input type="text" class="form-control" id="state" name="state" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="country">Country</label>
+                        <input type="text" class="form-control" id="country" name="country" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="zip">Zip/Postal Code</label>
+                        <input type="text" class="form-control" id="zip" name="zip" required>
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="latitude">Latitude</label>
+                        <input type="text" class="form-control" id="latitude" name="latitude" placeholder="e.g. 40.7128">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="longitude">Longitude</label>
+                        <input type="text" class="form-control" id="longitude" name="longitude" placeholder="e.g. -74.0060">
+                        </div>
+                    </div>
+                    
+                <div class="section-title">Property Specifications</div>
+                    <div class="form-grid">
+                        <div class="form-group">
+                        <label class="form-label" for="bedrooms">Bedrooms</label>
+                        <input type="number" class="form-control" id="bedrooms" name="bedrooms" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="bathrooms">Bathrooms</label>
+                        <input type="number" class="form-control" id="bathrooms" name="bathrooms" min="0" step="0.5">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="totalRooms">Total Rooms</label>
+                        <input type="number" class="form-control" id="totalRooms" name="total_rooms" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="yearBuilt">Year Built</label>
+                        <input type="number" class="form-control" id="yearBuilt" name="year_built" min="1800" max="2100">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="parking">Parking Spaces</label>
+                        <input type="number" class="form-control" id="parking" name="parking" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="sqFt">Square Feet</label>
+                        <input type="text" class="form-control" id="sqFt" name="sq_ft" min="0">
+                        </div>
+                        
+                        <div class="form-group">
+                        <label class="form-label" for="marketValue">Market Value</label>
+                        <input type="text" class="form-control" id="marketValue" name="market_value" min="0">
+                    </div>
+                        </div>
+                        
+                        <div class="form-group">
+                    <label class="form-label" for="amenities">Amenities (comma separated)</label>
+                    <input type="text" class="form-control" id="amenities" name="amenities" placeholder="e.g. Pool, Gym, Garden, Garage">
+                        </div>
+                        
+                        <div class="form-group">
+                    <label class="form-label" for="nearbyLandmarks">Nearby Landmarks</label>
+                    <input type="text" class="form-control" id="nearbyLandmarks" name="nearby_landmarks" placeholder="e.g. School, Hospital, Park, Shopping Mall">
+                        </div>
+                        
+                        <div class="form-group">
+                    <label class="form-label" for="legalDetails">Legal & Infrastructure Details</label>
+                    <textarea class="form-control" id="legalDetails" name="legal_details" rows="3" placeholder="Include zoning, permits, utilities, etc."></textarea>
+                        </div>
+                
+                <div class="section-title">Documents & Images</div>
+                <div class="form-group">
+                    <label class="form-label" for="images">Upload Images (JPG/PNG)</label>
+                    <input type="file" class="form-control" id="images" name="images" accept="image/jpeg, image/png" multiple>
+                    <div class="image-preview" id="imagePreview"></div>
+                    </div>
+                    
+                        <div class="form-group">
+                    <label class="form-label" for="documents">Upload Documents (PDF)</label>
+                    <input type="file" class="form-control" id="documents" name="documents" accept="application/pdf" multiple>
+                    <div id="pdfPreview"></div>
+                            </div>
+                        
+                        <div class="form-group">
+                    <button type="submit" class="btn btn-block" id="submitBtn">Verify Property with AI</button>
+                </div>
+            </form>
+                        </div>
+                        
+        <div class="loading" id="loadingIndicator">
+            <div class="spinner"></div>
+            <p>AI models are analyzing your property data...</p>
+            <p class="subtitle">This may take a moment as we're processing multiple AI models</p>
+                            </div>
+        
+        <div class="results-container" id="resultsContainer">
+            <div class="card">
+                <div class="card-header">
+                    <h2 class="card-title">AI Verification Results</h2>
+                        </div>
+                        
+                <div class="results-grid">
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🏠</div>
+                            <div class="result-title">Property Summary</div>
+                        </div>
+                        <div class="property-summary">
+                            <h3 id="propertyTitle">Property Details</h3>
+                            <div class="property-details">
+                                <p><strong>Name:</strong> <span id="summaryName"></span></p>
+                                <p><strong>Type:</strong> <span id="summaryType"></span></p>
+                                <p><strong>Status:</strong> <span id="summaryStatus"></span></p>
+                                <p><strong>Location:</strong> <span id="summaryLocation"></span></p>
+                                <p><strong>Price:</strong> <span id="summaryPrice"></span></p>
+                                <p><strong>Size:</strong> <span id="summarySize"></span></p>
+                                <p><strong>Bedrooms/Bathrooms:</strong> <span id="summaryRooms"></span></p>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">⚠️</div>
+                            <div class="result-title">Final Verdict</div>
+                        </div>
+                        <div class="final-verdict" id="finalVerdict">
+                            <div class="verdict-box" id="verdictBox">
+                                <div class="verdict-icon" id="verdictIcon">⏳</div>
+                                <div class="verdict-text" id="verdictText">Analysis in progress...</div>
+                            </div>
+                            <div class="verdict-reasons">
+                                <h4>Key Findings:</h4>
+                                <ul id="verdictReasons" class="suggestion-list">
+                                    <!-- Will be populated by JavaScript -->
+                                </ul>
+                            </div>
+                        </div>
+            </div>
+            
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🔍</div>
+                            <div class="result-title">Detailed Verification</div>
+                        </div>
+                        <div class="verification-scores">
+                            <div class="score-item">
+                                <div class="score-label">Trust Score</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="trustBar"></div>
+                                    <div class="score-value" id="trustValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Image Authenticity</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="imageBar"></div>
+                                    <div class="score-value" id="imageValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Document Verification</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="documentBar"></div>
+                                    <div class="score-value" id="documentValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Content Quality</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="contentBar"></div>
+                                    <div class="score-value" id="contentValue">--</div>
+                                </div>
+                            </div>
+                            <div class="score-item">
+                                <div class="score-label">Location Accuracy</div>
+                                <div class="score-bar-container">
+                                    <div class="score-bar" id="locationBar"></div>
+                                    <div class="score-value" id="locationValue">--</div>
+                                </div>
+                            </div>
+                        </div>
+                </div>
+                
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🚩</div>
+                            <div class="result-title">Red Flags</div>
+                        </div>
+                        <div class="red-flags">
+                            <ul id="redFlagsList" class="suggestion-list">
+                                <!-- Will be populated by JavaScript -->
+                            </ul>
+                    </div>
+                </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📊</div>
+                            <div class="result-title">Trust Score</div>
+                        </div>
+                        <div class="trust-score">
+                            <div class="score-value" id="trustScoreValue">--</div>
+                            <div class="score-label">Trust Score</div>
+                            <div class="progress-container">
+                                <div class="progress-bar">
+                                    <div class="progress-fill" id="trustScoreBar" style="width: 0%"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="chart-container">
+                            <canvas id="trustScoreChart"></canvas>
+                        </div>
+                        <div class="explanation-box">
+                            <div class="explanation-title">AI Reasoning</div>
+                            <div id="trustReasoning"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🔍</div>
+                            <div class="result-title">Fraud Analysis</div>
+                            </div>
+                        <div id="fraudAlertContainer"></div>
+                        <div class="chart-container">
+                            <canvas id="fraudAnalysisChart"></canvas>
+                        </div>
+                        <div class="explanation-box">
+                            <div class="explanation-title">AI Reasoning</div>
+                            <div id="fraudReasoning"></div>
+                        </div>
+            </div>
+            
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📝</div>
+                            <div class="result-title">AI Summary</div>
+                        </div>
+                        <div id="aiSummary"></div>
+                </div>
+                
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">💡</div>
+                            <div class="result-title">Improvement Suggestions</div>
+                        </div>
+                        <ul class="suggestion-list" id="suggestionsList"></ul>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🏠</div>
+                            <div class="result-title">Property Quality Assessment</div>
+                </div>
+                        <div id="qualityAssessment"></div>
+                        <div class="chart-container">
+                            <canvas id="qualityChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📍</div>
+                            <div class="result-title">Location Analysis</div>
+                        </div>
+                        <div id="locationAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="locationChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">💰</div>
+                            <div class="result-title">Price Analysis</div>
+                        </div>
+                        <div id="priceAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="priceChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">⚖️</div>
+                            <div class="result-title">Legal Analysis</div>
+                        </div>
+                        <div id="legalAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="legalChart"></canvas>
+                        </div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🔄</div>
+                            <div class="result-title">Cross-Validation Checks</div>
+                        </div>
+                        <div id="crossValidation"></div>
+                    </div>
+                    
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">📄</div>
+                            <div class="result-title">Document Analysis</div>
+                        </div>
+                        <div id="documentAnalysis"></div>
+                        <div class="chart-container">
+                            <canvas id="documentChart"></canvas>
+                        </div>
+                    </div>
+                
+                    <div class="result-card">
+                        <div class="result-header">
+                            <div class="result-icon">🖼️</div>
+                            <div class="result-title">Image Analysis</div>
+                        </div>
+                        <div id="imageAnalysis"></div>
+                        <div class="image-gallery" id="imageGallery"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <script>
+        // Global variables to store form data
+        let uploadedImages = [];
+        let uploadedPDFs = [];
+        
+        // Initialize charts
+        let trustScoreChart;
+        let fraudAnalysisChart;
+        let qualityChart;
+        let locationChart;
+        let priceChart;
+        let legalChart;
+        let documentChart;
+        
+        document.addEventListener('DOMContentLoaded', function() {
+            // Request location access when page loads
+            requestLocationAccess();
+            
+            const propertyForm = document.getElementById('propertyForm');
+            const loadingIndicator = document.getElementById('loadingIndicator');
+            const resultsContainer = document.getElementById('resultsContainer');
+            const imageInput = document.getElementById('images');
+            const imagePreview = document.getElementById('imagePreview');
+            const pdfInput = document.getElementById('documents');
+            const pdfPreview = document.getElementById('pdfPreview');
+            
+            // Handle image uploads
+            imageInput.addEventListener('change', function(e) {
+                handleImageUpload(e.target.files);
+            });
+            
+            // Handle PDF uploads
+            pdfInput.addEventListener('change', function(e) {
+                handlePDFUpload(e.target.files);
+            });
+            
+            // Form submission
+            propertyForm.addEventListener('submit', function(e) {
+                e.preventDefault();
+                submitForm();
+            });
+            
+            // Initialize charts
+            initCharts();
+        });
+        
+        function requestLocationAccess() {
+            if (navigator.geolocation) {
+                navigator.geolocation.getCurrentPosition(
+                    function(position) {
+                        const latitude = position.coords.latitude;
+                        const longitude = position.coords.longitude;
+                        
+                        // Update form fields with coordinates
+                        document.getElementById('latitude').value = latitude;
+                        document.getElementById('longitude').value = longitude;
+                        
+                        // Send to backend to get address details
+                        fetch('/get-location', {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                            body: JSON.stringify({
+                                latitude: latitude,
+                                longitude: longitude
+                            }),
+                        })
+                        .then(response => response.json())
+                        .then(data => {
+                            if (data.status === 'success') {
+                                // Fill form fields with location data
+                                document.getElementById('address').value = data.address || '';
+                                document.getElementById('city').value = data.city || '';
+                                document.getElementById('state').value = data.state || '';
+                                document.getElementById('country').value = data.country || '';
+                                document.getElementById('zip').value = data.postal_code || '';
+                                
+                                console.log('Location data loaded successfully');
+                            } else {
+                                console.error('Error getting location details:', data.message);
+                            }
+                        })
+                        .catch(error => {
+                            console.error('Error getting location details:', error);
+                        });
+                    },
+                    function(error) {
+                        console.error('Error getting location:', error.message);
+                        // Show a message to the user about location access
+                        const locationMessage = document.createElement('div');
+                        locationMessage.className = 'alert alert-warning';
+                        locationMessage.innerHTML = 'Location access denied or unavailable. Please enter your location manually.';
+                        document.querySelector('.container').prepend(locationMessage);
+                        
+                        // Auto-remove the message after 5 seconds
+                        setTimeout(() => {
+                            locationMessage.remove();
+                        }, 5000);
+                    },
+                    {
+                        enableHighAccuracy: true,
+                        timeout: 5000,
+                        maximumAge: 0
+                    }
+                );
+            } else {
+                console.error('Geolocation is not supported by this browser');
+            }
+        }
+        
+        function handleImageUpload(files) {
+            const imagePreview = document.getElementById('imagePreview');
+            
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                if (!file.type.match('image.*')) continue;
+                
+                const reader = new FileReader();
+                reader.onload = function(e) {
+                    const imageData = e.target.result;
+                    uploadedImages.push({
+                        name: file.name,
+                        data: imageData,
+                        file: file
+                    });
+                    
+                    // Create preview
+                    const previewItem = document.createElement('div');
+                    previewItem.className = 'preview-item';
+                    previewItem.innerHTML = `
+                        <img src="${imageData}" alt="${file.name}">
+                        <button type="button" class="preview-remove" data-index="${uploadedImages.length - 1}">×</button>
+                    `;
+                    imagePreview.appendChild(previewItem);
+                    
+                    // Add remove functionality
+                    previewItem.querySelector('.preview-remove').addEventListener('click', function() {
+                        const index = parseInt(this.getAttribute('data-index'));
+                        uploadedImages.splice(index, 1);
+                        imagePreview.removeChild(previewItem);
+                        updateImagePreviews();
+                    });
+                };
+                reader.readAsDataURL(file);
+            }
+        }
+        
+        function updateImagePreviews() {
+            const imagePreview = document.getElementById('imagePreview');
+            imagePreview.innerHTML = '';
+            
+            uploadedImages.forEach((image, index) => {
+                const previewItem = document.createElement('div');
+                previewItem.className = 'preview-item';
+                previewItem.innerHTML = `
+                    <img src="${image.data}" alt="${image.name}">
+                    <button type="button" class="preview-remove" data-index="${index}">×</button>
+                `;
+                imagePreview.appendChild(previewItem);
+                
+                previewItem.querySelector('.preview-remove').addEventListener('click', function() {
+                    uploadedImages.splice(index, 1);
+                    updateImagePreviews();
+                });
+            });
+        }
+        
+        function handlePDFUpload(files) {
+            const pdfPreview = document.getElementById('pdfPreview');
+            
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                if (file.type !== 'application/pdf') continue;
+                
+                uploadedPDFs.push({
+                    name: file.name,
+                    file: file
+                });
+                
+                // Create preview
+                const previewItem = document.createElement('div');
+                previewItem.className = 'pdf-preview';
+                previewItem.innerHTML = `
+                    <div class="pdf-filename">${file.name}</div>
+                    <button type="button" class="btn" data-index="${uploadedPDFs.length - 1}">Remove</button>
+                `;
+                pdfPreview.appendChild(previewItem);
+                
+                // Add remove functionality
+                previewItem.querySelector('.btn').addEventListener('click', function() {
+                    const index = parseInt(this.getAttribute('data-index'));
+                    uploadedPDFs.splice(index, 1);
+                    pdfPreview.removeChild(previewItem);
+                    updatePDFPreviews();
+                });
+            }
+        }
+        
+        function updatePDFPreviews() {
+            const pdfPreview = document.getElementById('pdfPreview');
+            pdfPreview.innerHTML = '';
+            
+            uploadedPDFs.forEach((pdf, index) => {
+                const previewItem = document.createElement('div');
+                previewItem.className = 'pdf-preview';
+                previewItem.innerHTML = `
+                    <div class="pdf-filename">${pdf.name}</div>
+                    <button type="button" class="btn" data-index="${index}">Remove</button>
+                `;
+                pdfPreview.appendChild(previewItem);
+                
+                previewItem.querySelector('.btn').addEventListener('click', function() {
+                    uploadedPDFs.splice(index, 1);
+                    updatePDFPreviews();
+                });
+            });
+        }
+        
+        function initCharts() {
+            try {
+                // Store all charts in an array for easier management
+                window.charts = [];
+                
+                // Trust Score Chart initialization
+                const trustCtx = document.getElementById('trustScoreChart').getContext('2d');
+                trustScoreChart = new Chart(trustCtx, {
+                type: 'doughnut',
+                data: {
+                    datasets: [{
+                        data: [0, 100],
+                        backgroundColor: [
+                            '#4361ee',
+                            '#f1f1f1'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '70%',
+                    circumference: 180,
+                    rotation: -90,
+                    plugins: {
+                        legend: {
+                            display: false
+                        },
+                        tooltip: {
+                            enabled: false
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+                charts.push(trustScoreChart);
+            
+            // Fraud Analysis Chart (Bar)
+            const fraudAnalysisCtx = document.getElementById('fraudAnalysisChart').getContext('2d');
+            fraudAnalysisChart = new Chart(fraudAnalysisCtx, {
+                type: 'bar',
+                data: {
+                    labels: ['Legitimate', 'Suspicious', 'Fraudulent'],
+                    datasets: [{
+                        label: 'Fraud Indicators',
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    indexAxis: 'y',
+                    plugins: {
+                        legend: {
+                            display: false
+                        }
+                    },
+                    scales: {
+                        x: {
+                            beginAtZero: true,
+                            max: 100
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Quality Assessment Chart
+            const qualityCtx = document.getElementById('qualityChart').getContext('2d');
+            qualityChart = new Chart(qualityCtx, {
+                type: 'radar',
+                data: {
+                    labels: ['Completeness', 'Accuracy', 'Clarity', 'Authenticity', 'Detail'],
+                    datasets: [{
+                        label: 'Quality Score',
+                        data: [0, 0, 0, 0, 0],
+                        backgroundColor: 'rgba(67, 97, 238, 0.2)',
+                        borderColor: '#4361ee',
+                        borderWidth: 2,
+                        pointBackgroundColor: '#4361ee'
+                    }]
+                },
+                options: {
+                    scales: {
+                        r: {
+                            beginAtZero: true,
+                            max: 100
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Location Analysis Chart
+            const locationCtx = document.getElementById('locationChart').getContext('2d');
+            locationChart = new Chart(locationCtx, {
+                type: 'pie',
+                data: {
+                    labels: ['Complete', 'Partial', 'Missing'],
+                    datasets: [{
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    plugins: {
+                        legend: {
+                            position: 'bottom'
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Price Analysis Chart
+            const priceCtx = document.getElementById('priceChart').getContext('2d');
+            priceChart = new Chart(priceCtx, {
+                type: 'bar',
+                data: {
+                    labels: ['Market Value', 'Price per Sq.Ft.'],
+                    datasets: [{
+                        label: 'Price Analysis',
+                        data: [0, 0],
+                        backgroundColor: [
+                            '#4361ee',
+                            '#4895ef'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    scales: {
+                        y: {
+                            beginAtZero: true
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Legal Analysis Chart
+            const legalCtx = document.getElementById('legalChart').getContext('2d');
+            legalChart = new Chart(legalCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Complete', 'Partial', 'Missing'],
+                    datasets: [{
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    plugins: {
+                        legend: {
+                            position: 'bottom'
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+            
+            // Document Analysis Chart
+            const documentCtx = document.getElementById('documentChart').getContext('2d');
+            documentChart = new Chart(documentCtx, {
+                type: 'polarArea',
+                data: {
+                    labels: ['Authentic', 'Suspicious', 'Incomplete'],
+                    datasets: [{
+                        data: [0, 0, 0],
+                        backgroundColor: [
+                            '#4cc9f0',
+                            '#f8961e',
+                            '#f72585'
+                        ],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    plugins: {
+                        legend: {
+                            position: 'bottom'
+                        }
+                    },
+                    maintainAspectRatio: false
+                }
+            });
+                
+                // Add window resize handler for chart responsiveness
+                window.addEventListener('resize', debounce(() => {
+                    charts.forEach(chart => {
+                        if (chart && typeof chart.resize === 'function') {
+                            chart.resize();
+                        }
+                    });
+                }, 250));
+                
+            } catch (error) {
+                console.error('Error initializing charts:', error);
+                document.getElementById('chartErrors').innerHTML = 
+                    '<div class="alert alert-danger">Error initializing charts. Please refresh the page.</div>';
+            }
+        }
+        
+        // Utility function for debouncing
+        function debounce(func, wait) {
+            let timeout;
+            return function executedFunction(...args) {
+                const later = () => {
+                    clearTimeout(timeout);
+                    func(...args);
+                };
+                clearTimeout(timeout);
+                timeout = setTimeout(later, wait);
+            };
+        }
+        
+        // Data validation function
+        function validateAnalysisData(data) {
+            return {
+                trustScore: {
+                    score: data.trust_score?.score ?? 0,
+                    reasoning: data.trust_score?.reasoning ?? 'No reasoning provided'
+                },
+                fraudClassification: {
+                    alertLevel: data.fraud_classification?.alert_level ?? 'low',
+                    classification: data.fraud_classification?.classification ?? 'Unknown',
+                    confidence: data.fraud_classification?.confidence ?? 0,
+                    indicators: data.fraud_classification?.fraud_indicators ?? [],
+                    scores: data.fraud_classification?.indicator_scores ?? []
+                },
+                qualityAssessment: {
+                    assessment: data.quality_assessment?.assessment ?? 'Unknown',
+                    score: data.quality_assessment?.score ?? 0,
+                    isAiGenerated: data.quality_assessment?.is_ai_generated ?? false,
+                    reasoning: data.quality_assessment?.reasoning ?? 'No reasoning provided'
+                },
+                // ... other validations
+            };
+        }
+        
+        // Safe chart update function
+        function updateChart(chart, newData, options = {}) {
+            try {
+                if (chart && typeof chart.update === 'function') {
+                    chart.data = newData;
+                    chart.update(options);
+                    return true;
+                }
+                return false;
+            } catch (error) {
+                console.error('Error updating chart:', error);
+                return false;
+            }
+        }
+        
+        function submitForm() {
+            // Show loading indicator
+            document.getElementById('loadingIndicator').style.display = 'block';
+            document.getElementById('resultsContainer').style.display = 'none';
+            
+            // Create form data
+            const formData = new FormData(document.getElementById('propertyForm'));
+            
+            // Add images
+            uploadedImages.forEach((image, index) => {
+                formData.append('images', image.file);
+            });
+            
+            // Add PDFs
+            uploadedPDFs.forEach((pdf, index) => {
+                formData.append('documents', pdf.file);
+            });
+            
+            // Send to backend
+            fetch('/verify', {
+                    method: 'POST',
+                    body: formData
+                })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                return response.json();
+            })
+                .then(data => {
+                // Hide loading indicator
+                document.getElementById('loadingIndicator').style.display = 'none';
+                
+                // Display results
+                displayResults(data);
+                
+                // Show results container
+                document.getElementById('resultsContainer').style.display = 'block';
+                
+                // Scroll to results
+                document.getElementById('resultsContainer').scrollIntoView({ behavior: 'smooth' });
+                })
+                .catch(error => {
+                console.error('Error:', error);
+                document.getElementById('loadingIndicator').style.display = 'none';
+                alert('An error occurred while processing your request. Please try again.');
+            });
+        }
+        function displayResults(data) {
+            console.log("Received data:", JSON.stringify(data));
+
+            // Validate and sanitize data
+            const validatedData = validateAnalysisData(data);
+            
+            try {
+                // Display Trust Score with validated data
+                const trustScore = validatedData.trustScore.score;
+                document.getElementById('trustScoreValue').textContent = trustScore;
+                document.getElementById('trustScoreBar').style.width = `${trustScore}%`;
+                document.getElementById('trustReasoning').textContent = validatedData.trustScore.reasoning;
+                
+                // Update Trust Score Chart safely
+                updateChart(trustScoreChart, {
+                    datasets: [{
+                        data: [trustScore, 100 - trustScore]
+                    }]
+                });
+                
+                // Display Fraud Analysis
+                const fraudLevel = validatedData.fraudClassification.alertLevel;
+                const fraudContainer = document.getElementById('fraudAlertContainer');
+                fraudContainer.innerHTML = '';
+
+                const alertClass = fraudLevel === 'high' ? 'alert-danger' :
+                                  fraudLevel === 'medium' ? 'alert-warning' : 'alert-success';
+
+                const alertDiv = document.createElement('div');
+                alertDiv.className = `alert ${alertClass}`;
+                alertDiv.textContent = `Classification: ${validatedData.fraudClassification.classification} (Confidence: ${Math.round(validatedData.fraudClassification.confidence * 100)}%)`;
+                fraudContainer.appendChild(alertDiv);
+
+                // Update Fraud Analysis Chart
+                const fraudIndicators = validatedData.fraudClassification.indicators || [];
+                const fraudScores = validatedData.fraudClassification.scores || [];
+                const formattedScores = fraudScores.map(score => score * 100);
+
+                updateChart(fraudAnalysisChart, {
+                    labels: fraudIndicators,
+                    datasets: [{
+                        data: formattedScores
+                    }]
+                });
+
+                document.getElementById('fraudReasoning').textContent = `This property was classified as ${validatedData.fraudClassification.classification} based on AI analysis of the listing details.`;
+
+                // Display AI Summary
+                document.getElementById('aiSummary').textContent = data.summary || "No summary available";
+
+                // Display Improvement Suggestions
+                const suggestionsList = document.getElementById('suggestionsList');
+                suggestionsList.innerHTML = '';
+
+                if (data.suggestions && Array.isArray(data.suggestions) && data.suggestions.length > 0) {
+                    data.suggestions.forEach(suggestion => {
+                        if (suggestion && suggestion.trim()) {
+                            const li = document.createElement('li');
+                            li.className = 'suggestion-item';
+                            li.textContent = suggestion;
+                            suggestionsList.appendChild(li);
+                        }
+                    });
+                } else {
+                    const li = document.createElement('li');
+                    li.className = 'suggestion-item';
+                    li.textContent = "No suggestions available";
+                    suggestionsList.appendChild(li);
+                }
+
+                // Display Quality Assessment
+                const qualityDiv = document.getElementById('qualityAssessment');
+                if (validatedData.qualityAssessment) {
+                    qualityDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${validatedData.qualityAssessment.assessment}</p>
+                        <p><strong>Quality Score:</strong> ${validatedData.qualityAssessment.score}%</p>
+                        <p><strong>AI Generated:</strong> ${validatedData.qualityAssessment.isAiGenerated ? 'Likely' : 'Unlikely'}</p>
+                        <p><strong>Reasoning:</strong> ${validatedData.qualityAssessment.reasoning}</p>
+                    `;
+
+                    // Update Quality Chart
+                    updateChart(qualityChart, {
+                        datasets: [{
+                            data: [
+                                validatedData.qualityAssessment.score,
+                                validatedData.qualityAssessment.isAiGenerated ? 30 : 80,
+                                validatedData.qualityAssessment.score > 50 ? 70 : 40,
+                                validatedData.qualityAssessment.isAiGenerated ? 40 : 75,
+                                validatedData.qualityAssessment.score > 60 ? 80 : 50
+                            ]
+                        }]
+                    });
+                } else {
+                    qualityDiv.innerHTML = '<p>No quality assessment available</p>';
+                }
+
+                // Display Location Analysis
+                const locationDiv = document.getElementById('locationAnalysis');
+                if (data.location_analysis) {
+                    locationDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${data.location_analysis.assessment || "Unknown"}</p>
+                        <p><strong>Completeness:</strong> ${data.location_analysis.completeness_score || 0}%</p>
+                        <p><strong>Coordinates:</strong> ${data.location_analysis.coordinates_check || "Unknown"}</p>
+                        <p><strong>Landmarks:</strong> ${data.location_analysis.landmarks_provided ? 'Provided' : 'Not provided'}</p>
+                    `;
+
+                    // Update Location Chart
+                    updateChart(locationChart, {
+                        datasets: [{
+                            data: [
+                                data.location_analysis.completeness_score || 0,
+                                100 - (data.location_analysis.completeness_score || 0),
+                                data.location_analysis.coordinates_check === 'coordinates_missing' ? 30 : 0
+                            ]
+                        }]
+                    });
+                } else {
+                    locationDiv.innerHTML = '<p>No location analysis available</p>';
+                }
+
+                // Display Price Analysis
+                const priceDiv = document.getElementById('priceAnalysis');
+                if (data.price_analysis && data.price_analysis.has_price) {
+                    priceDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${data.price_analysis.assessment || "Unknown"}</p>
+                        <p><strong>Price:</strong> ₹${(data.price_analysis.price || 0).toLocaleString()}</p>
+                        ${data.price_analysis.has_sqft ? `<p><strong>Price per Sq.Ft.:</strong> ₹${(data.price_analysis.price_per_sqft || 0).toLocaleString(undefined, {maximumFractionDigits: 2})}</p>` : ''}
+                        <p><strong>Confidence:</strong> ${Math.round((data.price_analysis.confidence || 0) * 100)}%</p>
+                    `;
+
+                    // Update Price Chart
+                    updateChart(priceChart, {
+                        labels: ['Market Value (thousands)', 'Price per Sq.Ft.'],
+                        datasets: [{
+                            data: [
+                                (data.price_analysis.price || 0) / 1000, // Scale down for better visualization
+                                data.price_analysis.price_per_sqft || 0
+                            ]
+                        }]
+                    });
+                } else {
+                    priceDiv.innerHTML = `<p>No price information provided for analysis.</p>`;
+                }
+
+                // Display Legal Analysis
+                const legalDiv = document.getElementById('legalAnalysis');
+                if (data.legal_analysis) {
+                    legalDiv.innerHTML = `
+                        <p><strong>Assessment:</strong> ${data.legal_analysis.assessment || "Unknown"}</p>
+                        <p><strong>Completeness:</strong> ${data.legal_analysis.completeness_score || 0}%</p>
+                        <p><strong>Summary:</strong> ${data.legal_analysis.summary || "No summary available"}</p>
+                        ${data.legal_analysis.terms_found && data.legal_analysis.terms_found.length > 0 ? `<p><strong>Legal Terms Found:</strong> ${data.legal_analysis.terms_found.join(', ')}</p>` : ''}
+                        ${data.legal_analysis.potential_issues ? '<p class="alert alert-warning">Potential legal issues detected</p>' : ''}
+                    `;
+
+                    // Update Legal Chart
+                    updateChart(legalChart, {
+                        datasets: [{
+                            data: [
+                                data.legal_analysis.completeness_score || 0,
+                                100 - (data.legal_analysis.completeness_score || 0),
+                                data.legal_analysis.potential_issues ? 30 : 0
+                            ]
+                        }]
+                    });
+                } else {
+                    legalDiv.innerHTML = '<p>No legal analysis available</p>';
+                }
+
+                // Display Cross-Validation Checks
+                const crossValidationDiv = document.getElementById('crossValidation');
+                crossValidationDiv.innerHTML = '<ul class="suggestion-list">';
+
+                try {
+                    // Safely check if cross_validation exists and is an array
+                    if (data && data.cross_validation && Array.isArray(data.cross_validation)) {
+                        // Only proceed if the array has items
+                        if (data.cross_validation.length > 0) {
+                            data.cross_validation.forEach(check => {
+                                if (check && typeof check === 'object') {
+                                    const status = check.status || 'unknown';
+                                    const checkName = check.check || 'Check';
+                                    const message = check.message || 'No details available';
+
+                                    // Determine status class
+                                    let statusClass = 'badge-warning'; // Default
+                                    if (['consistent', 'valid', 'reasonable', 'match', 'likely_valid'].includes(status)) {
+                                        statusClass = 'badge-success';
+                                    } else if (['suspicious', 'inconsistent', 'invalid', 'no_match'].includes(status)) {
+                                        statusClass = 'badge-danger';
+                                    }
+
+                                    crossValidationDiv.innerHTML += `
+                                        <li class="suggestion-item">
+                                            <span class="badge ${statusClass}">${status}</span>
+                                            <strong>${checkName}:</strong> ${message}
+                                        </li>
+                                    `;
+                                }
+                            });
+                        } else {
+                            crossValidationDiv.innerHTML += '<li class="suggestion-item">No cross-validation checks performed</li>';
+                        }
+                    } else {
+                        crossValidationDiv.innerHTML += '<li class="suggestion-item">No cross-validation data available</li>';
+                    }
+                } catch (error) {
+                    console.error("Error displaying cross-validation:", error);
+                    crossValidationDiv.innerHTML += '<li class="suggestion-item">Error displaying cross-validation results</li>';
+                }
+
+                crossValidationDiv.innerHTML += '</ul>';
+
+                // Display Document Analysis
+                const documentDiv = document.getElementById('documentAnalysis');
+                documentDiv.innerHTML = '';
+
+                if (data.document_analysis && data.document_analysis.pdf_count > 0) {
+                    documentDiv.innerHTML = `<p><strong>Documents Analyzed:</strong> ${data.document_analysis.pdf_count}</p>`;
+
+                    data.document_analysis.pdf_analysis.forEach((pdf, index) => {
+                        documentDiv.innerHTML += `
+                            <div class="pdf-preview">
+                                <p><strong>Document ${index + 1}</strong></p>
+                                <p><strong>Type:</strong> ${pdf.document_type.classification} (${Math.round(pdf.document_type.confidence * 100)}% confidence)</p>
+                                <p><strong>Authenticity:</strong> ${pdf.authenticity.assessment} (${Math.round(pdf.authenticity.confidence * 100)}% confidence)</p>
+                                <p><strong>Summary:</strong> ${pdf.summary}</p>
+                                <p><strong>Contains Signatures:</strong> ${pdf.contains_signatures ? 'Yes' : 'No'}</p>
+                                <p><strong>Contains Dates:</strong> ${pdf.contains_dates ? 'Yes' : 'No'}</p>
+                            </div>
+                        `;
+                    });
+
+                    // Update Document Chart
+                    let authenticCount = 0;
+                    let suspiciousCount = 0;
+                    let incompleteCount = 0;
+
+                    data.document_analysis.pdf_analysis.forEach(pdf => {
+                        if (pdf.authenticity.assessment.includes('authentic')) {
+                            authenticCount++;
+                        } else if (pdf.authenticity.assessment.includes('fraudulent')) {
+                            suspiciousCount++;
+                        } else {
+                            incompleteCount++;
+                        }
+                    });
+
+                    updateChart(documentChart, {
+                        datasets: [{
+                            data: [
+                                authenticCount,
+                                suspiciousCount,
+                                incompleteCount
+                            ]
+                        }]
+                    });
+                } else {
+                    documentDiv.innerHTML = '<p>No documents were uploaded for analysis.</p>';
+                }
+
+                // Display Image Analysis
+                const imageAnalysisDiv = document.getElementById('imageAnalysis');
+                const imageGallery = document.getElementById('imageGallery');
+
+                imageAnalysisDiv.innerHTML = '';
+                imageGallery.innerHTML = '';
+
+                if (data.image_analysis && data.images && data.images.length > 0) {
+                    imageAnalysisDiv.innerHTML = `<p><strong>Images Analyzed:</strong> ${data.image_analysis.image_count}</p>`;
+
+                    let propertyRelatedCount = 0;
+                    data.image_analysis.image_analysis.forEach(img => {
+                        if (img && img.is_property_related) {
+                            propertyRelatedCount++;
+                        }
+                    });
+
+                    imageAnalysisDiv.innerHTML += `<p><strong>Property-Related Images:</strong> ${propertyRelatedCount} of ${data.image_analysis.image_count}</p>`;
+
+                    // Display images in gallery
+                    data.images.forEach((imgData, index) => {
+                        const imgAnalysis = data.image_analysis.image_analysis[index];
+                        const galleryItem = document.createElement('div');
+                        galleryItem.className = 'gallery-item';
+
+                        galleryItem.innerHTML = `
+                            <img src="data:image/jpeg;base64,${imgData}" alt="Property Image ${index + 1}">
+                            <div class="badge ${imgAnalysis && imgAnalysis.is_property_related ? 'badge-success' : 'badge-warning'}"
+                                 style="position: absolute; top: 5px; right: 5px;">
+                                ${imgAnalysis && imgAnalysis.is_property_related ? 'Property' : 'Not Property'}
+                            </div>
+                        `;
+
+                        imageGallery.appendChild(galleryItem);
+                    });
+                } else {
+                    imageAnalysisDiv.innerHTML = '<p>No images were uploaded for analysis.</p>';
+                }
+
+                // Update Property Summary
+                document.getElementById('summaryName').textContent = document.getElementById('propertyName').value || 'Not provided';
+                document.getElementById('summaryType').textContent = document.getElementById('propertyType').value || 'Not provided';
+                document.getElementById('summaryStatus').textContent = document.getElementById('status').value || 'Not provided';
+                document.getElementById('summaryLocation').textContent =
+                    `${document.getElementById('address').value || ''}, ${document.getElementById('city').value || ''}, ${document.getElementById('state').value || ''}, India`;
+                document.getElementById('summaryPrice').textContent = document.getElementById('marketValue').value ? `₹${document.getElementById('marketValue').value}` : 'Not provided';
+                document.getElementById('summarySize').textContent = document.getElementById('sqFt').value ? `${document.getElementById('sqFt').value} sq. ft.` : 'Not provided';
+                document.getElementById('summaryRooms').textContent =
+                    `${document.getElementById('bedrooms').value || '0'} BHK`;  // BHK is common in Indian real estate
+
+                // Update Final Verdict
+                const verdictBox = document.getElementById('verdictBox');
+                const verdictIcon = document.getElementById('verdictIcon');
+                const verdictText = document.getElementById('verdictText');
+
+                if (fraudLevel === 'high' || trustScore < 40) {
+                    verdictBox.className = 'verdict-box verdict-fraudulent';
+                    verdictIcon.textContent = '❌';
+                    verdictText.textContent = 'HIGH RISK - LIKELY FRAUDULENT';
+                } else if (fraudLevel === 'medium' || trustScore < 70) {
+                    verdictBox.className = 'verdict-box verdict-suspicious';
+                    verdictIcon.textContent = '⚠️';
+                    verdictText.textContent = 'CAUTION - SUSPICIOUS ELEMENTS';
+                } else {
+                    verdictBox.className = 'verdict-box verdict-legitimate';
+                    verdictIcon.textContent = '✅';
+                    verdictText.textContent = 'VERIFIED REAL ESTATE LISTING';
+                }
+
+                // Update Verdict Reasons
+                const verdictReasons = document.getElementById('verdictReasons');
+                verdictReasons.innerHTML = '';
+
+                // Add key findings based on analysis
+                const findings = [];
+
+                if (validatedData.qualityAssessment && validatedData.qualityAssessment.isAiGenerated) {
+                    findings.push('Description appears to be AI-generated');
+                }
+
+                if (data.cross_validation) {
+                    data.cross_validation.forEach(check => {
+                        if (check.status === 'inconsistent' || check.status === 'invalid' ||
+                            check.status === 'suspicious' || check.status === 'no_match') {
+                            findings.push(check.message);
+                        }
+                    });
+                }
+
+                if (data.price_analysis && data.price_analysis.assessment === 'suspicious pricing') {
+                    findings.push('Price appears suspicious for this type of property');
+                }
+
+                if (data.legal_analysis && data.legal_analysis.potential_issues) {
+                    findings.push('Potential legal issues detected');
+                }
+
+                // Add at least one positive finding if the verdict is good
+                if (findings.length === 0 && trustScore > 70) {
+                    findings.push('Property details appear consistent and legitimate');
+                    findings.push('No suspicious elements detected in the listing');
+                }
+
+                // If we still have no findings, add a generic one
+                if (findings.length === 0) {
+                    findings.push('Analysis inconclusive - insufficient information provided');
+                }
+
+                findings.forEach(finding => {
+                    const li = document.createElement('li');
+                    li.className = 'suggestion-item';
+                    li.textContent = finding;
+                    verdictReasons.appendChild(li);
+                });
+
+                // Update Verification Scores
+                updateScoreBar('trustBar', 'trustValue', trustScore);
+
+                // Image authenticity score
+                let imageScore = 0;
+                if (data.image_analysis && data.image_analysis.image_analysis) {
+                    const propertyImages = data.image_analysis.image_analysis.filter(img => img && img.is_property_related);
+                    imageScore = data.image_analysis.image_count > 0 ?
+                        Math.round((propertyImages.length / data.image_analysis.image_count) * 100) : 0;
+                }
+                updateScoreBar('imageBar', 'imageValue', imageScore);
+
+                // Document verification score
+                let docScore = 0;
+                if (data.document_analysis && data.document_analysis.pdf_analysis) {
+                    const authenticDocs = data.document_analysis.pdf_analysis.filter(
+                        pdf => pdf.authenticity && pdf.authenticity.assessment.includes('authentic')
+                    );
+                    docScore = data.document_analysis.pdf_count > 0 ?
+                        Math.round((authenticDocs.length / data.document_analysis.pdf_count) * 100) : 0;
+                }
+                updateScoreBar('documentBar', 'documentValue', docScore);
+
+                // Content quality score
+                const contentScore = validatedData.qualityAssessment ? validatedData.qualityAssessment.score : 0;
+                updateScoreBar('contentBar', 'contentValue', contentScore);
+
+                // Location accuracy score
+                const locationScore = data.location_analysis ? data.location_analysis.completeness_score || 0 : 0;
+                updateScoreBar('locationBar', 'locationValue', locationScore);
+
+                // Update Red Flags
+                const redFlagsList = document.getElementById('redFlagsList');
+                redFlagsList.innerHTML = '';
+
+                const redFlags = [];
+
+                // Check for inconsistencies and issues
+                if (data.cross_validation) {
+                    data.cross_validation.forEach(check => {
+                        if (check.status === 'inconsistent' || check.status === 'invalid' ||
+                            check.status === 'suspicious' || check.status === 'no_match') {
+                            redFlags.push(`${check.check}: ${check.message}`);
+                        }
+                    });
+                }
+
+                if (validatedData.qualityAssessment && validatedData.qualityAssessment.isAiGenerated) {
+                    redFlags.push('Description appears to be AI-generated, which may indicate a fake listing');
+                }
+
+                if (data.price_analysis &&
+                    (data.price_analysis.assessment === 'suspicious pricing' ||
+                     data.price_analysis.assessment === 'overpriced' ||
+                     data.price_analysis.assessment === 'underpriced')) {
+                    redFlags.push(`Price is ${data.price_analysis.assessment} for this type of property`);
+                }
+
+                if (data.legal_analysis && data.legal_analysis.potential_issues) {
+                    redFlags.push('Potential legal issues detected in the property documentation');
+                }
+
+                if (data.image_analysis && data.image_analysis.image_count > 0) {
+                    const propertyImages = data.image_analysis.image_analysis.filter(img => img && img.is_property_related);
+                    if (propertyImages.length === 0) {
+                        redFlags.push('None of the uploaded images appear to be related to real estate');
+                    }
+                }
+
+                // If no red flags, add a positive message
+                if (redFlags.length === 0) {
+                    redFlags.push('No significant red flags detected in this listing');
+                }
+
+                redFlags.forEach(flag => {
+                    const li = document.createElement('li');
+                    li.className = 'suggestion-item';
+                    li.textContent = flag;
+                    redFlagsList.appendChild(li);
+                });
+                
+            } catch (error) {
+                console.error('Error displaying results:', error);
+                document.getElementById('resultsContainer').innerHTML = 
+                    '<div class="alert alert-danger">Error displaying results. Please try again.</div>';
+            }
+        }
+        
+        function updateScoreBar(barId, valueId, score) {
+            const bar = document.getElementById(barId);
+            const value = document.getElementById(valueId);
+            
+            if (bar && value) {
+                bar.style.setProperty('--score-width', `${score}%`);
+                bar.style.background = `linear-gradient(to right, 
+                    ${getScoreColor(score)} ${score}%, 
+                    #e9ecef ${score}%)`;
+                value.textContent = `${score}%`;
+            }
+        }
+        
+        function getScoreColor(score) {
+            if (score >= 70) return 'var(--success)';
+            if (score >= 40) return 'var(--warning)';
+            return 'var(--danger)';
+        }
+    </script>
+</body>
+</html>

templates/prop.html

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Property Recommender</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background: #f8f9fa;
+            padding: 20px;
+        }
+        .container {
+            max-width: 960px;
+            margin: auto;
+        }
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 0 8px rgba(0,0,0,0.1);
+            margin-bottom: 30px;
+        }
+        input[type="text"], button {
+            width: 100%;
+            padding: 12px;
+            margin: 8px 0;
+            border-radius: 4px;
+            border: 1px solid #ccc;
+        }
+        button {
+            background-color: #273469;
+            color: white;
+            cursor: pointer;
+            font-weight: bold;
+        }
+        button:hover {
+            background-color: #1e2749;
+        }
+        .property-card {
+            background: #fff;
+            padding: 16px;
+            margin-bottom: 20px;
+            border-radius: 8px;
+            border-left: 6px solid #273469;
+            box-shadow: 0 0 5px rgba(0,0,0,0.1);
+        }
+        .property-card img {
+            width: 200px;
+            height: auto;
+            margin-right: 10px;
+            border-radius: 6px;
+        }
+        .images {
+            display: flex;
+            gap: 10px;
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+    <h1>Find Your Dream Property</h1>
+
+    <form method="POST">
+        <label>What type of property are you looking for?</label>
+        <input type="text" name="propertyType" placeholder="e.g., Villa, Flat" required>
+
+        <label>What price range are you looking for? (e.g., 50000-20000000)</label>
+        <input type="text" name="priceRange" placeholder="e.g., 50000-20000000" required>
+
+        <button type="submit">Get Recommendations</button>
+    </form>
+
+    {% if error %}
+        <p style="color: red;"><strong>Error:</strong> {{ error }}</p>
+    {% endif %}
+
+    {% if recommended %}
+        <h2>Recommended Properties</h2>
+        {% for prop in recommended %}
+            <div class="property-card">
+                <h3>{{ prop.propertyName }}</h3>
+                <p><strong>Type:</strong> {{ prop.typeName }}</p>
+                <p><strong>Location:</strong> {{ prop.address }}</p>
+                <p><strong>Price:</strong> ₹{{ "{:,}".format(prop.marketValue) }}</p>
+                <p><strong>Description:</strong> {{ prop.description }}</p>
+                <div class="images">
+                    {% for img in prop.propertyImages[:3] %}
+                        <img src="{{ img }}" alt="Property Image">
+                    {% endfor %}
+                </div>
+            </div>
+        {% endfor %}
+    {% endif %}
+</div>
+</body>
+</html>

templates/properties.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Recommended Properties</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+    <div class="container">
+        <h1 class="text-center my-4">Recommended Properties</h1>
+        <div class="properties">
+            {% for property in properties %}
+            <div class="property card mb-3">
+                <div class="card-body">
+                    <h5 class="card-title">{{ property.propertyName }}</h5>
+                    <p class="card-text"><strong>Type:</strong> {{ property.typeName }}</p>
+                    <p class="card-text"><strong>Address:</strong> {{ property.address }}</p>
+                    <p class="card-text"><strong>Market Value:</strong> {{ property.marketValue }}</p>
+                    <p class="card-text">{{ property.description }}</p>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</body>
+</html>

templates/results.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Recommended Properties</title>
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body class="bg-white">
+<div class="container py-5">
+  <h2 class="mb-4">Recommended Properties</h2>
+  <a href="/" class="btn btn-secondary mb-4">🔙 Go Back</a>
+  <div class="row">
+    {% for prop in recommended %}
+      <div class="col-md-6 mb-4">
+        <div class="card h-100">
+          <img src="{{ prop.propertyImages[0] if prop.propertyImages else '' }}" class="card-img-top" alt="Image">
+          <div class="card-body">
+            <h5 class="card-title">{{ prop.propertyName }}</h5>
+            <p class="card-text">{{ prop.description[:150] }}...</p>
+            <p><strong>₹ {{ "{:,}".format(prop.marketValue) }}</strong> | {{ prop.address }}</p>
+            <p><small>Type: {{ prop.typeName }}</small></p>
+          </div>
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+</div>
+</body>
+</html>

templates/visualindex.html

@@ -0,0 +1,623 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Property Visual Search - AI-Powered Image Recognition</title>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Inter', sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            color: #333;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        .header {
+            text-align: center;
+            margin-bottom: 40px;
+            color: white;
+        }
+
+        .header h1 {
+            font-size: 2.5rem;
+            font-weight: 700;
+            margin-bottom: 10px;
+            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
+        }
+
+        .header p {
+            font-size: 1.1rem;
+            opacity: 0.9;
+            font-weight: 300;
+        }
+
+        .main-content {
+            background: white;
+            border-radius: 20px;
+            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
+            overflow: hidden;
+            margin-bottom: 30px;
+        }
+
+        .upload-section {
+            padding: 40px;
+            text-align: center;
+            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+        }
+
+        .upload-area {
+            border: 3px dashed #667eea;
+            border-radius: 15px;
+            padding: 60px 20px;
+            background: white;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            margin-bottom: 30px;
+        }
+
+        .upload-area:hover {
+            border-color: #764ba2;
+            background: #f8f9ff;
+            transform: translateY(-2px);
+        }
+
+        .upload-area.dragover {
+            border-color: #764ba2;
+            background: #f0f2ff;
+            transform: scale(1.02);
+        }
+
+        .upload-icon {
+            font-size: 4rem;
+            color: #667eea;
+            margin-bottom: 20px;
+        }
+
+        .upload-text {
+            font-size: 1.2rem;
+            color: #666;
+            margin-bottom: 10px;
+        }
+
+        .upload-subtext {
+            font-size: 0.9rem;
+            color: #999;
+        }
+
+        .file-input {
+            display: none;
+        }
+
+        .upload-btn {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            border: none;
+            padding: 15px 30px;
+            border-radius: 50px;
+            font-size: 1rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            margin-top: 20px;
+        }
+
+        .upload-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
+        }
+
+        .upload-btn:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+            transform: none;
+        }
+
+        .status-section {
+            padding: 20px 40px;
+            background: #f8f9fa;
+            border-top: 1px solid #e9ecef;
+        }
+
+        .status-indicator {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            font-size: 0.9rem;
+        }
+
+        .status-dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            background: #dc3545;
+        }
+
+        .status-dot.ready {
+            background: #28a745;
+        }
+
+        .status-dot.loading {
+            background: #ffc107;
+            animation: pulse 1.5s infinite;
+        }
+
+        @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
+
+        .results-section {
+            padding: 40px;
+            display: none;
+        }
+
+        .results-header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+
+        .results-header h2 {
+            color: #333;
+            font-size: 1.8rem;
+            margin-bottom: 10px;
+        }
+
+        .results-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 20px;
+            margin-top: 30px;
+        }
+
+        .result-card {
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+            overflow: hidden;
+            transition: all 0.3s ease;
+        }
+
+        .result-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
+        }
+
+        .result-image {
+            width: 100%;
+            height: 200px;
+            background: #f8f9fa;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: #999;
+            font-size: 0.9rem;
+        }
+
+        .result-image img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            border-radius: 0;
+        }
+
+        .result-card img {
+            width: 100%;
+            height: 200px;
+            object-fit: cover;
+            border-radius: 0;
+        }
+
+        .result-info {
+            padding: 20px;
+        }
+
+        .result-title {
+            font-weight: 600;
+            color: #333;
+            margin-bottom: 10px;
+        }
+
+        .result-details {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+
+        .similarity-score {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 5px 12px;
+            border-radius: 20px;
+            font-size: 0.8rem;
+            font-weight: 600;
+        }
+
+        .property-id {
+            color: #666;
+            font-size: 0.9rem;
+        }
+
+        .loading-spinner {
+            display: none;
+            text-align: center;
+            padding: 40px;
+        }
+
+        .spinner {
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #667eea;
+            border-radius: 50%;
+            width: 40px;
+            height: 40px;
+            animation: spin 1s linear infinite;
+            margin: 0 auto 20px;
+        }
+
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+
+        .error-message {
+            background: #f8d7da;
+            color: #721c24;
+            padding: 15px;
+            border-radius: 10px;
+            margin: 20px 0;
+            display: none;
+        }
+
+        .success-message {
+            background: #d4edda;
+            color: #155724;
+            padding: 15px;
+            border-radius: 10px;
+            margin: 20px 0;
+            display: none;
+        }
+
+        .preview-image {
+            max-width: 100%;
+            max-height: 300px;
+            border-radius: 10px;
+            margin: 20px 0;
+            display: none;
+        }
+
+        .features {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            margin-top: 30px;
+        }
+
+        .feature-card {
+            background: white;
+            padding: 30px;
+            border-radius: 15px;
+            text-align: center;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+        }
+
+        .feature-icon {
+            font-size: 2.5rem;
+            color: #667eea;
+            margin-bottom: 20px;
+        }
+
+        .feature-title {
+            font-size: 1.2rem;
+            font-weight: 600;
+            margin-bottom: 10px;
+            color: #333;
+        }
+
+        .feature-description {
+            color: #666;
+            line-height: 1.6;
+        }
+
+        @media (max-width: 768px) {
+            .header h1 {
+                font-size: 2rem;
+            }
+            
+            .upload-section {
+                padding: 20px;
+            }
+            
+            .upload-area {
+                padding: 40px 20px;
+            }
+            
+            .results-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1><i class="fas fa-search"></i> Property Visual Search</h1>
+            <p>AI-Powered Image Recognition for Real Estate</p>
+        </div>
+
+        <div class="main-content">
+            <div class="upload-section">
+                <div class="upload-area" id="uploadArea">
+                    <div class="upload-icon">
+                        <i class="fas fa-cloud-upload-alt"></i>
+                    </div>
+                    <div class="upload-text">Drag & Drop your property image here</div>
+                    <div class="upload-subtext">or click to browse files (JPG, PNG, GIF)</div>
+                    <input type="file" id="fileInput" class="file-input" accept="image/*">
+                    <button class="upload-btn" id="uploadBtn" onclick="document.getElementById('fileInput').click()">
+                        <i class="fas fa-upload"></i> Choose Image
+                    </button>
+                </div>
+                
+                <img id="previewImage" class="preview-image" alt="Preview">
+                
+                <div class="error-message" id="errorMessage"></div>
+                <div class="success-message" id="successMessage"></div>
+            </div>
+
+            <div class="status-section">
+                <div class="status-indicator">
+                    <div class="status-dot" id="statusDot"></div>
+                    <span id="statusText">Initializing visual search system...</span>
+                </div>
+            </div>
+
+            <div class="loading-spinner" id="loadingSpinner">
+                <div class="spinner"></div>
+                <p>Analyzing your image and finding similar properties...</p>
+            </div>
+
+            <div class="results-section" id="resultsSection">
+                <div class="results-header">
+                    <h2>Similar Properties Found</h2>
+                    <p>Based on visual similarity analysis</p>
+                </div>
+                <div class="results-grid" id="resultsGrid"></div>
+            </div>
+        </div>
+
+        <div class="features">
+            <div class="feature-card">
+                <div class="feature-icon">
+                    <i class="fas fa-brain"></i>
+                </div>
+                <div class="feature-title">AI-Powered</div>
+                <div class="feature-description">
+                    Advanced machine learning algorithms analyze visual patterns and architectural features
+                </div>
+            </div>
+            
+            <div class="feature-card">
+                <div class="feature-icon">
+                    <i class="fas fa-bolt"></i>
+                </div>
+                <div class="feature-title">Lightning Fast</div>
+                <div class="feature-description">
+                    Get instant results with our optimized image processing and similarity matching
+                </div>
+            </div>
+            
+            <div class="feature-card">
+                <div class="feature-icon">
+                    <i class="fas fa-shield-alt"></i>
+                </div>
+                <div class="feature-title">Secure & Private</div>
+                <div class="feature-description">
+                    Your uploaded images are processed securely and never stored permanently
+                </div>
+            </div>
+            
+            <div class="feature-card">
+                <div class="feature-icon">
+                    <i class="fas fa-chart-line"></i>
+                </div>
+                <div class="feature-title">Smart Matching</div>
+                <div class="feature-description">
+                    Find properties with similar architectural styles, layouts, and visual characteristics
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        let isSystemReady = false;
+
+        // Check system status on page load
+        checkSystemStatus();
+
+        // Upload area functionality
+        const uploadArea = document.getElementById('uploadArea');
+        const fileInput = document.getElementById('fileInput');
+        const previewImage = document.getElementById('previewImage');
+        const uploadBtn = document.getElementById('uploadBtn');
+        const loadingSpinner = document.getElementById('loadingSpinner');
+        const resultsSection = document.getElementById('resultsSection');
+        const resultsGrid = document.getElementById('resultsGrid');
+        const errorMessage = document.getElementById('errorMessage');
+        const successMessage = document.getElementById('successMessage');
+
+        // Drag and drop functionality
+        uploadArea.addEventListener('dragover', (e) => {
+            e.preventDefault();
+            uploadArea.classList.add('dragover');
+        });
+
+        uploadArea.addEventListener('dragleave', () => {
+            uploadArea.classList.remove('dragover');
+        });
+
+        uploadArea.addEventListener('drop', (e) => {
+            e.preventDefault();
+            uploadArea.classList.remove('dragover');
+            const files = e.dataTransfer.files;
+            if (files.length > 0) {
+                handleFile(files[0]);
+            }
+        });
+
+        fileInput.addEventListener('change', (e) => {
+            if (e.target.files.length > 0) {
+                handleFile(e.target.files[0]);
+            }
+        });
+
+        function handleFile(file) {
+            if (!isSystemReady) {
+                showError('Visual search system is still initializing. Please wait a moment and try again.');
+                return;
+            }
+
+            if (!file.type.startsWith('image/')) {
+                showError('Please select a valid image file.');
+                return;
+            }
+
+            // Show preview
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                previewImage.src = e.target.result;
+                previewImage.style.display = 'block';
+            };
+            reader.readAsDataURL(file);
+
+            // Upload and search
+            uploadAndSearch(file);
+        }
+
+        function uploadAndSearch(file) {
+            const formData = new FormData();
+            formData.append('file', file);
+
+            // Show loading
+            loadingSpinner.style.display = 'block';
+            resultsSection.style.display = 'none';
+            hideMessages();
+
+            fetch('/search', {
+                method: 'POST',
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                loadingSpinner.style.display = 'none';
+                
+                if (data.error) {
+                    showError(data.error);
+                } else if (data.message) {
+                    showSuccess(data.message);
+                } else if (data.results) {
+                    displayResults(data.results);
+                }
+            })
+            .catch(error => {
+                loadingSpinner.style.display = 'none';
+                showError('An error occurred while processing your image. Please try again.');
+                console.error('Error:', error);
+            });
+        }
+
+        function displayResults(results) {
+            resultsSection.style.display = 'block';
+            resultsGrid.innerHTML = '';
+
+            results.forEach((result, index) => {
+                const resultCard = document.createElement('div');
+                resultCard.className = 'result-card';
+                
+                // Create image element with actual property image or fallback
+                let imageHtml = '';
+                if (result.image_path) {
+                    imageHtml = `<img src="${result.image_path}" alt="Property ${index + 1}" style="width: 100%; height: 200px; object-fit: cover;" onerror="this.parentElement.innerHTML='<div class=\\'result-image\\'><i class=\\'fas fa-home\\' style=\\'font-size: 3rem; color: #ddd;\\'></i></div>'">`;
+                } else {
+                    imageHtml = `<div class="result-image">
+                        <i class="fas fa-home" style="font-size: 3rem; color: #ddd;"></i>
+                    </div>`;
+                }
+                
+                resultCard.innerHTML = `
+                    ${imageHtml}
+                    <div class="result-info">
+                        <div class="result-title">Property ${index + 1}</div>
+                        <div class="result-details">
+                            <span class="similarity-score">${result.similarity_score}</span>
+                            <span class="property-id">ID: ${result.property_id}</span>
+                        </div>
+                        <div style="font-size: 0.8rem; color: #999;">
+                            Distance: ${result.distance}
+                        </div>
+                    </div>
+                `;
+                resultsGrid.appendChild(resultCard);
+            });
+
+            showSuccess(`Found ${results.length} similar properties!`);
+        }
+
+        function checkSystemStatus() {
+            fetch('/status')
+                .then(response => response.json())
+                .then(data => {
+                    const statusDot = document.getElementById('statusDot');
+                    const statusText = document.getElementById('statusText');
+
+                    if (data.model_loaded && data.collection_ready) {
+                        statusDot.className = 'status-dot ready';
+                        statusText.textContent = `System ready! ${data.total_images} properties indexed`;
+                        isSystemReady = true;
+                    } else {
+                        statusDot.className = 'status-dot loading';
+                        statusText.textContent = 'Initializing system... Please wait';
+                        isSystemReady = false;
+                        
+                        // Check again in 5 seconds
+                        setTimeout(checkSystemStatus, 5000);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error checking status:', error);
+                    setTimeout(checkSystemStatus, 5000);
+                });
+        }
+
+        function showError(message) {
+            errorMessage.textContent = message;
+            errorMessage.style.display = 'block';
+            successMessage.style.display = 'none';
+        }
+
+        function showSuccess(message) {
+            successMessage.textContent = message;
+            successMessage.style.display = 'block';
+            errorMessage.style.display = 'none';
+        }
+
+        function hideMessages() {
+            errorMessage.style.display = 'none';
+            successMessage.style.display = 'none';
+        }
+    </script>
+</body>
+</html> 

templates/working.html

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Property Recommendation</title>
+    <style>
+        body { font-family: Arial, sans-serif; background: #f4f4f4; margin: 0; padding: 0; }
+        .container { max-width: 400px; margin: 60px auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
+        h2 { text-align: center; }
+        label { display: block; margin-top: 15px; }
+        input, select { width: 100%; padding: 8px; margin-top: 5px; border-radius: 4px; border: 1px solid #ccc; }
+        button { width: 100%; padding: 10px; margin-top: 20px; background: #007bff; color: #fff; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; }
+        button:hover { background: #0056b3; }
+        .recommendations { margin-top: 30px; }
+        .property { background: #f9f9f9; padding: 15px; border-radius: 6px; margin-bottom: 15px; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h2>Find Your Property</h2>
+        <form id="propertyForm">
+            <label for="propertyType">Property Type</label>
+            <select id="propertyType" required>
+                <option value="">Select type</option>
+                <option value="Villa">Villa</option>
+                <option value="Townhouse">Townhouse</option>
+                <option value="Apartment">Apartment</option>
+                <option value="Flat">Flat</option>
+                <option value="Office Space">Office Space</option>
+            </select>
+            <label for="price">Price</label>
+            <input type="number" id="price" required placeholder="Enter price">
+            <button type="submit">Next</button>
+        </form>
+        <div class="recommendations" id="recommendations"></div>
+    </div>
+    <script>
+        document.getElementById('propertyForm').addEventListener('submit', async function(e) {
+            e.preventDefault();
+            const propertyType = document.getElementById('propertyType').value;
+            const price = document.getElementById('price').value;
+            const resDiv = document.getElementById('recommendations');
+            resDiv.innerHTML = '<p>Loading recommendations...</p>';
+            try {
+                const response = await fetch('/recommend', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ propertyType, price })
+                });
+                const data = await response.json();
+                if (data.recommendations && data.recommendations.length > 0) {
+                    resDiv.innerHTML = data.recommendations.map(p => `
+                        <div class="property">
+                            <strong>Type:</strong> ${p.propertyType}<br>
+                            <strong>Price:</strong> ${p.price}<br>
+                            <strong>Description:</strong> ${p.description}<br>
+                        </div>
+                    `).join('');
+                } else {
+                    resDiv.innerHTML = '<p>No recommendations found.</p>';
+                }
+            } catch (err) {
+                resDiv.innerHTML = '<p>Error fetching recommendations.</p>';
+            }
+        });
+    </script>
+</body>
+</html>