if (session_status() === PHP_SESSION_NONE) {
    session_start();
    $user = $_SESSION['user'] ?? null; // Read data
    session_write_close(); // Release lock immediately for faster first paint
}

// Load language system before anything else
require_once __DIR__ . '/config/language.php';
require_once __DIR__ . '/config/translations.php';

// Load other dependencies
require_once __DIR__ . '/controllers/ProductController.php';
require_once __DIR__ . '/controllers/CategoryController.php';
require_once __DIR__ . '/controllers/CartController.php';
require_once __DIR__ . '/helpers/currency_helper.php';
require_once __DIR__ . '/models/SiteSetting.php';

// Include header (which will handle language switching)
require_once __DIR__ . '/includes/header.php';

// Helper function to get category icon based on name
function getCategoryIcon($categoryName) {
    $name = strtolower($categoryName);
    
    // Electronics & Tech
    if (strpos($name, 'phone') !== false || strpos($name, 'mobile') !== false) {
        return 'fas fa-mobile-alt';
    } elseif (strpos($name, 'laptop') !== false || strpos($name, 'computer') !== false) {
        return 'fas fa-laptop';
    } elseif (strpos($name, 'tablet') !== false) {
        return 'fas fa-tablet-alt';
    } elseif (strpos($name, 'electronic') !== false || strpos($name, 'tech') !== false) {
        return 'fas fa-tv';
    } elseif (strpos($name, 'headphone') !== false || strpos($name, 'audio') !== false) {
        return 'fas fa-headphones';
    } elseif (strpos($name, 'camera') !== false) {
        return 'fas fa-camera';
    } elseif (strpos($name, 'watch') !== false) {
        return 'fas fa-clock';
    }
    
    // Apple Products
    if (strpos($name, 'iphone') !== false || strpos($name, 'ipad') !== false || strpos($name, 'macbook') !== false || strpos($name, 'imac') !== false || strpos($name, 'apple') !== false) {
        return 'fab fa-apple';
    }
    
    // Accessories
    if (strpos($name, 'case') !== false || strpos($name, 'cover') !== false) {
        return 'fas fa-shield-alt';
    } elseif (strpos($name, 'charger') !== false || strpos($name, 'cable') !== false) {
        return 'fas fa-plug';
    } elseif (strpos($name, 'battery') !== false) {
        return 'fas fa-battery-full';
    }
    
    // Gaming
    if (strpos($name, 'game') !== false || strpos($name, 'gaming') !== false) {
        return 'fas fa-gamepad';
    }
    
    // Default icon
    return 'fas fa-folder';
}

$productController = new ProductController();
$categoryController = new CategoryController();
$cartController = new CartController();

// Load site settings
$siteSettingModel = new SiteSetting();
$siteSettings = $siteSettingModel->getSettings();

// Check if category filter is applied
$selectedCategoryId = isset($_GET['category']) ? (int)$_GET['category'] : null;
$selectedCategory = null;

if ($selectedCategoryId) {
    // Get category details
    require_once __DIR__ . '/models/Category.php';
    $categoryModel = new Category();
    $selectedCategory = $categoryModel->getById($selectedCategoryId);
    
    // Get products for this category using ProductController for intelligent ordering
    $featuredProducts = $productController->getProducts($selectedCategoryId, '', 12, 0, 'price_desc');
    
    // Update page title
    $pageTitle = ($selectedCategory ? htmlspecialchars($selectedCategory['name']) . ' - ' : '') . $siteSettings['site_name'];
} else {
    // Show all featured products
    $featuredProducts = $productController->getFeaturedProducts(12);
    $pageTitle = $siteSettings['site_name'] . ' - ' . ($siteSettings['site_description'] ?? 'Premium Electronics');
}

$categories = $categoryController->getActiveCategories();
?>

<!-- Hero Section -->
<section class="hero">
    <div class="hero-media">
        <video 
            muted 
            loop 
            playsinline 
            preload="none" 
            class="hero-video">
            <source src="assets/videos/hero.mp4" type="video/mp4">
        </video>
        <div class="hero-mobile-fallback"></div>
    </div>
    <div class="hero-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2;"></div>

    <div class="hero-content">
        <h1 class="hero-title" data-aos="fade-up">joker&amp;omda store</h1>
        <p class="hero-subtitle" data-aos="fade-up" data-aos-delay="200">