Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: cou.php

<?php
// Start session at the VERY beginning before any output
session_start();

// Check for coupon parameter (not changing flow but kept if needed later)
$couponApplied = isset($_GET['coupon']) && $_GET['coupon'] === 'TECHAK';
$discountedPrice = $couponApplied ? 1399 : 149; // final price now 199 (coupon kept but unlikely)
$originalPrice = 799;

// Generate a unique session ID if not set
if (!isset($_SESSION['user_tracking_id'])) {
    $_SESSION['user_tracking_id'] = bin2hex(random_bytes(16));
}
$session_id = $_SESSION['user_tracking_id'];

$page = $_SERVER['REQUEST_URI'];
$ip = $_SERVER['REMOTE_ADDR'];
$userAgent = $_SERVER['HTTP_USER_AGENT'];
$referrer = $_SERVER['HTTP_REFERER'] ?? 'Direct';
$timestamp = date("Y-m-d H:i:s");

// UTM tracking (kept)
$utm_source = $_GET['utm_source'] ?? null;
$utm_medium = $_GET['utm_medium'] ?? null;
$utm_campaign = $_GET['utm_campaign'] ?? null;

// Device detection
$device_type = (preg_match('/Mobile|Android|iPhone|iPad/', $userAgent)) ? 'Mobile' : 'Desktop';
$browser = 'Unknown';
if (strpos($userAgent, 'Firefox') !== false) $browser = 'Firefox';
elseif (strpos($userAgent, 'Chrome') !== false) $browser = 'Chrome';
elseif (strpos($userAgent, 'Safari') !== false) $browser = 'Safari';
elseif (strpos($userAgent, 'Edge') !== false) $browser = 'Edge';

// GeoIP (basic using ip-api.com) - best effort
$country = $city = null;
$geo = @json_decode(@file_get_contents("http://ip-api.com/json/$ip"));
if ($geo && $geo->status === 'success') {
    $country = $geo->country;
    $city = $geo->city;
}

// Save to DB (adjust credentials as needed)
$conn = new mysqli("localhost", "u329947844_course", "Ari@2025", "u329947844_course");
if ($conn->connect_errno === 0) {
    $stmt = $conn->prepare("INSERT INTO user_tracking (session_id, page, ip, user_agent, device_type, browser, country, city, referrer, utm_source, utm_medium, utm_campaign, timestamp) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
    if ($stmt) {
        $stmt->bind_param("sssssssssssss", $session_id, $page, $ip, $userAgent, $device_type, $browser, $country, $city, $referrer, $utm_source, $utm_medium, $utm_campaign, $timestamp);
        $stmt->execute();
        $stmt->close();
    }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Recorded 10-Hour AI Full Stack Mastery | Hifi11</title>

<meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Recorded 10-Hour AI Full Stack Mastery — ₹199 Only">
    <meta name="twitter:description" content="Complete recorded course: basics to backend database + AI tools. Self-paced — 10 hours of expert lessons.">
    <meta name="twitter:image" content="https://hifi11.in/images/recorded-course-meta.jpg">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="apple-touch-icon" sizes="57x57" href="assests/fav/apple-icon-57x57.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assests/fav/favicon-32x32.png">
    <link rel="manifest" href="assests/fav/manifest.json">
    <link rel="stylesheet" href="assests/style.css">

/* === RESTORED original feedback styles exactly as in your old code === */
        .video-feedback-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            margin-top: 30px;
        }
        .video-feedback {
            flex: 1 1 300px;
            max-width: 100%;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            opacity: 0.5;
            transition: opacity 0.5s ease;
        }
        .video-feedback.active {
            opacity: 1;
        }
        .video-feedback video {
            width: 100%;
            height: auto;
            display: block;
        }
        .video-caption {
            background: #f8f9fa;
            padding: 10px;
            text-align: center;
            font-weight: 500;
        }
        /* === end restored styles === */

.course-img { width:100%; height:100%; object-fit:cover; }
        @media (max-width:768px) { .course-section { padding-top: 3rem; } .course-img { height:200px; } }
        
        /* Loading indicator for WhatsApp field */
        .whatsapp-loading {
            position: relative;
        }
        .whatsapp-loading::after {
            content: '';
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            border: 2px solid #f3f3f3;
            border-top: 2px solid #007bff;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            display: none;
        }
        @keyframes spin {
            0% { transform: translateY(-50%) rotate(0deg); }
            100% { transform: translateY(-50%) rotate(360deg); }
        }
    </style>
</head>
<body>

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

<section class="course-section bg-light">
        <div class="container py-4">
            <div class="text-center mb-3">
                <h2 class="fw-bold mb-2">Recorded 10-Hour AI Full Stack Mastery</h2>
                <p class="lead text-muted mb-1">Self-paced recorded course — complete basics to backend (databases) + AI workflows</p>
                <span class="badge batch-badge mb-2">Self-Paced • 10 Hours Recorded</span>
                <p class="text-muted small mb-0">Access the recordings anytime — learn at your pace.</p>
            </div>

<div class="row justify-content-center mt-4">
                <div class="col-lg-10">
                    <div class="card course-card shadow-sm">
                        <div class="row g-0">
                            <div class="col-md-5">
                                <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c" alt="Recorded AI Full Stack" class="img-fluid h-100 course-img">
                            </div>
                            <div class="col-md-7">
                                <div class="card-body p-4 p-lg-4">
                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                        <h3 class="text-primary mb-0">AI Full Stack — Recorded Project Based</h3>
                                        <span class="badge guarantee-badge">30-Day Refund</span>
                                    </div>

<p class="mb-3">This recorded masterclass (10 hours) covers everything from frontend basics, PHP backend, databases (MySQL), to AI-powered developer workflows. Practical, project-based lessons and downloadable code templates included.</p>

<div class="mb-3">
                                        <h6 class="fw-bold mb-2"><i class="fas fa-check-circle text-success me-2"></i>What you'll get</h6>
                                        <div class="row">
                                            <div class="col-6 mb-2"><i class="fas fa-angle-right text-primary me-2"></i>10 Hours Recorded Content</div>
                                            <div class="col-6 mb-2"><i class="fas fa-angle-right text-primary me-2"></i>Backend + Database (MySQL)</div>
                                            <div class="col-6 mb-2"><i class="fas fa-angle-right text-primary me-2"></i>Project Templates (GitHub)</div>
                                            <div class="col-6 mb-2"><i class="fas fa-angle-right text-primary me-2"></i>AI Tool Workflows & Prompts</div>
                                        </div>
                                    </div>

<div class="alert alert-warning mb-3">
                                        <i class="fas fa-info-circle me-2"></i><strong>Self-paced access:</strong> Get lifetime access to recordings & resources.
                                    </div>

<div class="d-flex justify-content-between align-items-center border-top pt-3">
                                        <div>
                                            <h4 class="text-primary mb-0">₹<?= number_format($discountedPrice) ?> <small class="text-muted text-decoration-line-through">₹<?= number_format($originalPrice) ?></small></h4>
                                            <small class="text-success"><?= round(($originalPrice - $discountedPrice)/$originalPrice * 100) ?>% OFF | One-time payment</small>
                                        </div>
                                        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#enrollModal">Enroll & Get Access</button>
                                    </div>

</div>
                            </div>
                        </div>
                    </div> 
                </div>
            </div>

<div class="row mt-5">
                <div class="col-12 text-center mb-4">
                    <h3 class="mb-3">What Our Students Say</h3>
                </div>

<div class="col-lg-10 mx-auto">
                    
                    <?php include('video-feedback.php'); ?>
                </div>
            </div>

</div>
    </section>

<?php include('success_story.php'); ?>

<div class="modal fade" id="enrollModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Enroll Now – ₹<?= number_format($discountedPrice) ?> Only</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="enrollmentForm" action="online-process_payment.php" method="POST" autocomplete="off">
                        <div class="alert alert-success">
                            <i class="fas fa-star me-2"></i> One-time payment — lifetime access to recordings & resources
                        </div>

<div class="mb-3">
                            <label class="form-label">WhatsApp Number <span class="text-danger">*</span></label>
                            <input name="whatsapp" type="tel" class="form-control whatsapp-loading" required id="whatsappInput">
                            <div class="form-text text-muted small" id="whatsappStatus"></div>
                        </div>

<div class="mb-3">
                            <label class="form-label">Email <span class="text-danger">*</span></label>
                            <input name="email" type="email" class="form-control" required>
                        </div>

<div class="mb-3">
                            <label class="form-label">Create Password <span class="text-danger">*</span></label>
                            <input name="password" type="password" class="form-control" minlength="6" required>
                            <div class="form-text">Use minimum 6 characters. We recommend a strong password. (Password will be used to login to your account.)</div>
                        </div>

<div class="form-check mb-3">
                            <input class="form-check-input" name="agreeTerms" type="checkbox" id="agreeTerms" required>
                            <label class="form-check-label" for="agreeTerms">
                                I agree to the terms and the 30-day refund policy if not satisfied
                            </label>
                        </div>

<div class="text-center mt-3">
                            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/PhonePe_Logo.svg/2560px-PhonePe_Logo.svg.png" alt="PhonePe" style="height: 30px;">
                            <p class="small text-muted mt-1">Secure payments powered by PhonePe</p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

<?php include('reviews.php'); ?>
    <?php include('includes/footer.php'); ?>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    
    <script>
    (function () {
        const form = document.getElementById('enrollmentForm');
        if (!form) return;

const nameEl = form.querySelector('input[name="fullname"]');
        const emailEl = form.querySelector('input[name="email"]');
        const phoneEl = form.querySelector('input[name="whatsapp"]');
        const courseEl = form.querySelector('input[name="course_type"]');
        const priceEl = form.querySelector('input[name="final_price"]');
        const sourceEl = form.querySelector('input[name="source_page"]');
        const whatsappStatus = document.getElementById('whatsappStatus');

let interestSaved = false;
        let saveTimeout = null;

function isLikelyPhone(v) {
            const digits = v.replace(/\D/g, '');
            return digits.length >= 10;
        }

function showStatus(message, type = 'info') {
            if (whatsappStatus) {
                whatsappStatus.textContent = message;
                whatsappStatus.className = `form-text text-muted small text-${type}`;
            }
        }

async function saveInterest() {
            if (interestSaved) return;

const payload = {
                fullname: (nameEl?.value || '').trim(),
                email: (emailEl?.value || '').trim(),
                whatsapp: (phoneEl?.value || '').trim(),
                course_type: (courseEl?.value || '').trim(),
                final_price: (priceEl?.value || '').trim(),
                source_page: (sourceEl?.value || '').trim()
            };

// Require at least phone + course_type to log an interest
            if (!payload.whatsapp || !isLikelyPhone(payload.whatsapp) || !payload.course_type) {
                return;
            }

// Show loading state
            showLoading(true);
            showStatus('Saving your interest...', 'info');

try {
                const res = await fetch('ajax-save-interest.php', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(payload),
                    credentials: 'same-origin'
                });

// Debounced save on WhatsApp input change
        phoneEl?.addEventListener('input', function() {
            // Clear previous timeout
            if (saveTimeout) clearTimeout(saveTimeout);
            
            // Set new timeout to save after user stops typing for 1.5 seconds
            if (isLikelyPhone(this.value)) {
                saveTimeout = setTimeout(saveInterest, 1500);
            }
        });

// Also save on blur (immediately when user leaves the field)
        phoneEl?.addEventListener('blur', function() {
            if (saveTimeout) clearTimeout(saveTimeout);
            if (isLikelyPhone(this.value)) {
                saveInterest();
            }
        });

// Save on form submit as fallback
        form.addEventListener('submit', function(e) {
            if (!interestSaved && isLikelyPhone(phoneEl?.value)) {
                // Prevent form submission until interest is saved
                e.preventDefault();
                saveInterest().then(() => {
                    // Submit form after saving interest
                    form.submit();
                });
            }
        });

})();
    </script>

<script>
    // Generate or retrieve session ID
    const getSessionId = () => {
        let sessionId = localStorage.getItem('user_tracking_id');
        if (!sessionId) {
            sessionId = Array.from(crypto.getRandomValues(new Uint8Array(16)))
                .map(b => b.toString(16).padStart(2, '0')).join('');
            localStorage.setItem('user_tracking_id', sessionId);
        }
        return sessionId;
    };

// Collect all tracking data
    const collectTrackingData = () => {
        const urlParams = new URLSearchParams(window.location.search);
        
        return {
            session_id: getSessionId(),
            page: window.location.pathname + window.location.search,
            referrer: document.referrer || 'Direct',
            user_agent: navigator.userAgent,
            screen_width: screen.width,
            screen_height: screen.height,
            utm_source: urlParams.get('utm_source'),
            utm_medium: urlParams.get('utm_medium'),
            utm_campaign: urlParams.get('utm_campaign'),
            // Add Meta Click ID for ad tracking
            fbclid: urlParams.get('fbclid') 
        };
    };

// Send data to PHP endpoint
    const sendTrackingData = async () => {
        try {
            const response = await fetch('https://hifi11.in/tracking.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(collectTrackingData())
            });
            
            if (!response.ok) {
                console.error('Tracking failed:', await response.text());
            }
        } catch (error) {
            console.error('Tracking error:', error);
        }
    };

// Execute tracking
    document.addEventListener('DOMContentLoaded', sendTrackingData);
    </script>

// try original id-based approach first
        let videos = [];
        try {
            const v1 = document.getElementById('video1');
            const v2 = document.getElementById('video2');
            const v3 = document.getElementById('video3');
            if (v1 || v2 || v3) {
                videos = [v1, v2, v3].filter(Boolean);
            }
        } catch (e) {
            videos = [];
        }

// fallback: find all .video-feedback video elements if id approach didn't find anything
        if (videos.length === 0) {
            videos = Array.from(document.querySelectorAll('.video-feedback video'));
        }

// video container nodes
        const videoContainers = Array.from(document.querySelectorAll('.video-feedback'));

if (videos.length > 0) {
            // Start with first video active (original behavior)
            let currentVideoIndex = 0;

// Clear active classes then set first active if exists
            videoContainers.forEach(c => c.classList.remove('active'));
            if (videoContainers[currentVideoIndex]) videoContainers[currentVideoIndex].classList.add('active');

// Try autoplay first video (may be blocked by browser)
            videos[currentVideoIndex].play().catch(e => {
                console.log('Autoplay prevented, user interaction required');
            });

// When video ends, play next one (circular)
            videos.forEach((video, index) => {
                video.addEventListener('ended', function() {
                    this.pause();
                    currentVideoIndex = (index + 1) % videos.length;
                    videoContainers.forEach(container => container.classList.remove('active'));
                    if (videoContainers[currentVideoIndex]) videoContainers[currentVideoIndex].classList.add('active');

videos[currentVideoIndex].currentTime = 0;
                    videos[currentVideoIndex].play().catch(()=>{});
                });

// Handle errors by trying to proceed to next
                video.addEventListener('error', function() {
                    console.error('Video error', this.error);
                    this.dispatchEvent(new Event('ended'));
                });
            });

// Click handler to manually switch videos (same as original)
            videoContainers.forEach((container, index) => {
                container.addEventListener('click', function() {
                    // Pause all videos
                    videos.forEach(v => v.pause());

// Set new current video
                    currentVideoIndex = index;

// Update active states
                    videoContainers.forEach(c => c.classList.remove('active'));
                    this.classList.add('active');

// Play selected video
                    if (videos[currentVideoIndex]) {
                        videos[currentVideoIndex].currentTime = 0;
                        videos[currentVideoIndex].play().catch(()=>{});
                    }
                });
            });

// IntersectionObserver to pause/play when scrolled out of view (keeps behaviour friendly)
            if ('IntersectionObserver' in window) {
                const observer = new IntersectionObserver((entries) => {
                    entries.forEach(entry => {
                        if (entry.target && entry.target.tagName === 'VIDEO') {
                            if (entry.isIntersecting) entry.target.play().catch(()=>{});
                            else entry.target.pause();
                        }
                    });
                }, { threshold: 0.5 });

videos.forEach(video => observer.observe(video));
            }
        }

// Simple responsive tweak for the course image as before
        function adjustCourseLayout() {
            const courseImg = document.querySelector('.course-img');
            if (!courseImg) return;
            if (window.innerWidth < 768) {
                courseImg.classList.add('w-100');
                courseImg.classList.remove('h-100');
            } else {
                courseImg.classList.remove('w-100');
                courseImg.classList.add('h-100');
            }
        }
        window.addEventListener('resize', adjustCourseLayout);
        adjustCourseLayout();

});
    </script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: cou.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation