/**
 * Deploy version for everything the SPA fetches — CSS cache-buster, the client's
 * ASSET_VERSION, and the X-Page-Version header on SSR fragments that the static
 * worker keys its KV cache on. Derived from file mtimes so it bumps by itself on
 * every deploy; there is no build step to hook a counter into.
 */
function xskins_page_version() {
	static $version = null;
	if ($version !== null) return $version;

	$base = dirname(__DIR__);
	$files = array($base . '/index.php', $base . '/template/page.tpl');
	foreach (array('/pages/*.php', '/includes/*.php', '/template/css/*.css') as $pattern) {
		foreach ((array) glob($base . $pattern) as $f) $files[] = $f;
	}

	$max = 0;
	foreach ($files as $f) {
		$t = @filemtime($f);
		if ($t > $max) $max = $t;
	}

	$version = $max ?: time();
	return $version;
}
<link rel="stylesheet" href="/template/css/deposit.css">

<div class="deposit-page-wrapper">
	
	<!-- Hero Section -->
	<div class="deposit-hero">
		<div class="deposit-hero-content">
			<div class="deposit-hero-left">
				<div class="deposit-hero-icon">
					<i class="ri-wallet-3-fill"></i>
				</div>
				<div class="deposit-hero-text">
					<h2>Add Funds to Your Account</h2>
					<p>Choose your preferred payment method and start playing instantly</p>
				</div>
			</div>
			<div class="deposit-hero-right">
				<div class="deposit-trust-badge secure">
					<i class="ri-shield-check-fill"></i>
					<span>256-bit SSL</span>
				</div>
				<div class="deposit-trust-badge instant">
					<i class="ri-flashlight-fill"></i>
					<span>Instant Credit</span>
				</div>
			</div>
		</div>
	</div>
	
	<!-- Bonus Code Section -->
	<div class="deposit-bonus-section">
		<div class="deposit-bonus-left">
			<div class="deposit-bonus-icon">
				<i class="ri-gift-fill"></i>
			</div>
			<div class="deposit-bonus-text">
				<h3>Have a Deposit Bonus Code?</h3>
				<p>Enter your code to get extra balance on your deposit!</p>
			</div>
		</div>
		<div class="deposit-bonus-right">
			<input type="text" class="deposit-bonus-input" id="deposit_bonus_code" value="" placeholder="Enter code..." autocomplete="off" readonly onfocus="this.removeAttribute('readonly');">
			<button class="deposit-bonus-btn" id="deposit_bonus_apply">
				<i class="ri-check-line"></i> APPLY
			</button>
		</div>
	</div>
	
	<!-- Cash Deposit Section -->
	<div class="deposit-section">
		<div class="deposit-section-header">
			<div class="deposit-section-icon cash">
				<i class="ri-bank-card-fill"></i>
			</div>
			<div>
				<h3 class="deposit-section-title">Deposit with Cash</h3>
				<p class="deposit-section-subtitle">Credit cards, debit cards and more</p>
			</div>
		</div>
		<div class="deposit-methods-grid">
			<a data-modal="show" data-id="#modal_kinguin" class="deposit-method-card featured" data-method="card">
				<div class="deposit-method-logo">
					<img src="/template/img/kinguin.png" alt="Kinguin">
				</div>
				<div class="deposit-method-info">
					<h4 class="deposit-method-name">Kinguin</h4>
					<p class="deposit-method-desc">Credit Cards, PayPal, Paysafe</p>
					<span class="deposit-method-badge instant">
						<i class="ri-flashlight-fill"></i> Instant
					</span>
				</div>
			</a>
			
			<a id="pulse_button" class="deposit-method-card disabled" data-method="card">
				<div class="deposit-method-logo">
					<img src="/template/img/methods/pulsegiftcards.svg" alt="Pulse">
				</div>
				<div class="deposit-method-info">
					<h4 class="deposit-method-name">Pulse Gift Cards</h4>
					<p class="deposit-method-desc">Credit Cards Direct</p>
					<span class="deposit-method-badge coming-soon">
						<i class="ri-time-line"></i> Coming Soon
					</span>
				</div>
			</a>
		</div>
	</div>
	
	<!-- Crypto Deposit Section -->
	<div class="deposit-section">
		<div class="deposit-section-header">
			<div class="deposit-section-icon crypto">
				<i class="ri-bit-coin-fill"></i>
			</div>
			<div>
				<h3 class="deposit-section-title">Deposit with Crypto</h3>
				<p class="deposit-section-subtitle">Bitcoin, Ethereum, USDT and more</p>
			</div>
		</div>
		<div class="deposit-methods-grid">
							<a href="/deposit/crypto/BTC" class="deposit-method-card " data-method="BTC" data-modal="crypto" data-url="/deposit/crypto/BTC">
					<div class="deposit-method-logo">
						<img src="/template/img/methods/BTC_shop.png" alt="BTC">
					</div>
					<div class="deposit-method-info">
						<h4 class="deposit-method-name">Bitcoin</h4>
						<p class="deposit-method-desc">Network: BTC</p>
													<span class="deposit-method-badge instant">
								<i class="ri-flashlight-fill"></i> Instant
							</span>
											</div>
				</a>
							<a href="/deposit/crypto/ETH" class="deposit-method-card " data-method="ETH" data-modal="crypto" data-url="/deposit/crypto/ETH">
					<div class="deposit-method-logo">
						<img src="/template/img/methods/ETH_shop.png" alt="ETH">
					</div>
					<div class="deposit-method-info">
						<h4 class="deposit-method-name">Ethereum</h4>
						<p class="deposit-method-desc">Network: ETH</p>
													<span class="deposit-method-badge instant">
								<i class="ri-flashlight-fill"></i> Instant
							</span>
											</div>
				</a>
							<a href="/deposit/crypto/LTC" class="deposit-method-card " data-method="LTC" data-modal="crypto" data-url="/deposit/crypto/LTC">
					<div class="deposit-method-logo">
						<img src="/template/img/methods/LTC_shop.png" alt="LTC">
					</div>
					<div class="deposit-method-info">
						<h4 class="deposit-method-name">Litecoin</h4>
						<p class="deposit-method-desc">Network: LTC</p>
													<span class="deposit-method-badge instant">
								<i class="ri-flashlight-fill"></i> Instant
							</span>
											</div>
				</a>
							<a href="/deposit/crypto/SOL" class="deposit-method-card " data-method="SOL" data-modal="crypto" data-url="/deposit/crypto/SOL">
					<div class="deposit-method-logo">
						<img src="/template/img/methods/SOL_shop.png" alt="SOL">
					</div>
					<div class="deposit-method-info">
						<h4 class="deposit-method-name">Solana</h4>
						<p class="deposit-method-desc">Network: SOL</p>
													<span class="deposit-method-badge instant">
								<i class="ri-flashlight-fill"></i> Instant
							</span>
											</div>
				</a>
							<a href="/deposit/crypto/ETH_USDT" class="deposit-method-card " data-method="ETH_USDT" data-modal="crypto" data-url="/deposit/crypto/ETH_USDT">
					<div class="deposit-method-logo">
						<img src="/template/img/methods/ETH_USDT_shop.png" alt="ETH_USDT">
					</div>
					<div class="deposit-method-info">
						<h4 class="deposit-method-name">USDT (ERC-20)</h4>
						<p class="deposit-method-desc">Network: ETH_USDT</p>
													<span class="deposit-method-badge instant">
								<i class="ri-flashlight-fill"></i> Instant
							</span>
											</div>
				</a>
							<a href="/deposit/crypto/ETH_USDC" class="deposit-method-card " data-method="ETH_USDC" data-modal="crypto" data-url="/deposit/crypto/ETH_USDC">
					<div class="deposit-method-logo">
						<img src="/template/img/methods/ETH_USDC_shop.png" alt="ETH_USDC">
					</div>
					<div class="deposit-method-info">
						<h4 class="deposit-method-name">USDC (ERC-20)</h4>
						<p class="deposit-method-desc">Network: ETH_USDC</p>
													<span class="deposit-method-badge instant">
								<i class="ri-flashlight-fill"></i> Instant
							</span>
											</div>
				</a>
					</div>
	</div>
	
	<!-- Skins Deposit Section -->
	<div class="deposit-section">
		<div class="deposit-section-header">
			<div class="deposit-section-icon skins">
				<i class="ri-knife-blood-fill"></i>
			</div>
			<div>
				<h3 class="deposit-section-title">Deposit with Skins</h3>
				<p class="deposit-section-subtitle">Trade your CS2 or Rust skins for balance</p>
			</div>
		</div>
		<div class="deposit-methods-grid">
			<a id="deposit_skin_button" class="deposit-method-card" data-method="skin">
				<div class="deposit-method-logo">
					<img src="/template/img/methods/csgo_shop.png" alt="CS2 Skins">
				</div>
				<div class="deposit-method-info">
					<h4 class="deposit-method-name">CS2 Skins</h4>
					<p class="deposit-method-desc">Trade your CS2 skins instantly</p>
					<span class="deposit-method-badge instant">
						<i class="ri-flashlight-fill"></i> Instant
					</span>
				</div>
			</a>
			
			<a class="deposit-method-card disabled" data-method="skin">
				<div class="deposit-method-logo">
					<img src="/template/img/methods/rust_shop.png" alt="Rust Skins">
				</div>
				<div class="deposit-method-info">
					<h4 class="deposit-method-name">Rust Skins</h4>
					<p class="deposit-method-desc">Trade your Rust skins</p>
					<span class="deposit-method-badge coming-soon">
						<i class="ri-time-line"></i> Coming Soon
					</span>
				</div>
			</a>
		</div>
	</div>
	
	<!-- Features Section -->
	<div class="deposit-features">
		<div class="deposit-feature">
			<div class="deposit-feature-icon">
				<i class="ri-shield-check-fill"></i>
			</div>
			<div class="deposit-feature-text">
				<h4>Secure Payments</h4>
				<p>All transactions are encrypted with 256-bit SSL technology for maximum security.</p>
			</div>
		</div>
		<div class="deposit-feature">
			<div class="deposit-feature-icon">
				<i class="ri-flashlight-fill"></i>
			</div>
			<div class="deposit-feature-text">
				<h4>Instant Credit</h4>
				<p>Your balance is credited instantly after payment confirmation.</p>
			</div>
		</div>
		<div class="deposit-feature">
			<div class="deposit-feature-icon">
				<i class="ri-customer-service-2-fill"></i>
			</div>
			<div class="deposit-feature-text">
				<h4>24/7 Support</h4>
				<p>Our support team is available around the clock to help you with any issues.</p>
			</div>
		</div>
	</div>
	
</div>

<script>
document.getElementById("deposit_skin_button").addEventListener("click", function() {
	window.location.href = "/skin_deposit";
});
</script>