{% INCLUDE 'overall_header.html' %}
{% INCLUDECSS '@spiderpiggy_virtualshop/virtualshop.css' %}

<div class="virtualshop-page virtualshop-surface">
	<a href="{{ U_VIRTUALSHOP }}" class="virtualshop-back">‹ {{ lang('VIRTUALSHOP_BACK_TO_SHOP') }}</a>
	<div class="virtualshop-detail rarity-{{ RARITY_CLASS }}">
		<div class="virtualshop-detail-image"><img src="{{ ITEM_IMAGE }}" alt="{{ ITEM_NAME }}"></div>
		<div class="virtualshop-detail-info">
			<div class="virtualshop-card-top"><span class="virtualshop-badge">{{ ITEM_CATEGORY }}</span><span class="virtualshop-badge rarity">{{ ITEM_RARITY }}</span><span class="virtualshop-badge type">{{ ITEM_TYPE }}</span></div>
			<h2>{{ ITEM_NAME }}</h2>
			<p class="virtualshop-detail-desc">{{ ITEM_DESCRIPTION }}</p>
			<div class="virtualshop-pricebox"><span>{{ lang('VIRTUALSHOP_PRICE') }}</span><strong>{{ ITEM_PRICE }}</strong><em>{{ VIRTUALSHOP_POINTS_NAME }}</em></div>
			{% if S_PASSIVE %}<p class="virtualshop-passive">{{ lang('VIRTUALSHOP_PASSIVE_BONUS') }}{{ lang('COLON') }} +{{ PASSIVE_POINTS }} {{ VIRTUALSHOP_POINTS_NAME }} / {{ lang('VIRTUALSHOP_DAY') }}</p>{% endif %}
			<br><p class="virtualshop-stock">{{ lang('VIRTUALSHOP_STOCK') }}{{ lang('COLON') }} {% if S_UNLIMITED %}{{ lang('VIRTUALSHOP_UNLIMITED') }}{% else %}{{ ITEM_STOCK }}{% endif %}</p>
			{% if S_CAN_BUY and not S_OUT_OF_STOCK %}
			<form method="post" action="{{ U_BUY }}">
				<input class="button button1 virtualshop-buy" type="submit" name="submit" value="{{ lang('VIRTUALSHOP_BUY') }}">
				{{ S_FORM_TOKEN }}
			</form>
			{% endif %}
		</div>
	</div>
</div>

{% INCLUDE 'overall_footer.html' %}