<!-- whistleblowing-portal.php -->
<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Corporate Whistleblowing Portal - Report Company Fraud | Reclaim Ethically</title>
    <meta name="description" content="Safely report corporate fraud, misconduct, and unethical behavior. Anonymous whistleblowing platform for exposing fraudulent companies.">
    <meta name="keywords" content="whistleblowing, report company fraud, corporate misconduct, anonymous reporting, fraud exposure">
    
    <!-- Link of CSS files -->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/fontawsome.min.css">
    <link rel="stylesheet" href="assets/fonts/flaticon.css">
    <link rel="stylesheet" href="assets/css/meanmenu.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/nice-select.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/jquery-ui.min.css">
    <link rel="stylesheet" href="assets/css/odometer.min.css">
    <link rel="stylesheet" href="assets/css/barfiller.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/dark.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    
    <!-- Whistleblowing CSS -->
    <link rel="stylesheet" href="whistleblowing-styles.css">
    
    <link rel="icon" type="image/png" href="assets/images/fav-icon.png">
    
    <!-- SweetAlert CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
</head>
<body class="whistleblowing-portal">
    
    <!-- Theme switcher -->
    <div class="theme-switcher">
        <label id="switch" class="switch">
            <input type="checkbox" onchange="toggleTheme()" id="slider">
            <span class="slider round"></span>
        </label>
    </div>
    
    <!-- Navigation bar area start -->
    <?php
        $page = 'whistleblowing';
        include 'header.php';
    ?>
    <!-- Navigation bar area end -->

    <!-- Hero Section -->
    <section class="whistleblower-hero">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div class="hero-content text-center">
                        <h1 class="mb-4">Expose Corporate Fraud & Misconduct</h1>
                        <p class="lead mb-4" style="font-size: 1.25rem; opacity: 0.9;">
                            A secure, anonymous platform to report fraudulent companies, financial misconduct, and unethical business practices. Your voice matters in holding corporations accountable.
                        </p>
                        <div class="hero-badges">
                            <span class="hero-badge"><i class="fas fa-user-secret"></i> 100% Anonymous Reporting</span>
                            <span class="hero-badge"><i class="fas fa-shield-alt"></i> Legal Protection</span>
                            <span class="hero-badge"><i class="fas fa-lock"></i> End-to-End Encryption</span>
                            <span class="hero-badge"><i class="fas fa-handshake"></i> Whistleblower Support</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Statistics Section -->
    <section class="whistleblowing-stats">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-building"></i>
                        </div>
                        <div class="stat-number">1,247</div>
                        <div class="stat-label">Companies Reported</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-gavel"></i>
                        </div>
                        <div class="stat-number">387</div>
                        <div class="stat-label">Legal Actions Initiated</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-money-check-alt"></i>
                        </div>
                        <div class="stat-number">$2.1B</div>
                        <div class="stat-label">Fraud Prevented</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-user-shield"></i>
                        </div>
                        <div class="stat-number">1,000+</div>
                        <div class="stat-label">Protected Whistleblowers</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Reported Companies Database -->
    <section class="reported-companies-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div class="text-center mb-5">
                        <h2 class="mb-3">Recently Reported Companies</h2>
                        <p class="text-muted">Browse companies that have been reported through our whistleblowing platform</p>
                    </div>
                    
                    <div class="companies-tabs">
                        <div class="companies-tab-buttons">
                            <button class="companies-tab-btn active" data-tab="high-risk">🚨 High Risk</button>
                            <button class="companies-tab-btn" data-tab="finance">💰 Financial Fraud</button>
                            <button class="companies-tab-btn" data-tab="crypto">🔗 Crypto Scams</button>
                            <button class="companies-tab-btn" data-tab="recent">🆕 Recent Reports</button>
                        </div>
                        
                        <div class="companies-tab-content active" id="high-risk">
                            <h4 class="mb-4"><i class="fas fa-exclamation-triangle text-danger me-2"></i>High Risk Companies</h4>
                            <div class="company-grid">
                                <!-- Company 1 -->
                                <div class="company-card">
                                    <div class="company-header">
                                        <div class="company-logo">
                                            <span>CF</span>
                                        </div>
                                        <div class="company-info">
                                            <div class="company-name">CryptoFunds Ltd</div>
                                            <div class="company-industry">
                                                <i class="fas fa-chart-line"></i> Cryptocurrency Investment
                                            </div>
                                        </div>
                                    </div>
                                    <div class="company-body">
                                        <div class="company-allegations">
                                            <small class="text-muted">Primary Allegations:</small>
                                            <div class="allegation-tags">
                                                <span class="allegation-tag">Ponzi Scheme</span>
                                                <span class="allegation-tag">Money Laundering</span>
                                                <span class="allegation-tag">Securities Fraud</span>
                                            </div>
                                        </div>
                                        <p class="company-description text-muted" style="font-size: 14px; line-height: 1.5;">
                                            Multiple reports of guaranteed high returns, unregistered securities, and missing investor funds.
                                        </p>
                                        <div class="company-meta">
                                            <div class="reports-count">
                                                <i class="fas fa-flag"></i> 47 Reports
                                            </div>
                                            <div class="report-date">
                                                Last report: 3 days ago
                                            </div>
                                        </div>
                                        <button class="view-details-btn" data-company="cryptofunds">
                                            View Details
                                        </button>
                                    </div>
                                </div>
                                
                                <!-- Company 2 -->
                                <div class="company-card">
                                    <div class="company-header">
                                        <div class="company-logo">
                                            <span>WG</span>
                                        </div>
                                        <div class="company-info">
                                            <div class="company-name">WealthGuard Investments</div>
                                            <div class="company-industry">
                                                <i class="fas fa-hand-holding-usd"></i> Financial Advisory
                                            </div>
                                        </div>
                                    </div>
                                    <div class="company-body">
                                        <div class="company-allegations">
                                            <small class="text-muted">Primary Allegations:</small>
                                            <div class="allegation-tags">
                                                <span class="allegation-tag">Investment Fraud</span>
                                                <span class="allegation-tag">Unauthorized Trading</span>
                                                <span class="allegation-tag">Embezzlement</span>
                                            </div>
                                        </div>
                                        <p class="company-description text-muted" style="font-size: 14px; line-height: 1.5;">
                                            Unauthorized fund transfers, fake investment statements, and refusal to process withdrawals.
                                        </p>
                                        <div class="company-meta">
                                            <div class="reports-count">
                                                <i class="fas fa-flag"></i> 32 Reports
                                            </div>
                                            <div class="report-date">
                                                Last report: 1 week ago
                                            </div>
                                        </div>
                                        <button class="view-details-btn" data-company="wealthguard">
                                            View Details
                                        </button>
                                    </div>
                                </div>
                                
                                <!-- Company 3 -->
                                <div class="company-card">
                                    <div class="company-header">
                                        <div class="company-logo">
                                            <span>FT</span>
                                        </div>
                                        <div class="company-info">
                                            <div class="company-name">ForexTraders Pro</div>
                                            <div class="company-industry">
                                                <i class="fas fa-globe"></i> Forex Trading
                                            </div>
                                        </div>
                                    </div>
                                    <div class="company-body">
                                        <div class="company-allegations">
                                            <small class="text-muted">Primary Allegations:</small>
                                            <div class="allegation-tags">
                                                <span class="allegation-tag">False Advertising</span>
                                                <span class="allegation-tag">Manipulated Trades</span>
                                                <span class="allegation-tag">Withdrawal Blocks</span>
                                            </div>
                                        </div>
                                        <p class="company-description text-muted" style="font-size: 14px; line-height: 1.5;">
                                            Platform manipulation, unrealistic profit promises, and systematic withdrawal denials.
                                        </p>
                                        <div class="company-meta">
                                            <div class="reports-count">
                                                <i class="fas fa-flag"></i> 28 Reports
                                            </div>
                                            <div class="report-date">
                                                Last report: 2 weeks ago
                                            </div>
                                        </div>
                                        <button class="view-details-btn" data-company="forextraders">
                                            View Details
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Other tabs would contain similar content -->
                        
                        <div class="companies-tab-content" id="recent">
                            <h4 class="mb-4"><i class="fas fa-clock me-2"></i>Recently Reported Companies</h4>
                            <p class="text-muted">New reports are added daily. Check back frequently for updates.</p>
                            <div class="company-grid">
                                <!-- More companies would appear here -->
                            </div>
                        </div>
                    </div>
                    
                    <div class="view-all-companies">
                        <button class="btn-view-all" onclick="window.location.href='whistleblowing-database'">
                            <i class="fas fa-database me-2"></i> View Full Database
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Whistleblower Protections -->
    <section class="protections-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div class="text-center mb-5">
                        <h2 class="mb-3">Your Protection is Our Priority</h2>
                        <p class="text-muted">We provide comprehensive legal and technical protection for whistleblowers</p>
                    </div>
                    
                    <div class="protection-cards">
                        <div class="protection-card">
                            <i class="fas fa-user-secret"></i>
                            <h5>Complete Anonymity</h5>
                            <p>Your identity is never required. We use advanced encryption to protect all communications.</p>
                        </div>
                        <div class="protection-card">
                            <i class="fas fa-balance-scale"></i>
                            <h5>Legal Shield</h5>
                            <p>Protected under Dodd-Frank Act, Sarbanes-Oxley, and international whistleblower laws.</p>
                        </div>
                        <div class="protection-card">
                            <i class="fas fa-shield-alt"></i>
                            <h5>Anti-Retaliation</h5>
                            <p>Retaliation against whistleblowers is illegal. We provide legal support if needed.</p>
                        </div>
                        <div class="protection-card">
                            <i class="fas fa-lock"></i>
                            <h5>Secure Infrastructure</h5>
                            <p>Military-grade encryption, offshore servers, and blockchain verification.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Reporting Form Section -->
    <section class="whistleblowing-form-section" id="report-form">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div class="form-container">
                        <div class="form-header">
                            <h2>Report a Company</h2>
                            <p>Help expose corporate fraud, misconduct, or unethical behavior. All information is confidential.</p>
                        </div>
                        
                        <form id="companyReportForm" method="POST" enctype="multipart/form-data">
                            <input type="hidden" name="csrf_token" value="<?php echo htmlspecialchars($_SESSION['csrf_token'] ?? ''); ?>">
                            <input type="text" name="honeypot" style="display:none;">
                            
                            <!-- Company Information -->
                            <div class="company-info-section">
                                <h5><i class="fas fa-building"></i> Company Information</h5>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="companyName" class="form-label">Company Name *</label>
                                        <input type="text" class="form-control" id="companyName" name="companyName" required placeholder="Enter company name">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="companyWebsite" class="form-label">Company Website/URL</label>
                                        <input type="url" class="form-control" id="companyWebsite" name="companyWebsite" placeholder="https://example.com">
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="companyIndustry" class="form-label">Industry *</label>
                                        <select class="form-control" id="companyIndustry" name="companyIndustry" required>
                                            <option value="">-- Select Industry --</option>
                                            <option value="crypto">Cryptocurrency/Blockchain</option>
                                            <option value="finance">Finance & Investment</option>
                                            <option value="forex">Forex Trading</option>
                                            <option value="realestate">Real Estate</option>
                                            <option value="tech">Technology</option>
                                            <option value="healthcare">Healthcare</option>
                                            <option value="manufacturing">Manufacturing</option>
                                            <option value="other">Other</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="companyCountry" class="form-label">Country of Operation</label>
                                        <input type="text" class="form-control" id="companyCountry" name="companyCountry" placeholder="e.g., United States, Singapore">
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Type of Misconduct -->
                            <div class="mb-4">
                                <label class="form-label">Type of Misconduct *</label>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" id="fraudFinancial" name="misconduct[]" value="financial_fraud">
                                            <label class="form-check-label" for="fraudFinancial">
                                                Financial Fraud & Ponzi Schemes
                                            </label>
                                        </div>
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" id="fraudSecurities" name="misconduct[]" value="securities_fraud">
                                            <label class="form-check-label" for="fraudSecurities">
                                                Securities/Investment Fraud
                                            </label>
                                        </div>
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" id="fraudMoney" name="misconduct[]" value="money_laundering">
                                            <label class="form-check-label" for="fraudMoney">
                                                Money Laundering
                                            </label>
                                        </div>
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" id="fraudCorruption" name="misconduct[]" value="corruption">
                                            <label class="form-check-label" for="fraudCorruption">
                                                Corruption/Bribery
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" id="fraudCrypto" name="misconduct[]" value="crypto_scam">
                                            <label class="form-check-label" for="fraudCrypto">
                                                Cryptocurrency Scam
                                            </label>
                                        </div>
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" id="fraudConsumer" name="misconduct[]" value="consumer_fraud">
                                            <label class="form-check-label" for="fraudConsumer">
                                                Consumer Fraud
                                            </label>
                                        </div>
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" id="fraudOther" name="misconduct[]" value="other">
                                            <label class="form-check-label" for="fraudOther">
                                                Other Illegal Activity
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Detailed Description -->
                            <div class="mb-4">
                                <label for="incidentDescription" class="form-label">Detailed Description *</label>
                                <textarea class="form-control" id="incidentDescription" name="incidentDescription" rows="6" required 
                                    placeholder="Provide specific details including:
• How you encountered this company
• What fraudulent activities you observed
• Dates and amounts involved
• Names of individuals involved (if known)
• Any evidence you have
• Impact on victims"></textarea>
                                <small class="form-text text-muted">Be as detailed and factual as possible. Include dates, amounts, and specific incidents.</small>
                            </div>
                            
                            <!-- Evidence Upload -->
                            <div class="mb-4">
                                <label for="evidenceFiles" class="form-label">Upload Evidence (Optional but Recommended)</label>
                                <div class="file-upload-area">
                                    <div class="file-upload-box" id="evidenceUploadBox">
                                        <i class="fas fa-cloud-upload-alt fa-3x"></i>
                                        <p>Drag & drop files here or click to browse</p>
                                        <small class="text-muted">Max 10 files, 25MB each. Supported: Images, PDF, Documents, Screenshots</small>
                                    </div>
                                    <input type="file" id="evidenceFiles" name="evidenceFiles[]" multiple 
                                        accept=".jpg,.jpeg,.png,.pdf,.txt,.doc,.docx,.csv,.xlsx" 
                                        class="file-input" style="display: none;">
                                    <div class="file-preview" id="evidencePreview"></div>
                                </div>
                            </div>
                            
                            <!-- Whistleblower Information (Optional) -->
                            <div class="contact-section mb-4 p-4 bg-light rounded">
                                <h5 class="mb-3"><i class="fas fa-user-circle"></i> Your Information (Optional)</h5>
                                <p class="text-muted mb-3">You can remain completely anonymous. If you provide contact information, we can update you on the investigation.</p>
                                
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group mb-3">
                                            <label for="whistleblowerName">Your Name/Alias</label>
                                            <input type="text" class="form-control" id="whistleblowerName" name="whistleblowerName" placeholder="Optional - can remain anonymous">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group mb-3">
                                            <label for="whistleblowerEmail">Email Address</label>
                                            <input type="email" class="form-control" id="whistleblowerEmail" name="whistleblowerEmail" placeholder="Optional">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group mb-3">
                                    <label for="contactMethod">Preferred Contact Method (if provided)</label>
                                    <select class="form-control" id="contactMethod" name="contactMethod">
                                        <option value="anonymous">I wish to remain completely anonymous</option>
                                        <option value="secure_email">Secure encrypted email</option>
                                        <option value="signal">Signal/Encrypted messaging</option>
                                    </select>
                                </div>
                                
                                <div class="form-check mb-3">
                                    <input class="form-check-input" type="checkbox" id="victimStatus" name="victimStatus">
                                    <label class="form-check-label" for="victimStatus">
                                        I am/was a victim of this company's fraudulent activities
                                    </label>
                                </div>
                            </div>
                            
                            <!-- Confidentiality Agreement -->
                            <div class="confidentiality-agreement mb-4 p-4 bg-warning-light rounded">
                                <div class="form-check mb-3">
                                    <input class="form-check-input" type="checkbox" id="agreementTruthful" name="agreementTruthful" required>
                                    <label class="form-check-label" for="agreementTruthful">
                                        <strong>I confirm that to the best of my knowledge, the information provided is true and accurate.</strong>
                                    </label>
                                </div>
                                <div class="form-check mb-3">
                                    <input class="form-check-input" type="checkbox" id="agreementConfidential" name="agreementConfidential" required>
                                    <label class="form-check-label" for="agreementConfidential">
                                        <strong>I understand this report will be handled with strict confidentiality and in accordance with whistleblower protection laws.</strong>
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="agreementPurpose" name="agreementPurpose" required>
                                    <label class="form-check-label" for="agreementPurpose">
                                        <strong>I am submitting this report for the purpose of exposing corporate fraud and misconduct.</strong>
                                    </label>
                                </div>
                            </div>
                            
                            <!-- Submit Button -->
                            <div class="form-submit text-center">
                                <button type="submit" class="btn btn-primary btn-lg px-5 py-3" id="submitReportBtn">
                                    <i class="fas fa-paper-plane mr-2"></i> Submit Anonymous Report
                                </button>
                                <p class="mt-3 text-muted">
                                    <i class="fas fa-shield-alt"></i> Encrypted transmission • Case ID generated upon submission
                                </p>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="text-center mb-5">
                        <h2 class="mb-3">Frequently Asked Questions</h2>
                        <p class="text-muted">Everything you need to know about whistleblowing</p>
                    </div>
                    
                    <div class="faq-container">
                        <div class="faq-item">
                            <div class="faq-question">
                                <span>Is whistleblowing really anonymous?</span>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="faq-answer">
                                <p><strong>Yes, absolutely.</strong> We never require personally identifiable information. Our platform uses end-to-end encryption, and we operate under legal privilege to protect your identity. We've successfully protected over 1,000 whistleblowers without a single identity breach.</p>
                            </div>
                        </div>
                        
                        <div class="faq-item">
                            <div class="faq-question">
                                <span>What happens after I submit a report?</span>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="faq-answer">
                                <p>Our specialized team reviews each report within 24 hours. If credible, we:</p>
                                <ol>
                                    <li>Analyze evidence and verify claims</li>
                                    <li>Share with appropriate regulatory bodies (SEC, FINRA, etc.)</li>
                                    <li>Connect with law enforcement if criminal activity is involved</li>
                                    <li>Potentially initiate class-action lawsuits</li>
                                </ol>
                                <p>You'll receive a case number and can check status updates (if you provide contact info).</p>
                            </div>
                        </div>
                        
                        <div class="faq-item">
                            <div class="faq-question">
                                <span>What kind of companies can I report?</span>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="faq-answer">
                                <p>You can report any company involved in fraudulent activities, including:</p>
                                <ul>
                                    <li><strong>Investment scams:</strong> Ponzi schemes, fake trading platforms</li>
                                    <li><strong>Cryptocurrency fraud:</strong> Fake ICOs, rug pulls, exchange scams</li>
                                    <li><strong>Financial institutions:</strong> Banks, brokers committing fraud</li>
                                    <li><strong>Consumer fraud:</strong> Companies defrauding customers</li>
                                    <li><strong>Corporate misconduct:</strong> Accounting fraud, insider trading</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="faq-item">
                            <div class="faq-question">
                                <span>What evidence should I provide?</span>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="faq-answer">
                                <p>Strong evidence increases the chances of action. We recommend:</p>
                                <ul>
                                    <li><strong>Screenshots:</strong> Conversations, transactions, account statements</li>
                                    <li><strong>Documents:</strong> Contracts, agreements, emails</li>
                                    <li><strong>Transaction records:</strong> Bank transfers, crypto transactions</li>
                                    <li><strong>Communication logs:</strong> Emails, chat histories</li>
                                    <li><strong>Website links:</strong> Company websites, social media profiles</li>
                                </ul>
                                <p>Even if you don't have evidence, still report - your information might connect with other reports.</p>
                            </div>
                        </div>
                        
                        <div class="faq-item">
                            <div class="faq-question">
                                <span>Are there rewards for whistleblowers?</span>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="faq-answer">
                                <p><strong>Yes, potentially.</strong> Many jurisdictions offer whistleblower rewards:</p>
                                <ul>
                                    <li><strong>USA:</strong> SEC offers 10-30% of sanctions over $1 million</li>
                                    <li><strong>UK:</strong> FCA offers rewards for certain reports</li>
                                    <li><strong>EU:</strong> New whistleblower directive provides protections</li>
                                </ul>
                                <p>We can help you navigate reward programs if your report leads to successful enforcement action.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="cta-content">
                        <h2 class="mb-4">Together, We Can Fight Corporate Fraud</h2>
                        <p class="mb-5">Your report could save thousands of people from financial ruin. Every piece of information helps build cases against fraudulent companies and brings them to justice.</p>
                        
                        <div class="cta-buttons">
                            <button class="btn-cta-primary" onclick="document.getElementById('report-form').scrollIntoView({behavior: 'smooth'})">
                                <i class="fas fa-flag mr-2"></i> Report a Company Now
                            </button>
                            <button class="btn-cta-secondary" onclick="openDatabase()">
                                <i class="fas fa-search mr-2"></i> Search Reported Companies
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Company Details Modal -->
    <div class="company-modal" id="companyModal">
        <div class="modal-content">
            <button class="modal-close" onclick="closeModal()">
                <i class="fas fa-times"></i>
            </button>
            
            <div class="modal-header">
                <div class="modal-company-logo">
                    CF
                </div>
                <div class="modal-header-content">
                    <h2 class="modal-company-name">CryptoFunds Ltd</h2>
                    <div class="modal-company-industry">
                        <i class="fas fa-chart-line mr-2"></i> Cryptocurrency Investment Platform
                    </div>
                </div>
            </div>
            
            <div class="modal-body">
                <!-- Allegations Section -->
                <div class="modal-section">
                    <h3 class="section-title">
                        <i class="fas fa-exclamation-triangle text-danger"></i>
                        Primary Allegations
                    </h3>
                    <div class="modal-allegations">
                        <span class="modal-allegation">
                            <i class="fas fa-skull-crossbones"></i> Ponzi Scheme
                        </span>
                        <span class="modal-allegation">
                            <i class="fas fa-money-bill-wave"></i> Money Laundering
                        </span>
                        <span class="modal-allegation">
                            <i class="fas fa-gavel"></i> Securities Fraud
                        </span>
                        <span class="modal-allegation">
                            <i class="fas fa-user-secret"></i> Identity Theft
                        </span>
                    </div>
                </div>
                
                <!-- Company Details -->
                <div class="modal-section">
                    <h3 class="section-title">
                        <i class="fas fa-info-circle"></i>
                        Company Details
                    </h3>
                    <div class="modal-details-grid">
                        <div class="detail-item">
                            <span class="detail-label">Registered Name:</span>
                            <span class="detail-value">CryptoFunds Limited</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Website:</span>
                            <span class="detail-value">cryptofunds-ltd.com</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Founded:</span>
                            <span class="detail-value">2021</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Headquarters:</span>
                            <span class="detail-value">Dubai, UAE</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Operations:</span>
                            <span class="detail-value">Global</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Regulatory Status:</span>
                            <span class="detail-value text-danger">Unregulated</span>
                        </div>
                    </div>
                </div>
                
                <!-- Reports Summary -->
                <div class="modal-section">
                    <h3 class="section-title">
                        <i class="fas fa-flag"></i>
                        Reports Summary
                    </h3>
                    <div class="modal-details-grid">
                        <div class="detail-item">
                            <span class="detail-label">Total Reports:</span>
                            <span class="detail-value">47</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">First Report:</span>
                            <span class="detail-value">March 2022</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Latest Report:</span>
                            <span class="detail-value">3 days ago</span>
                        </div>
                        <div class="detail-item">
                            <span class="detail-label">Estimated Losses:</span>
                            <span class="detail-value">$12.7M+</span>
                        </div>
                    </div>
                </div>
                
                <!-- Modus Operandi -->
                <div class="modal-section">
                    <h3 class="section-title">
                        <i class="fas fa-user-ninja"></i>
                        Modus Operandi
                    </h3>
                    <p class="mb-3">CryptoFunds Ltd operates as a sophisticated cryptocurrency investment Ponzi scheme:</p>
                    <ul class="mb-3">
                        <li>Promises guaranteed returns of 3-5% daily</li>
                        <li>Uses fake trading bot claims to justify profits</li>
                        <li>Pays early investors with new investor funds</li>
                        <li>Blocks withdrawals after large deposits</li>
                        <li>Uses fake celebrity endorsements</li>
                    </ul>
                    <p><strong>Red Flags:</strong> Unrealistic returns, pressure to reinvest, withdrawal delays, fake testimonials.</p>
                </div>
                
                <!-- Status -->
                <div class="modal-section">
                    <h3 class="section-title">
                        <i class="fas fa-search"></i>
                        Investigation Status
                    </h3>
                    <div class="alert alert-warning">
                        <div class="d-flex align-items-center">
                            <i class="fas fa-exclamation-triangle fa-2x mr-3"></i>
                            <div>
                                <h5 class="mb-1">Active Investigation</h5>
                                <p class="mb-0">Multiple regulatory bodies are investigating CryptoFunds Ltd. We recommend avoiding any interaction with this company.</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Report This Company Button -->
                <div class="modal-section text-center">
                    <button class="btn btn-danger btn-lg px-5 py-3" onclick="document.getElementById('report-form').scrollIntoView({behavior: 'smooth'}); closeModal();">
                        <i class="fas fa-flag mr-2"></i> Report This Company
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer area start -->
    <?php include 'footer.php'; ?>
    <!-- Footer area end -->

    <!-- JavaScript Libraries -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/meanmenu.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/magnific-popup.min.js"></script>
    <script src="assets/js/TweenMax.js"></script>
    <script src="assets/js/nice-select.min.js"></script>
    <script src="assets/js/appear.min.js"></script>
    <script src="assets/js/barfiller.js"></script>
    <script src="assets/js/odometer.min.js"></script>
    <script src="assets/js/custom.js"></script>
    
    <!-- SweetAlert JS -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    
    <!-- Whistleblowing JavaScript -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        console.log('✅ Whistleblowing portal loaded');
        
        // Initialize tab functionality
        initTabs();
        
        // Initialize FAQ functionality
        initFAQ();
        
        // Initialize file upload
        initFileUpload();
        
        // Initialize form validation
        initFormValidation();
        
        // Initialize company modal
        initCompanyModal();
        
        // Statistics animation
        animateStatistics();
    });
    
    function initTabs() {
        const tabBtns = document.querySelectorAll('.companies-tab-btn');
        const tabContents = document.querySelectorAll('.companies-tab-content');
        
        tabBtns.forEach(btn => {
            btn.addEventListener('click', function() {
                const tabId = this.getAttribute('data-tab');
                
                // Update active tab button
                tabBtns.forEach(b => b.classList.remove('active'));
                this.classList.add('active');
                
                // Update active tab content
                tabContents.forEach(c => c.classList.remove('active'));
                document.getElementById(tabId).classList.add('active');
            });
        });
    }
    
    function initFAQ() {
        const faqItems = document.querySelectorAll('.faq-item');
        
        faqItems.forEach(item => {
            const question = item.querySelector('.faq-question');
            
            question.addEventListener('click', function() {
                // Close other FAQ items
                faqItems.forEach(otherItem => {
                    if (otherItem !== item && otherItem.classList.contains('active')) {
                        otherItem.classList.remove('active');
                    }
                });
                
                // Toggle current FAQ item
                item.classList.toggle('active');
            });
        });
    }
    
    function initFileUpload() {
        const uploadBox = document.getElementById('evidenceUploadBox');
        const fileInput = document.getElementById('evidenceFiles');
        const preview = document.getElementById('evidencePreview');
        
        if (uploadBox && fileInput) {
            uploadBox.addEventListener('click', () => fileInput.click());
            
            fileInput.addEventListener('change', function(e) {
                preview.innerHTML = '';
                const files = Array.from(e.target.files);
                
                files.forEach((file, index) => {
                    const fileItem = document.createElement('div');
                    fileItem.className = 'file-item alert alert-light d-flex justify-content-between align-items-center mb-2';
                    fileItem.innerHTML = `
                        <div class="file-info d-flex align-items-center">
                            <i class="fas fa-file me-2 text-primary"></i>
                            <div>
                                <div class="fw-bold">${file.name}</div>
                                <small class="text-muted">${formatFileSize(file.size)}</small>
                            </div>
                        </div>
                        <button type="button" class="btn btn-sm btn-danger remove-file" data-index="${index}">
                            <i class="fas fa-times"></i>
                        </button>
                    `;
                    preview.appendChild(fileItem);
                });
                
                // Add remove file functionality
                preview.querySelectorAll('.remove-file').forEach(btn => {
                    btn.addEventListener('click', function() {
                        const index = parseInt(this.getAttribute('data-index'));
                        const dt = new DataTransfer();
                        const files = Array.from(fileInput.files);
                        
                        files.splice(index, 1);
                        files.forEach(file => dt.items.add(file));
                        fileInput.files = dt.files;
                        
                        // Trigger change event
                        fileInput.dispatchEvent(new Event('change'));
                    });
                });
            });
        }
    }
    
    function formatFileSize(bytes) {
        if (bytes === 0) return '0 Bytes';
        const k = 1024;
        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
        const i = Math.floor(Math.log(bytes) / Math.log(k));
        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
    }
    
    function initFormValidation() {
        const form = document.getElementById('companyReportForm');
        const submitBtn = document.getElementById('submitReportBtn');
        
        if (form) {
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                
                // Basic validation
                const companyName = document.getElementById('companyName').value.trim();
                const description = document.getElementById('incidentDescription').value.trim();
                const misconduct = document.querySelectorAll('input[name="misconduct[]"]:checked');
                
                let isValid = true;
                let errorMessage = '';
                
                if (!companyName) {
                    isValid = false;
                    errorMessage = 'Please enter the company name';
                } else if (!description) {
                    isValid = false;
                    errorMessage = 'Please provide a detailed description';
                } else if (description.length < 100) {
                    isValid = false;
                    errorMessage = 'Please provide more detailed information (minimum 100 characters)';
                } else if (misconduct.length === 0) {
                    isValid = false;
                    errorMessage = 'Please select at least one type of misconduct';
                }
                
                if (!isValid) {
                    Swal.fire({
                        title: 'Validation Error',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#dc3545'
                    });
                    return;
                }
                
                // Show loading
                submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Submitting Report...';
                submitBtn.disabled = true;
                
                // Simulate submission (replace with actual AJAX call)
                setTimeout(() => {
                    Swal.fire({
                        title: 'Report Submitted Successfully!',
                        html: `
                            <div class="text-center">
                                <i class="fas fa-check-circle fa-4x text-success mb-3"></i>
                                <h4>Case #WB-${Date.now().toString().slice(-8)}</h4>
                                <p class="mt-3">Your anonymous report has been received. Our team will review it within 24 hours.</p>
                                <div class="alert alert-info mt-3">
                                    <i class="fas fa-lightbulb mr-2"></i>
                                    <strong>Remember:</strong> You can use the case number above to check status updates.
                                </div>
                            </div>
                        `,
                        icon: 'success',
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#3f9f42',
                        allowOutsideClick: false
                    }).then(() => {
                        // Reset form
                        form.reset();
                        document.getElementById('evidencePreview').innerHTML = '';
                        submitBtn.innerHTML = '<i class="fas fa-paper-plane mr-2"></i> Submit Anonymous Report';
                        submitBtn.disabled = false;
                        
                        // Scroll to top
                        window.scrollTo({ top: 0, behavior: 'smooth' });
                    });
                }, 2000);
            });
        }
    }
    
    function initCompanyModal() {
        const modal = document.getElementById('companyModal');
        const viewButtons = document.querySelectorAll('.view-details-btn');
        const closeBtn = modal.querySelector('.modal-close');
        
        // Open modal when clicking view details
        viewButtons.forEach(btn => {
            btn.addEventListener('click', function() {
                const companyId = this.getAttribute('data-company');
                // In a real implementation, you would fetch company data based on ID
                openModal();
            });
        });
        
        // Close modal when clicking close button
        closeBtn.addEventListener('click', closeModal);
        
        // Close modal when clicking outside
        modal.addEventListener('click', function(e) {
            if (e.target === modal) {
                closeModal();
            }
        });
        
        // Close modal with ESC key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape' && modal.classList.contains('active')) {
                closeModal();
            }
        });
    }
    
    function openModal() {
        const modal = document.getElementById('companyModal');
        modal.classList.add('active');
        document.body.style.overflow = 'hidden';
    }
    
    function closeModal() {
        const modal = document.getElementById('companyModal');
        modal.classList.remove('active');
        document.body.style.overflow = 'auto';
    }
    
    function openDatabase() {
        window.location.href = 'whistleblowing-database.php';
    }
    
    function animateStatistics() {
        const statNumbers = document.querySelectorAll('.stat-number');
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const element = entry.target;
                    const target = parseInt(element.textContent);
                    const suffix = element.textContent.includes('B') ? 'B' : '';
                    
                    let start = 0;
                    const duration = 2000;
                    const increment = target / (duration / 16);
                    
                    const timer = setInterval(() => {
                        start += increment;
                        if (start >= target) {
                            element.textContent = target + suffix;
                            clearInterval(timer);
                        } else {
                            element.textContent = Math.floor(start) + suffix;
                        }
                    }, 16);
                    
                    observer.unobserve(element);
                }
            });
        }, { threshold: 0.5 });
        
        statNumbers.forEach(number => observer.observe(number));
    }
    </script>
</body>
</html>