/home/ejrndhmu/tokobiolink.com/user/pages/products.php
<?php
// Get user's accessible products (including from their reseller)
$user_products = getUserProductsWithReseller($user_id);
?>
<!-- Products Access Page -->
<div class="mb-6">
<h2 class="text-2xl font-bold text-gray-800 mb-4">Akses Produk Digital</h2>
<p class="text-gray-600 mb-6">Berikut adalah produk digital yang dapat Anda akses.</p>
</div>
<?php if (empty($user_products)): ?>
<!-- No Products -->
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8 text-center">
<div class="bg-gray-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6">
<i class="fas fa-box text-gray-400 text-3xl"></i>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-3">Belum Ada Produk</h3>
<p class="text-gray-600 mb-4">Anda belum memiliki akses ke produk digital apapun.</p>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4 max-w-md mx-auto">
<p class="text-sm text-blue-700">
<i class="fas fa-info-circle mr-2"></i>
Hubungi reseller atau administrator untuk mendapatkan akses produk.
</p>
</div>
</div>
<?php else: ?>
<!-- Welcome Message -->
<div class="bg-gradient-to-r from-blue-500 to-blue-600 rounded-lg p-6 mb-6 text-white">
<div class="flex items-center">
<div class="bg-white bg-opacity-20 w-12 h-12 rounded-lg flex items-center justify-center mr-4">
<i class="fas fa-gift text-white text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold mb-1">Selamat Datang, <?php echo htmlspecialchars($full_name); ?>!</h3>
<p class="text-blue-100">Anda memiliki akses ke <?php echo count($user_products); ?> produk digital.</p>
</div>
</div>
</div>
<!-- Products Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
<?php foreach ($user_products as $product): ?>
<div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-md transition duration-200">
<!-- Product Header -->
<div class="bg-gradient-to-r from-blue-500 to-blue-600 p-4">
<div class="flex items-center justify-between">
<div class="bg-white bg-opacity-20 w-12 h-12 rounded-lg flex items-center justify-center">
<i class="fas fa-box text-white text-xl"></i>
</div>
<span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs font-medium">
<i class="fas fa-check mr-1"></i>Aktif
</span>
</div>
</div>
<!-- Product Content -->
<div class="p-6">
<h3 class="text-lg font-semibold text-gray-800 mb-2">
<?php echo htmlspecialchars($product['name']); ?>
</h3>
<p class="text-gray-600 text-sm mb-4 line-clamp-3">
<?php echo htmlspecialchars($product['description']); ?>
</p>
<!-- Product Details -->
<div class="space-y-2 mb-4">
<div class="flex items-center text-sm text-gray-600">
<i class="fas fa-tag w-4 mr-2 text-blue-primary"></i>
<span class="font-medium">Kategori:</span>
<span class="ml-1"><?php echo htmlspecialchars($product['category']); ?></span>
</div>
<div class="flex items-center text-sm text-gray-600">
<i class="fas fa-calendar w-4 mr-2 text-purple-600"></i>
<span class="font-medium">Akses Sejak:</span>
<span class="ml-1"><?php echo formatDate($product['granted_at']); ?></span>
</div>
</div>
<!-- Action Buttons -->
<div class="space-y-2">
<?php if (!empty($product['file_url'])): ?>
<a href="<?php echo htmlspecialchars($product['file_url']); ?>"
target="_blank"
class="w-full bg-blue-primary hover:bg-blue-dark text-white text-center py-3 px-4 rounded-lg transition duration-200 text-sm font-medium flex items-center justify-center">
<i class="fas fa-external-link-alt mr-2"></i>
Akses Produk
</a>
<?php endif; ?>
<?php if (!empty($product['access_url'])): ?>
<a href="<?php echo htmlspecialchars($product['access_url']); ?>"
target="_blank"
class="w-full bg-green-600 hover:bg-green-700 text-white text-center py-3 px-4 rounded-lg transition duration-200 text-sm font-medium flex items-center justify-center">
<i class="fas fa-external-link-alt mr-2"></i>
Akses Online
</a>
<?php endif; ?>
<?php if (empty($product['file_url']) && empty($product['access_url'])): ?>
<div class="w-full bg-gray-100 text-gray-500 text-center py-3 px-4 rounded-lg text-sm">
<i class="fas fa-clock mr-2"></i>
Link akan tersedia segera
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<!-- Products Summary -->
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
<div class="flex items-center mb-4">
<div class="bg-blue-primary w-10 h-10 rounded-lg flex items-center justify-center mr-3">
<i class="fas fa-chart-pie text-white"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">Ringkasan Akses Produk</h3>
</div>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="bg-blue-50 rounded-lg p-4 border border-blue-200">
<div class="flex items-center mb-2">
<i class="fas fa-box text-blue-primary mr-2"></i>
<span class="font-medium text-gray-800">Total Produk</span>
</div>
<p class="text-2xl font-bold text-blue-primary"><?php echo count($user_products); ?></p>
</div>
<div class="bg-green-50 rounded-lg p-4 border border-green-200">
<div class="flex items-center mb-2">
<i class="fas fa-download text-green-600 mr-2"></i>
<span class="font-medium text-gray-800">Dapat Didownload</span>
</div>
<p class="text-2xl font-bold text-green-600">
<?php echo count(array_filter($user_products, function($p) { return !empty($p['download_url']); })); ?>
</p>
</div>
<div class="bg-purple-50 rounded-lg p-4 border border-purple-200">
<div class="flex items-center mb-2">
<i class="fas fa-external-link-alt text-purple-600 mr-2"></i>
<span class="font-medium text-gray-800">Akses Online</span>
</div>
<p class="text-2xl font-bold text-purple-600">
<?php echo count(array_filter($user_products, function($p) { return !empty($p['access_url']); })); ?>
</p>
</div>
<div class="bg-orange-50 rounded-lg p-4 border border-orange-200">
<div class="flex items-center mb-2">
<i class="fas fa-tags text-orange-600 mr-2"></i>
<span class="font-medium text-gray-800">Kategori</span>
</div>
<p class="text-2xl font-bold text-orange-600">
<?php echo count(array_unique(array_column($user_products, 'category'))); ?>
</p>
</div>
</div>
</div>
<!-- Usage Guidelines -->
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-6">
<div class="flex items-start">
<div class="bg-yellow-500 w-10 h-10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fas fa-exclamation-triangle text-white"></i>
</div>
<div>
<h4 class="text-lg font-semibold text-yellow-800 mb-3">Panduan Penggunaan</h4>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-yellow-800">
<div>
<h5 class="font-medium mb-2">Yang Boleh Dilakukan:</h5>
<ul class="space-y-1">
<li class="flex items-start">
<i class="fas fa-check text-green-600 mr-2 mt-0.5 flex-shrink-0"></i>
Menggunakan produk untuk keperluan pribadi
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-600 mr-2 mt-0.5 flex-shrink-0"></i>
Download dan simpan untuk backup
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-600 mr-2 mt-0.5 flex-shrink-0"></i>
Mengakses produk kapan saja
</li>
</ul>
</div>
<div>
<h5 class="font-medium mb-2">Yang Tidak Boleh Dilakukan:</h5>
<ul class="space-y-1">
<li class="flex items-start">
<i class="fas fa-times text-red-600 mr-2 mt-0.5 flex-shrink-0"></i>
Membagikan link download kepada orang lain
</li>
<li class="flex items-start">
<i class="fas fa-times text-red-600 mr-2 mt-0.5 flex-shrink-0"></i>
Menjual kembali produk digital
</li>
<li class="flex items-start">
<i class="fas fa-times text-red-600 mr-2 mt-0.5 flex-shrink-0"></i>
Menggunakan untuk keperluan komersial tanpa izin
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<style>
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>