File Manager

✏️ Edit File: /home/sgssmau.org/public_html/donate.php

<?php
session_start();
require_once 'config/database.php';
require_once 'includes/functions.php';

$settings = getSiteSettings();
$pdo = getConnection(); // Initialize PDO for global use
$success = '';
$errors = [];

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (!verifyCSRFToken($_POST['csrf_token'] ?? '')) {
        $errors[] = 'Invalid security token';
    } else {
        $data = [
            'donor_name' => sanitizeInput($_POST['donor_name'] ?? ''),
            'donor_email' => sanitizeInput($_POST['donor_email'] ?? ''),
            'donor_phone' => sanitizeInput($_POST['donor_phone'] ?? ''),
            'donor_address' => sanitizeInput($_POST['donor_address'] ?? ''),
            'pan_card_number' => sanitizeInput($_POST['pan_card_number'] ?? ''),
            'amount' => floatval($_POST['amount'] ?? 0),
            'cause' => sanitizeInput($_POST['cause'] ?? ''),
            'message' => sanitizeInput($_POST['message'] ?? ''),
            'is_anonymous' => isset($_POST['is_anonymous']) ? 1 : 0,
            'payment_method' => sanitizeInput($_POST['payment_method'] ?? 'manual'),
            'payment_mode' => sanitizeInput($_POST['payment_mode'] ?? 'online_transfer'),
            'transaction_id' => sanitizeInput($_POST['transaction_id'] ?? '')
        ];
        
        // Validation
        if (empty($data['donor_name'])) $errors[] = 'Name is required';
        if (empty($data['donor_email']) || !validateEmail($data['donor_email'])) $errors[] = 'Valid email is required';
        if (empty($data['donor_phone'])) $errors[] = 'Phone number is required';
        if (empty($data['donor_address'])) $errors[] = 'Address is required';
        if ($data['amount'] < 1) $errors[] = 'Minimum donation amount is ₹1';
        if (empty($data['payment_mode'])) $errors[] = 'Payment mode is required';
        
        // Handle file upload for payment slip
        $paymentSlip = '';
        if (isset($_FILES['payment_slip']) && $_FILES['payment_slip']['error'] === UPLOAD_ERR_OK) {
            $uploadDir = 'uploads/payment_slips/';
            if (!is_dir($uploadDir)) {
                mkdir($uploadDir, 0755, true);
            }
            
            $fileInfo = pathinfo($_FILES['payment_slip']['name']);
            $allowedTypes = ['jpg', 'jpeg', 'png', 'pdf'];
            
            if (in_array(strtolower($fileInfo['extension']), $allowedTypes)) {
                $fileName = 'payment_' . time() . '_' . rand(100000, 999999) . '.' . $fileInfo['extension'];
                $uploadPath = $uploadDir . $fileName;
                
                if (move_uploaded_file($_FILES['payment_slip']['tmp_name'], $uploadPath)) {
                    $paymentSlip = $fileName;
                } else {
                    $errors[] = 'Failed to upload payment slip';
                }
            } else {
                $errors[] = 'Payment slip must be JPG, JPEG, PNG, or PDF format';
            }
        } else {
            $errors[] = 'Payment slip is required';
        }
        
        if (empty($errors)) {
            try {
                $pdo = getConnection();
                
                // Generate receipt number
                $receiptNumber = generateDonationReceiptNumber();
                
                $stmt = $pdo->prepare("
                    INSERT INTO donations (donor_name, donor_email, donor_phone, donor_address, pan_card_number, amount, cause, message, is_anonymous, payment_method, payment_mode, transaction_id, payment_slip, status, receipt_number, currency) 
                    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 'pending', ?, 'INR')
                ");
                
                if ($stmt->execute([
                    $data['donor_name'],
                    $data['donor_email'],
                    $data['donor_phone'],
                    $data['donor_address'],
                    $data['pan_card_number'],
                    $data['amount'],
                    $data['cause'],
                    $data['message'],
                    $data['is_anonymous'],
                    $data['payment_method'],
                    $data['payment_mode'],
                    $data['transaction_id'],
                    $paymentSlip,
                    $receiptNumber
                ])) {
                    $donationId = $pdo->lastInsertId();
                    $success = 'Thank you for your donation! Your donation has been submitted for approval. Receipt Number: ' . $receiptNumber;
                }
            } catch (Exception $e) {
                error_log("Donation error: " . $e->getMessage());
                $errors[] = 'An error occurred. Please try again.';
            }
        }
    }
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $settings['site_name'] ?? 'Hope Foundation'; ?> - Making a Difference Together</title>
    <meta name="description" content="<?php echo $settings['site_description'] ?? 'Join our mission to create positive change in communities worldwide through education, healthcare, and social development programs.'; ?>">
    <meta name="keywords" content="NGO, charity, donation, social work, community development, education, healthcare">
    
    
    <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
    
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />

<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

#problem_btn {
            position: fixed;
            left: -42px;
            bottom: 300px;
            background: #007bff;
            color: white;
            transform: rotate(90deg);
            padding: 5px 15px;
            border: none;
            z-index: 9999;
            border-radius: 0 0 10px 10px;
            font-family: 'Poppins', sans-serif;
            letter-spacing: 1px;
            cursor: pointer;
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }

/* News Bar */
        .floating-news-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(90deg, #0056b3, #007bff);
            color: #fff;
            border-top: 2px solid #004a99;
            box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.15);
            z-index: 1000;
            font-family: "Segoe UI", Arial, sans-serif;
            padding: 8px 0;
            font-size: 14px;
        }

.news-bar-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

.news-bar-title {
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

.news-bar-close {
            background: transparent;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.6);
            border-radius: 50%;
            width: 20px;
            height: 20px;
            cursor: pointer;
            font-weight: bold;
            font-size: 12px;
            line-height: 18px;
            text-align: center;
            transition: all 0.2s ease-in-out;
        }

.news-bar-close:hover {
            background: rgba(255, 255, 255, 0.2);
        }

.news-ticker {
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            margin-left: 15px;
            position: relative;
        }

.news-items {
            display: inline-block;
            animation: scrollNews 30s linear infinite;
        }

.news-items span {
            margin-right: 50px;
            color: #fff;
        }

@keyframes scrollNews {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }

@media (max-width: 768px) {
            .floating-news-bar { font-size: 12px; }
            .news-items span { margin-right: 30px; }
            #problem_btn { display: none; }
        }
        
        /* Footer Styles */
        .footer-custom {
            background: linear-gradient(60deg, <?php echo $settings['footer_color_1'] ?? '#0c0a47'; ?> 50%, <?php echo $settings['footer_color_2'] ?? '#067502'; ?> 50%) !important;
        }
        .footer-links li { list-style: none; margin-bottom: 8px; }
        .footer-links a { color: white; text-decoration: none; transition: 0.3s; }
        .footer-links a:hover { text-decoration: underline; }
        .social-link { color: white; font-size: 1.2rem; transition: 0.3s; }
        .social-link:hover { color: #f5f5f5; }
        /* Mobile site name visibility control - ONLY on mobile */
        @media (max-width: 768px) {
            .site-name-mobile {
                display: none !important;
            }
            
            .header-container {
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                padding: 10px 15px;
            }
            
            .logo-container {
                display: flex;
                align-items: center;
            }
            
            .button-container {
                flex-shrink: 0;
                margin-left: 10px;
            }
            
            .btn-membership {
                font-size: 0.9rem;
                padding: 8px 15px;
                white-space: nowrap;
            }
            
            .logo-container img {
                height: 60px !important;
            }
            
            .logo-container .fs-2 {
                font-size: 1.5rem !important;
            }
        }
        
        /* Desktop styles */
        @media (min-width: 769px) {
            .header-container {
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                padding: 10px 30px;
            }
            
            .site-name-mobile {
                display: block !important;
                margin-left: 15px;
            }
            
            .logo-container {
                display: flex;
                align-items: center;
            }
            
            .btn-membership {
                font-size: 1.1rem;
                padding: 10px 20px;
            }
            
            .logo-container img {
                height: 80px !important;
            }
        }
        
        /* Base button styles */
        .btn-membership {
            background-color: #ff5733;
            color: white;
            border-radius: 30px;
            transition: 0.3s ease;
            white-space: nowrap;
            display: inline-block;
            text-align: center;
            font-weight: 500;
        }
        
        .btn-membership:hover {
            background-color: #e64520;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }

.navbar-brand {
            background-color: #f8f9fa;
            display: block;
            padding: 0;
        }
        
        .site-name-mobile {
            color: #007bff;
            font-weight: 700;
            margin: 0;
            font-size: 1.8rem;
        }
        
        .logo-container .fa-heart {
            color: #007bff;
        }

/* ✅ Navbar Custom Gradient */
        .navbar-custom {
            background: linear-gradient(60deg, <?php echo $settings['menu_color_1'] ?? '#0c0a47'; ?> 50%, <?php echo $settings['menu_color_2'] ?? '#067502'; ?> 50%);
            color: white;
        }

.navbar-custom .nav-link {
            color: white !important;
            font-weight: 400;
        }

.navbar-custom .nav-link:hover {
            text-decoration: underline;
        }

/* ✅ Mobile Toggler White */
        .navbar-custom .navbar-toggler {
            border: none;
        }

.navbar-custom .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

/*  Donate Now Button */
        .btn-custom {
            background: white;
            color: #e30613 !important;
            font-weight: 600;
            border-radius: 20px;
            padding: 5px 15px;
            margin-left: 15px;
            transition: 0.3s;
            text-decoration: none;
        }

.btn-custom:hover {
            background: #f5f5f5;
            color: #0a1a64 !important;
        }
    </style>
</head>
<body>
    <!-- Floating Buttons >
    <button id="problem_btn" type="button" onclick="window.location.href='complain-form.php'">आपकी समस्य दर्ज करें</button>
    
    <a href="tel:<?php echo $settings['site_phone'] ?? '+917055551888'; ?>" id="call_btn" target="_blank">
        <i class="fas fa-phone"></i>
    </a>
    <a href="https://wa.me/<?php echo preg_replace('/[^0-9]/', '', $settings['site_phone'] ?? '+917055551888'); ?>" id="whatsapp_btn" target="_blank">
        <i class="fab fa-whatsapp"></i>
    </a>

<?php 
    $base_url = './';
    include 'includes/topbar.php'; 
    ?>
    
    <a class="navbar-brand" href="index.php">
        <div class="header-container">
            
            <div class="logo-container">
                <?php if ($settings['site_logo'] ?? false): ?>
                    <img src="uploads/logo/<?php echo $settings['site_logo']; ?>" alt="Logo" height="80" class="me-2">
                <?php else: ?>
                    <i class="fas fa-heart text-primary me-2 fs-2"></i>
                <?php endif; ?>
                <h2 class="site-name-mobile d-none d-md-block"><?php echo $settings['site_name'] ?? 'Hope Foundation'; ?></h2>
            </div>

<div class="button-container">
                <a href="member/register.php" class="btn btn-membership">
                    <i class="fas fa-user-plus me-2"></i>Apply for Membership
                </a>
            </div>
        </div>
    </a>

<?php include 'includes/navbar.php'; ?>

<div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                
                <div class="text-center mb-5">
                    <h1 class="display-4 fw-bold text-primary mb-3">Make a Donation</h1>
                    <p class="lead text-muted">Your generosity helps us create positive change in communities worldwide</p>
                </div>

<div class="row g-4 mb-5">
                    <div class="col-md-4">
                        <div class="card text-center h-100">
                            <div class="card-body">
                                <div class="text-primary mb-3">
                                    <i class="fas fa-graduation-cap fa-3x"></i>
                                </div>
                                <h5>₹500</h5>
                                <p class="text-muted">Provides school supplies for one child for a month</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card text-center h-100">
                            <div class="card-body">
                                <div class="text-success mb-3">
                                    <i class="fas fa-heartbeat fa-3x"></i>
                                </div>
                                <h5>₹1000</h5>
                                <p class="text-muted">Covers basic healthcare for a family for one month</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card text-center h-100">
                            <div class="card-body">
                                <div class="text-info mb-3">
                                    <i class="fas fa-tint fa-3x"></i>
                                </div>
                                <h5>₹2500</h5>
                                <p class="text-muted">Helps build clean water access for a community</p>
                            </div>
                        </div>
                    </div>
                </div>

<div class="card shadow-lg border-0 rounded-lg-custom">
                    <div class="card-header bg-primary text-white text-center py-4">
                        <h3 class="mb-0">
                            <i class="fas fa-heart me-2"></i>Donation Details
                        </h3>
                    </div>
                    
                    <div class="card-body p-5">
                        <?php if (!empty($errors)): ?>
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    <?php foreach ($errors as $error): ?>
                                        <li><?php echo htmlspecialchars($error); ?></li>
                                    <?php endforeach; ?>
                                </ul>
                            </div>
                        <?php endif; ?>
                        
                        <?php if ($success): ?>
                            <div class="alert alert-success">
                                <i class="fas fa-check-circle me-2"></i><?php echo htmlspecialchars($success); ?>
                            </div>
                        <?php endif; ?>
                        
                        <form method="POST" enctype="multipart/form-data" novalidate>
                            <input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
                            
                            
                            <div class="mb-4">
                                <h5 class="text-primary mb-3">
                                    <i class="fas fa-rupee-sign me-2"></i>Donation Amount
                                </h5>
                                
                                
                                <div class="row g-2 mb-3">
                                    <div class="col-6 col-md-3">
                                        <button type="button" class="btn btn-outline-primary w-100 amount-btn" data-amount="500">₹500</button>
                                    </div>
                                    <div class="col-6 col-md-3">
                                        <button type="button" class="btn btn-outline-primary w-100 amount-btn" data-amount="1000">₹1000</button>
                                    </div>
                                    <div class="col-6 col-md-3">
                                        <button type="button" class="btn btn-outline-primary w-100 amount-btn" data-amount="2500">₹2500</button>
                                    </div>
                                    <div class="col-6 col-md-3">
                                        <button type="button" class="btn btn-outline-primary w-100 amount-btn" data-amount="5000">₹5000</button>
                                    </div>
                                </div>
                                
                                <div class="input-group">
                                    <span class="input-group-text">₹</span>
                                    <input type="number" name="amount" id="donationAmount" class="form-control" 
                                           placeholder="Enter custom amount" min="1" step="0.01" required>
                                </div>
                            </div>
                            
                            
                            <div class="mb-4">
                                <h5 class="text-primary mb-3">
                                    <i class="fas fa-hand-holding-heart me-2"></i>Choose a Cause
                                </h5>
                                <select name="cause" class="form-select" required>
                                    <option value="">Where needed most</option>
                                    <?php 
                                    $activeCauses = getDonationCauses('active');
                                    foreach ($activeCauses as $causeItem): 
                                    ?>
                                        <option value="<?php echo htmlspecialchars($causeItem['value']); ?>">
                                            <?php echo htmlspecialchars($causeItem['title']); ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                            
                            
                            <div class="mb-4">
                                <h5 class="text-primary mb-3">
                                    <i class="fas fa-user me-2"></i>Your Information
                                </h5>
                                
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label class="form-label">Full Name *</label>
                                        <input type="text" name="donor_name" class="form-control" required>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">Email Address *</label>
                                        <input type="email" name="donor_email" class="form-control" required>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">Phone Number *</label>
                                        <input type="tel" name="donor_phone" class="form-control" required>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">PAN Card Number (Optional)</label>
                                        <input type="text" name="pan_card_number" class="form-control" maxlength="10" 
                                               placeholder="ABCDE1234F" style="text-transform: uppercase;">
                                    </div>
                                    <div class="col-12">
                                        <label class="form-label">Address *</label>
                                        <textarea name="donor_address" class="form-control" rows="3" required 
                                                  placeholder="Enter your complete address"></textarea>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="mb-4">
                                <h5 class="text-primary mb-3">
                                    <i class="fas fa-credit-card me-2"></i>Payment Details
                                </h5>
                                
                                
                                <div class="row g-3 mb-3">
                                    <div class="col-md-6">
                                        <label class="form-label">Payment Mode *</label>
                                        <select name="payment_mode" class="form-select" required>
                                            <option value="">Select Payment Mode</option>
                                            <option value="cash">Cash</option>
                                            <option value="cheque">Cheque</option>
                                            <option value="dd">Demand Draft (DD)</option>
                                            <option value="online_transfer">Online Transfer</option>
                                            <option value="upi">UPI</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">Transaction ID (if applicable)</label>
                                        <input type="text" name="transaction_id" class="form-control" 
                                               placeholder="Enter transaction/reference ID">
                                    </div>
                                </div>
                                
                                
                                <div class="mb-3">
                                    <label class="form-label">Payment Slip/Receipt *</label>
                                    <input type="file" name="payment_slip" class="form-control" 
                                           accept=".jpg,.jpeg,.png,.pdf" required>
                                    <div class="form-text">Upload payment slip/receipt (JPG, PNG, PDF - Max 5MB)</div>
                                </div>
                                
                               
<div class="card bg-light border-0 mb-3">
    <div class="card-body text-center">
        <h6 class="mb-3">Scan QR Code to Pay</h6>

<?php if (!empty($settings['payment_qr_code'])): ?>
            <img src="uploads/<?php echo htmlspecialchars($settings['payment_qr_code']); ?>" 
                 alt="Payment QR Code" 
                 class="img-fluid mb-3" 
                 style="max-width: 200px;">
        <?php else: ?>
            <div class="bg-white p-4 d-inline-block rounded border mb-3">
                <i class="fas fa-qrcode fa-4x text-muted"></i>
                <p class="small text-muted mt-2">QR Code Not Available</p>
            </div>
        <?php endif; ?>

<div class="alert alert-info text-start mt-3">
            <h6 class="mb-2">Bank Account Details</h6>
            <p class="mb-1"><strong>Account Name:</strong> Sarvodaya Gramodyog Sewa Sansthan</p>
            <p class="mb-1"><strong>Account Number:</strong> 736202010014220</p>
            <p class="mb-1"><strong>Bank Name:</strong> Union Bank of India</p>
            <p class="mb-1"><strong>Branch Name:</strong> Rajpura</p>
            <p class="mb-0"><strong>IFSC Code:</strong> UBIN0573621</p>
        </div>

<p class="small text-muted mb-0">
            Please pay the entered amount and upload the payment slip/receipt below.
        </p>
    </div>
</div>
                            
                            
                            <div class="mb-4">
                                <h5 class="text-primary mb-3">
                                    <i class="fas fa-comment me-2"></i>Message (Optional)
                                </h5>
                                <textarea name="message" class="form-control" rows="3" 
                                          placeholder="Share why you're donating or leave a message of support..."></textarea>
                            </div>
                            
                            
                            <div class="mb-4">
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="anonymous" name="is_anonymous">
                                    <label class="form-check-label" for="anonymous">
                                        Make this donation anonymous
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="newsletter" name="newsletter">
                                    <label class="form-check-label" for="newsletter">
                                        Subscribe to our newsletter for updates
                                    </label>
                                </div>
                            </div>
                            
                            <input type="hidden" name="payment_method" value="manual">
                            
                            <div class="d-grid">
                                <button type="submit" class="btn btn-primary btn-lg">
                                    <i class="fas fa-heart me-2"></i>Submit Donation
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                
                
                <div class="text-center mt-4">
                    <p class="text-muted">
                        <i class="fas fa-lock me-2"></i>Your donation is secure and encrypted. 
                        We never store your payment information.
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>

<footer class="footer-custom text-white py-5">
        <div class="container">
            <div class="row g-4">
                <div class="col-lg-4">
                    <div class="footer-brand mb-4">
                        <h5 class="fw-bold">
                            <i class="fas fa-heart me-2 text-primary"></i>
                            <?php echo $settings['site_name'] ?? 'Hope Foundation'; ?>
                        </h5>
                        <p class="text-white-50">
                            <?php echo $settings['site_description'] ?? 'Making a positive impact in communities worldwide through sustainable development and social initiatives.'; ?>
                        </p>
                    </div>
                    <div class="footer-social">
                        <a href="<?php echo $settings['facebook_url'] ?? '#'; ?>" class="social-link me-3"><i class="fab fa-facebook-f"></i></a>
                        <a href="<?php echo $settings['twitter_url'] ?? '#'; ?>" class="social-link me-3"><i class="fab fa-twitter"></i></a>
                        <a href="<?php echo $settings['instagram_url'] ?? '#'; ?>" class="social-link me-3"><i class="fab fa-instagram"></i></a>
                        <a href="<?php echo $settings['linkedin_url'] ?? '#'; ?>" class="social-link"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                
                <div class="col-lg-2">
                    <h6 class="fw-bold mb-3">Quick Links</h6>
                    <ul class="footer-links">
                        <li><a href="index.php#about">About Us</a></li>
                        <li><a href="index.php#services">Our Work</a></li>
                        <li><a href="index.php#events">Events</a></li>
                        <li><a href="our-team.php">Team</a></li>
                        <li><a href="contact.php">Contact</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-3">
                    <h6 class="fw-bold mb-3">Get Involved</h6>
                    <ul class="footer-links">
                        <li><a href="member/register.php">Become a Member</a></li>
                        <li><a href="donate.php">Make a Donation</a></li>
                        <li><a href="index.php#volunteer">Volunteer</a></li>
                        <li><a href="index.php#partner">Partner with Us</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-3">
                    <h6 class="fw-bold mb-3">Newsletter</h6>
                    <p class="text-white-50 small">Stay updated with our latest news and events</p>
                    <form class="newsletter-form">
                        <div class="input-group">
                            <input type="email" class="form-control" placeholder="Your email">
                            <button class="btn btn-primary" type="button">
                                <i class="fas fa-paper-plane"></i>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
            
            <hr class="my-4 border-secondary">
            
            <div class="row align-items-center">
                <div class="col-md-6">
                    <p class="text-white-50 mb-0">&copy; <?php echo date('Y'); ?> <?php echo $settings['site_name'] ?? 'Hope Foundation'; ?>. All rights reserved.</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <a href="#" class="text-white-50 text-decoration-none me-3">Privacy Policy</a>
                    <a href="#" class="text-white-50 text-decoration-none">Terms of Service</a>
                </div>
            </div>
        </div>
    </footer>

<div class="floating-news-bar" id="floatingNewsBar">
        <div class="news-bar-container">
            <div class="news-bar-title">📰 News & Updates</div>
            <div class="news-ticker">
                <div class="news-items">
                    <?php 
                    // Fetch latest news if not already available
                    if (!isset($latestNews)) {
                        try {
                            $stmt = $pdo->query("SELECT * FROM news WHERE status = 'published' ORDER BY published_at DESC LIMIT 3");
                            $latestNews = $stmt->fetchAll();
                        } catch (Exception $e) { $latestNews = []; }
                    }
                    if (!empty($latestNews)): 
                        foreach ($latestNews as $article): ?>
                            <span><strong><?php echo date('d M', strtotime($article['published_at'] ?? 'now')); ?>:</strong>
                            <?php echo htmlspecialchars($article['title']); ?></span>
                        <?php endforeach; 
                    else: ?>
                        <span>Latest news and updates from our NGO</span>
                        <span>Join us in making a difference</span>
                    <?php endif; ?>
                </div>
            </div>
            <button class="news-bar-close" id="closeNewsBar">×</button>
        </div>
    </div>

Batal

⬅ Naik ke sgssmau.org 28 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁admin	dir	—	2026-06-04 10:51	📂 Buka
📁assets	dir	—	2026-01-04 18:26	📂 Buka
📁config	dir	—	2026-01-04 18:26	📂 Buka
📁css	dir	—	2026-01-04 18:26	📂 Buka
📁includes	dir	—	2026-02-11 18:57	📂 Buka
📁js	dir	—	2026-01-04 18:26	📂 Buka
📁member	dir	—	2026-06-04 09:12	📂 Buka
📁shop	dir	—	2026-07-05 13:12	📂 Buka
📁tcpdf	dir	—	2026-01-04 18:26	📂 Buka
📁uploads	dir	—	2026-01-11 19:20	📂 Buka
📄.db_initialized	db_initialized	19 B	2026-06-30 05:26	✏️ Edit 👁️ View
🌐0x.html	html	27.9 KB	2026-07-06 19:06	✏️ Edit 👁️ View
🐘apply-job.php	php	12.9 KB	2026-02-20 18:19	✏️ Edit 👁️ View
🐘contact.php	php	22.9 KB	2026-02-12 00:22	✏️ Edit 👁️ View
🐘documents.php	php	10.6 KB	2026-02-11 19:06	✏️ Edit 👁️ View
🐘donate.php	php	40.7 KB	2026-07-02 06:32	✏️ Edit 👁️ View
🐘donation-receipt.php	php	26 KB	2026-02-11 19:08	✏️ Edit 👁️ View
🐘download-receipt.php	php	19.5 KB	2026-01-04 18:26	✏️ Edit 👁️ View
🐘gallery.php	php	15.7 KB	2026-02-11 19:05	✏️ Edit 👁️ View
🌐index.html	html	752 B	2026-02-15 20:01	✏️ Edit 👁️ View
🐘index.php	php	335 B	2026-02-16 01:59	✏️ Edit 👁️ View
🐘index_default.php	php	90.8 KB	2026-06-30 06:34	✏️ Edit 👁️ View
🐘index_modern.php	php	57.9 KB	2026-06-04 10:39	✏️ Edit 👁️ View
🐘management-team.php	php	19.4 KB	2026-02-11 19:07	✏️ Edit 👁️ View
🐘our-team.php	php	15.1 KB	2026-02-11 19:06	✏️ Edit 👁️ View
🐘print-receipt.php	php	18 KB	2026-01-04 18:26	✏️ Edit 👁️ View
🐘terms.php	php	10.4 KB	2026-06-04 09:16	✏️ Edit 👁️ View
🐘upcoming-event.php	php	28.1 KB	2026-02-11 19:10	✏️ Edit 👁️ View