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

<a id="maincontent"></a>

<div class="virtualshop-acp">
	<div class="virtualshop-acp-hero">
		<h1>{{ lang('ACP_VIRTUALSHOP_TITLE') }}</h1>
		<p>{{ lang('ACP_VIRTUALSHOP_EXPLAIN') }}</p>
	</div>

	<div class="virtualshop-acp-layout">
		<div>
			<form id="virtualshop_settings" method="post" action="{{ U_SETTINGS_ACTION }}" class="virtualshop-acp-card">
				<div class="virtualshop-acp-card-header">
					<h2>{{ lang('ACP_VIRTUALSHOP_GENERAL_SETTINGS') }}</h2>
					<p>{{ lang('ACP_VIRTUALSHOP_GENERAL_SETTINGS_EXPLAIN') }}</p>
				</div>
				<div class="virtualshop-acp-card-body">
					<fieldset>
						<legend>{{ lang('ACP_VIRTUALSHOP_GENERAL_SETTINGS') }}</legend>
						<dl>
							<dt><label for="virtualshop_sellback_percent">{{ lang('ACP_VIRTUALSHOP_SELLBACK_PERCENT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_SELLBACK_PERCENT_EXPLAIN') }}</span></dt>
							<dd><input type="number" min="0" max="100" step="0.01" id="virtualshop_sellback_percent" name="virtualshop_sellback_percent" value="{{ VIRTUALSHOP_SELLBACK_PERCENT }}"> %</dd>
						</dl>
						<dl>
							<dt><label for="virtualshop_max_equipped">{{ lang('ACP_VIRTUALSHOP_MAX_EQUIPPED') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_MAX_EQUIPPED_EXPLAIN') }}</span></dt>
							<dd><input type="number" min="0" max="50" step="1" id="virtualshop_max_equipped" name="virtualshop_max_equipped" value="{{ VIRTUALSHOP_MAX_EQUIPPED }}"></dd>
						</dl>
						<dl>
							<dt><label for="virtualshop_profile_limit">{{ lang('ACP_VIRTUALSHOP_PROFILE_LIMIT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_PROFILE_LIMIT_EXPLAIN') }}</span></dt>
							<dd><input type="number" min="0" max="50" step="1" id="virtualshop_profile_limit" name="virtualshop_profile_limit" value="{{ VIRTUALSHOP_PROFILE_LIMIT }}"></dd>
						</dl>
						<dl>
							<dt><label for="virtualshop_mini_profile_limit">{{ lang('ACP_VIRTUALSHOP_MINI_PROFILE_LIMIT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_MINI_PROFILE_LIMIT_EXPLAIN') }}</span></dt>
							<dd><input type="number" min="0" max="20" step="1" id="virtualshop_mini_profile_limit" name="virtualshop_mini_profile_limit" value="{{ VIRTUALSHOP_MINI_PROFILE_LIMIT }}"></dd>
						</dl>
						<dl>
							<dt><label for="virtualshop_economy_interval_hours">{{ lang('ACP_VIRTUALSHOP_ECONOMY_INTERVAL_HOURS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ECONOMY_INTERVAL_HOURS_EXPLAIN') }}</span></dt>
							<dd><input type="number" min="1" max="720" step="1" id="virtualshop_economy_interval_hours" name="virtualshop_economy_interval_hours" value="{{ VIRTUALSHOP_ECONOMY_INTERVAL_HOURS }}"> {{ lang('ACP_VIRTUALSHOP_HOURS') }}</dd>
						</dl>
						<dl>
							<dt><label for="virtualshop_custom_rarities">{{ lang('ACP_VIRTUALSHOP_CUSTOM_RARITIES') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_CUSTOM_RARITIES_EXPLAIN') }}</span></dt>
							<dd><input type="text" id="virtualshop_custom_rarities" name="virtualshop_custom_rarities" value="{{ VIRTUALSHOP_CUSTOM_RARITIES }}" size="60"></dd>
						</dl>
						<p class="submit-buttons virtualshop-acp-submit"><input class="button1" type="submit" name="submit_settings" value="{{ lang('SUBMIT') }}"></p>
						{{ S_FORM_TOKEN }}
					</fieldset>
				</div>
			</form>

			<form id="virtualshop_category" method="post" action="{{ U_CATEGORY_ACTION }}" class="virtualshop-acp-card">
				<div class="virtualshop-acp-card-header">
					<h2>{% if S_CATEGORY_EDIT %}{{ lang('ACP_VIRTUALSHOP_CATEGORY_EDIT') }}{% else %}{{ lang('ACP_VIRTUALSHOP_CATEGORY_ADD') }}{% endif %}</h2>
					<p>{{ lang('ACP_VIRTUALSHOP_CATEGORY_FORM_EXPLAIN') }}</p>
				</div>
				<div class="virtualshop-acp-card-body">
					<fieldset>
						<legend>{% if S_CATEGORY_EDIT %}{{ lang('ACP_VIRTUALSHOP_CATEGORY_EDIT') }}{% else %}{{ lang('ACP_VIRTUALSHOP_CATEGORY_ADD') }}{% endif %}</legend>
						<dl>
							<dt><label for="category_name">{{ lang('ACP_VIRTUALSHOP_CATEGORY_NAME') ~ lang('COLON') }}</label></dt>
							<dd><input type="text" id="category_name" name="category_name" value="{{ CATEGORY_NAME }}" maxlength="100" size="40"></dd>
						</dl>
						<dl>
							<dt><label for="category_sort_order">{{ lang('ACP_VIRTUALSHOP_CATEGORY_SORT_ORDER') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_SORT_ORDER_EXPLAIN') }}</span></dt>
							<dd><input type="number" id="category_sort_order" name="category_sort_order" value="{{ CATEGORY_SORT_ORDER }}"></dd>
						</dl>
						<dl>
							<dt><label>{{ lang('ACP_VIRTUALSHOP_CATEGORY_ENABLED') ~ lang('COLON') }}</label></dt>
							<dd><label><input type="radio" name="category_enabled" value="1"{% if CATEGORY_ENABLED %} checked{% endif %}> {{ lang('YES') }}</label> <label><input type="radio" name="category_enabled" value="0"{% if not CATEGORY_ENABLED %} checked{% endif %}> {{ lang('NO') }}</label></dd>
						</dl>
						<p class="submit-buttons virtualshop-acp-submit"><input class="button1" type="submit" name="submit_category" value="{{ lang('SUBMIT') }}"></p>
						{{ S_FORM_TOKEN }}
					</fieldset>
				</div>
			</form>

			<div class="virtualshop-acp-card">
				<div class="virtualshop-acp-card-header">
					<h2>{{ lang('ACP_VIRTUALSHOP_CATEGORY_LIST') }}</h2>
					<p>{{ lang('ACP_VIRTUALSHOP_CATEGORY_LIST_EXPLAIN') }}</p>
				</div>
				<div class="virtualshop-acp-table-wrap">
					<table class="table1 zebra-table">
						<thead>
							<tr>
								<th>{{ lang('ACP_VIRTUALSHOP_CATEGORY_NAME') }}</th>
								<th>{{ lang('ACP_VIRTUALSHOP_CATEGORY_SORT_ORDER') }}</th>
								<th>{{ lang('ENABLED') }}</th>
								<th>{{ lang('ACTION') }}</th>
							</tr>
						</thead>
						<tbody>
						{% for category in shop_categories %}
							<tr>
								<td><strong>{{ category.NAME }}</strong></td>
								<td>{{ category.SORT_ORDER }}</td>
								<td>{% if category.S_ENABLED %}<span class="virtualshop-acp-badge enabled">{{ lang('YES') }}</span>{% else %}<span class="virtualshop-acp-badge disabled">{{ lang('NO') }}</span>{% endif %}</td>
								<td class="virtualshop-acp-actions"><a href="{{ category.U_EDIT }}">{{ lang('EDIT') }}</a> <a href="{{ category.U_DELETE }}">{{ lang('DELETE') }}</a></td>
							</tr>
						{% else %}
							<tr><td colspan="4">{{ lang('ACP_VIRTUALSHOP_NO_CATEGORIES') }}</td></tr>
						{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>

		<div>
			<form id="virtualshop_item" method="post" action="{{ U_ACTION }}" enctype="multipart/form-data" class="virtualshop-acp-card">
				<div class="virtualshop-acp-card-header">
					<h2>{% if S_EDIT %}{{ lang('ACP_VIRTUALSHOP_ITEM_EDIT') }}{% else %}{{ lang('ACP_VIRTUALSHOP_ITEM_ADD') }}{% endif %}</h2>
					<p>{{ lang('ACP_VIRTUALSHOP_ITEM_FORM_EXPLAIN') }}</p>
				</div>
				<div class="virtualshop-acp-card-body">
					<fieldset>
						<legend>{% if S_EDIT %}{{ lang('ACP_VIRTUALSHOP_ITEM_EDIT') }}{% else %}{{ lang('ACP_VIRTUALSHOP_ITEM_ADD') }}{% endif %}</legend>
						<dl>
							<dt><label for="item_name">{{ lang('ACP_VIRTUALSHOP_ITEM_NAME') ~ lang('COLON') }}</label></dt>
							<dd><input type="text" id="item_name" name="item_name" value="{{ ITEM_NAME }}" maxlength="255" size="50"></dd>
						</dl>
						<dl>
							<dt><label for="item_description">{{ lang('ACP_VIRTUALSHOP_ITEM_DESCRIPTION') ~ lang('COLON') }}</label></dt>
							<dd><textarea id="item_description" name="item_description" rows="5" cols="60">{{ ITEM_DESCRIPTION }}</textarea></dd>
						</dl>
						<dl>
							<dt><label for="item_category">{{ lang('ACP_VIRTUALSHOP_ITEM_CATEGORY') ~ lang('COLON') }}</label></dt>
							<dd><select id="item_category" name="item_category"><option value="">{{ lang('ACP_VIRTUALSHOP_NO_CATEGORY') }}</option>{% for category in shop_categories %}<option value="{{ category.NAME }}"{% if category.S_SELECTED %} selected{% endif %}>{{ category.NAME }}</option>{% endfor %}</select></dd>
						</dl>
						<dl>
							<dt><label for="item_type">{{ lang('ACP_VIRTUALSHOP_ITEM_TYPE') ~ lang('COLON') }}</label></dt>
							<dd><select id="item_type" name="item_type">{% for type in item_types %}<option value="{{ type.VALUE }}"{% if type.S_SELECTED %} selected{% endif %}>{{ type.NAME }}</option>{% endfor %}</select></dd>
						</dl>
						<dl>
							<dt><label for="item_rarity">{{ lang('ACP_VIRTUALSHOP_ITEM_RARITY') ~ lang('COLON') }}</label></dt>
							<dd><select id="item_rarity" name="item_rarity">{% for rarity in rarities %}<option value="{{ rarity.VALUE }}"{% if rarity.S_SELECTED %} selected{% endif %}>{{ rarity.NAME }}</option>{% endfor %}</select></dd>
						</dl>
						<dl>
							<dt><label for="item_price">{{ lang('ACP_VIRTUALSHOP_ITEM_PRICE') ~ lang('COLON') }}</label></dt>
							<dd><input type="number" step="0.01" min="0" id="item_price" name="item_price" value="{{ ITEM_PRICE }}"></dd>
						</dl>
						<dl>
							<dt><label for="item_passive_points">{{ lang('ACP_VIRTUALSHOP_ITEM_PASSIVE_POINTS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_PASSIVE_POINTS_EXPLAIN') }}</span></dt>
							<dd><input type="number" step="0.01" min="0" id="item_passive_points" name="item_passive_points" value="{{ ITEM_PASSIVE_POINTS }}"></dd>
						</dl>
						<dl>
							<dt><label for="item_upkeep_points">{{ lang('ACP_VIRTUALSHOP_ITEM_UPKEEP_POINTS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_UPKEEP_POINTS_EXPLAIN') }}</span></dt>
							<dd><input type="number" step="0.01" min="0" id="item_upkeep_points" name="item_upkeep_points" value="{{ ITEM_UPKEEP_POINTS }}"></dd>
						</dl>
						<dl>
							<dt><label for="item_cron_interval_hours">{{ lang('ACP_VIRTUALSHOP_ITEM_CRON_INTERVAL_HOURS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_CRON_INTERVAL_HOURS_EXPLAIN') }}</span></dt>
							<dd><input type="number" step="1" min="1" max="720" id="item_cron_interval_hours" name="item_cron_interval_hours" value="{{ ITEM_CRON_INTERVAL_HOURS }}"> {{ lang('ACP_VIRTUALSHOP_HOURS') }}</dd>
						</dl>
						<dl>
							<dt><label for="item_max_per_user">{{ lang('ACP_VIRTUALSHOP_ITEM_MAX_PER_USER') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_MAX_PER_USER_EXPLAIN') }}</span></dt>
							<dd><input type="number" step="1" min="0" id="item_max_per_user" name="item_max_per_user" value="{{ ITEM_MAX_PER_USER }}"></dd>
						</dl>
						<dl>
							<dt><label for="item_stock">{{ lang('ACP_VIRTUALSHOP_ITEM_STOCK') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_STOCK_EXPLAIN') }}</span></dt>
							<dd><input type="number" id="item_stock" name="item_stock" value="{{ ITEM_STOCK }}"></dd>
						</dl>
						<dl>
							<dt><label for="item_image">{{ lang('ACP_VIRTUALSHOP_ITEM_IMAGE') ~ lang('COLON') }}</label></dt>
							<dd>{% if ITEM_IMAGE %}<span class="virtualshop-acp-preview"><img src="{{ ITEM_IMAGE }}" alt=""></span><br><label><input type="checkbox" name="remove_item_image" value="1"> {{ lang('ACP_VIRTUALSHOP_REMOVE_IMAGE') }}</label><br>{% endif %}<input type="file" id="item_image" name="item_image" accept="image/png,image/jpeg,image/webp,image/gif"></dd>
						</dl>
						<dl>
							<dt><label>{{ lang('ACP_VIRTUALSHOP_ITEM_ENABLED') ~ lang('COLON') }}</label></dt>
							<dd><label><input type="radio" name="item_enabled" value="1"{% if ITEM_ENABLED %} checked{% endif %}> {{ lang('YES') }}</label> <label><input type="radio" name="item_enabled" value="0"{% if not ITEM_ENABLED %} checked{% endif %}> {{ lang('NO') }}</label></dd>
						</dl>
						<dl>
							<dt><label>{{ lang('ACP_VIRTUALSHOP_ITEM_SHOWCASE') ~ lang('COLON') }}</label></dt>
							<dd><label><input type="radio" name="item_showcase" value="1"{% if ITEM_SHOWCASE %} checked{% endif %}> {{ lang('YES') }}</label> <label><input type="radio" name="item_showcase" value="0"{% if not ITEM_SHOWCASE %} checked{% endif %}> {{ lang('NO') }}</label></dd>
						</dl>
						<dl>
							<dt><label>{{ lang('ACP_VIRTUALSHOP_ITEM_UNIQUE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_UNIQUE_EXPLAIN') }}</span></dt>
							<dd><label><input type="radio" name="item_unique" value="1"{% if ITEM_UNIQUE %} checked{% endif %}> {{ lang('YES') }}</label> <label><input type="radio" name="item_unique" value="0"{% if not ITEM_UNIQUE %} checked{% endif %}> {{ lang('NO') }}</label></dd>
						</dl>
						<dl>
							<dt><label>{{ lang('ACP_VIRTUALSHOP_ITEM_PROTECTED') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_PROTECTED_EXPLAIN') }}</span></dt>
							<dd><label><input type="radio" name="item_protected" value="1"{% if ITEM_PROTECTED %} checked{% endif %}> {{ lang('YES') }}</label> <label><input type="radio" name="item_protected" value="0"{% if not ITEM_PROTECTED %} checked{% endif %}> {{ lang('NO') }}</label></dd>
						</dl>
						<dl>
							<dt><label>{{ lang('ACP_VIRTUALSHOP_ITEM_UPGRADE_ENABLED') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_ITEM_UPGRADE_ENABLED_EXPLAIN') }}</span></dt>
							<dd><label><input type="radio" name="item_upgrade_enabled" value="1"{% if ITEM_UPGRADE_ENABLED %} checked{% endif %}> {{ lang('YES') }}</label> <label><input type="radio" name="item_upgrade_enabled" value="0"{% if not ITEM_UPGRADE_ENABLED %} checked{% endif %}> {{ lang('NO') }}</label></dd>
						</dl>
						<dl>
							<dt><label for="item_sort_order">{{ lang('ACP_VIRTUALSHOP_ITEM_SORT_ORDER') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_VIRTUALSHOP_SORT_ORDER_EXPLAIN') }}</span></dt>
							<dd><input type="number" id="item_sort_order" name="item_sort_order" value="{{ ITEM_SORT_ORDER }}"></dd>
						</dl>
						<p class="submit-buttons virtualshop-acp-submit"><input class="button1" type="submit" name="submit" value="{{ lang('SUBMIT') }}"> <input class="button2" type="reset" value="{{ lang('RESET') }}"></p>
						{{ S_FORM_TOKEN }}
					</fieldset>
				</div>
			</form>
		</div>

	</div>

	<div class="virtualshop-acp-card virtualshop-acp-loot">
		<div class="virtualshop-acp-card-header">
			<h2>{{ lang('ACP_VIRTUALSHOP_LOOT_TITLE') }}</h2>
			<p>{{ lang('ACP_VIRTUALSHOP_LOOT_EXPLAIN') }}</p>
		</div>

		<div class="virtualshop-acp-loot-body">
			<form id="virtualshop_loot" method="post" action="{{ U_SETTINGS_ACTION }}" class="virtualshop-acp-loot-form">
				<fieldset>
					<legend>{{ lang('ACP_VIRTUALSHOP_LOOT_TITLE') }}</legend>

					<div class="virtualshop-acp-loot-row">
						<div class="virtualshop-acp-loot-field">
							<label for="loot_box_item_id">{{ lang('ACP_VIRTUALSHOP_LOOT_BOX') }}</label>
							<select id="loot_box_item_id" name="loot_box_item_id">
								<option value="0">{{ lang('ACP_VIRTUALSHOP_SELECT_BOX') }}</option>
								{% for box in loot_boxes %}<option value="{{ box.ID }}">{{ box.NAME }}</option>{% endfor %}
							</select>
						</div>

						<div class="virtualshop-acp-loot-field">
							<label for="loot_reward_item_id">{{ lang('ACP_VIRTUALSHOP_LOOT_REWARD') }}</label>
							<select id="loot_reward_item_id" name="loot_reward_item_id">
								<option value="0">{{ lang('ACP_VIRTUALSHOP_SELECT_REWARD') }}</option>
								{% for reward in loot_rewards %}<option value="{{ reward.ID }}">{{ reward.NAME }} — {{ reward.RARITY }}</option>{% endfor %}
							</select>
						</div>

						<div class="virtualshop-acp-loot-field">
							<label for="loot_chance">{{ lang('ACP_VIRTUALSHOP_LOOT_CHANCE') }}</label>
							<div class="virtualshop-acp-loot-percent">
								<input id="loot_chance" type="number" name="loot_chance" min="0.01" step="0.01" value="100.00">
								<span>%</span>
							</div>
						</div>
					</div>

					<p class="submit-buttons virtualshop-acp-loot-submit"><input class="button1" type="submit" name="submit_loot" value="{{ lang('ACP_VIRTUALSHOP_LOOT_ADD') }}"></p>
					{{ S_FORM_TOKEN }}
				</fieldset>
			</form>

			<div class="virtualshop-acp-table-wrap virtualshop-acp-loot-table-wrap">
				<table class="table1 zebra-table">
					<thead>
						<tr>
							<th>{{ lang('ACP_VIRTUALSHOP_LOOT_BOX') }}</th>
							<th>{{ lang('ACP_VIRTUALSHOP_LOOT_REWARD') }}</th>
							<th>{{ lang('ACP_VIRTUALSHOP_LOOT_CHANCE') }}</th>
							<th>{{ lang('ACTION') }}</th>
						</tr>
					</thead>
					<tbody>
					{% for loot in loot_entries %}
						<tr>
							<td><strong>{{ loot.BOX_NAME }}</strong></td>
							<td>{{ loot.REWARD_NAME }} <span class="virtualshop-acp-badge">{{ loot.REWARD_RARITY }}</span></td>
							<td>{{ loot.CHANCE }}%</td>
							<td class="virtualshop-acp-actions"><a href="{{ loot.U_DELETE }}">{{ lang('DELETE') }}</a></td>
						</tr>
					{% else %}
						<tr><td colspan="4">{{ lang('ACP_VIRTUALSHOP_NO_LOOT') }}</td></tr>
					{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div class="virtualshop-acp-card">
		<div class="virtualshop-acp-card-header">
			<h2>{{ lang('ACP_VIRTUALSHOP_ITEM_LIST') }}</h2>
			<p>{{ lang('ACP_VIRTUALSHOP_ITEM_LIST_EXPLAIN') }}</p>
		</div>
		<div class="virtualshop-acp-table-wrap">
			<table class="table1 zebra-table">
				<thead>
					<tr>
						<th>{{ lang('ACP_VIRTUALSHOP_ITEM_IMAGE') }}</th>
						<th>{{ lang('ACP_VIRTUALSHOP_ITEM_NAME') }}</th>
						<th>{{ lang('ACP_VIRTUALSHOP_ITEM_CATEGORY') }}</th>
						<th>{{ lang('ACP_VIRTUALSHOP_ITEM_TYPE') }}</th>
						<th>{{ lang('ACP_VIRTUALSHOP_ITEM_RARITY') }}</th>
						<th>{{ lang('ACP_VIRTUALSHOP_ITEM_PRICE') }}</th>
						<th>{{ lang('ACP_VIRTUALSHOP_ITEM_STOCK') }}</th>
						<th>{{ lang('ENABLED') }}</th>
						<th>{{ lang('ACTION') }}</th>
					</tr>
				</thead>
				<tbody>
				{% for item in items %}
					<tr>
						<td><span class="virtualshop-acp-thumb"><img src="{{ item.IMAGE }}" alt=""></span></td>
						<td><strong>{{ item.NAME }}</strong></td>
						<td>{% if item.CATEGORY %}<span class="virtualshop-acp-badge">{{ item.CATEGORY }}</span>{% else %}{{ lang('ACP_VIRTUALSHOP_NO_CATEGORY') }}{% endif %}</td>
						<td>{{ item.ITEM_TYPE }}</td>
						<td>{{ item.ITEM_RARITY }}</td>
						<td>{{ item.PRICE }}</td>
						<td>{% if item.STOCK < 0 %}{{ lang('VIRTUALSHOP_UNLIMITED') }}{% else %}{{ item.STOCK }}{% endif %}</td>
						<td>{% if item.S_ENABLED %}<span class="virtualshop-acp-badge enabled">{{ lang('YES') }}</span>{% else %}<span class="virtualshop-acp-badge disabled">{{ lang('NO') }}</span>{% endif %}</td>
						<td class="virtualshop-acp-actions"><a href="{{ item.U_EDIT }}">{{ lang('EDIT') }}</a> <a href="{{ item.U_DELETE }}">{{ lang('DELETE') }}</a></td>
					</tr>
				{% else %}
					<tr><td colspan="9">{{ lang('ACP_VIRTUALSHOP_NO_ITEMS') }}</td></tr>
				{% endfor %}
				</tbody>
			</table>
		</div>
	</div>

	<div class="virtualshop-acp-card virtualshop-acp-recipes">
		<div class="virtualshop-acp-card-header">
			<h2>{{ lang('ACP_VIRTUALSHOP_RECIPE_TITLE') }}</h2>
			<p>{{ lang('ACP_VIRTUALSHOP_RECIPE_EXPLAIN') }}</p>
		</div>
		<form id="virtualshop_recipe" method="post" action="{{ U_SETTINGS_ACTION }}" class="virtualshop-acp-card-body">
			<fieldset>
				<legend>{{ lang('ACP_VIRTUALSHOP_RECIPE_ADD') }}</legend>
				<dl><dt><label for="recipe_name">{{ lang('ACP_VIRTUALSHOP_RECIPE_NAME') ~ lang('COLON') }}</label></dt><dd><input type="text" id="recipe_name" name="recipe_name" maxlength="255" size="50"></dd></dl>
				<dl><dt><label for="recipe_result_item_id">{{ lang('ACP_VIRTUALSHOP_RECIPE_RESULT') ~ lang('COLON') }}</label></dt><dd><select id="recipe_result_item_id" name="recipe_result_item_id"><option value="0">{{ lang('ACP_VIRTUALSHOP_SELECT_REWARD') }}</option>{% for item in recipe_result_items %}<option value="{{ item.ID }}">{{ item.NAME }} — {{ item.RARITY }}</option>{% endfor %}</select></dd></dl>
				{% for i in 1..4 %}
				<dl><dt><label>{{ lang('ACP_VIRTUALSHOP_RECIPE_INGREDIENT') }} {{ i }}{{ lang('COLON') }}</label></dt><dd><select name="recipe_item_{{ i }}"><option value="0">{{ lang('ACP_VIRTUALSHOP_RECIPE_NO_INGREDIENT') }}</option>{% for item in recipe_ingredient_items %}<option value="{{ item.ID }}">{{ item.NAME }} — {{ item.RARITY }}</option>{% endfor %}</select> <input type="number" name="recipe_amount_{{ i }}" min="0" step="1" value="0" style="width:70px;"></dd></dl>
				{% endfor %}
				<dl><dt><label>{{ lang('ENABLED') ~ lang('COLON') }}</label></dt><dd><label><input type="radio" name="recipe_enabled" value="1" checked> {{ lang('YES') }}</label> <label><input type="radio" name="recipe_enabled" value="0"> {{ lang('NO') }}</label></dd></dl>
				<p class="submit-buttons virtualshop-acp-submit"><input class="button1" type="submit" name="submit_recipe" value="{{ lang('ACP_VIRTUALSHOP_RECIPE_ADD') }}"></p>
				{{ S_FORM_TOKEN }}
			</fieldset>
		</form>
		<div class="virtualshop-acp-table-wrap">
			<table class="table1 zebra-table"><thead><tr><th>{{ lang('ACP_VIRTUALSHOP_RECIPE_NAME') }}</th><th>{{ lang('ACP_VIRTUALSHOP_RECIPE_RESULT') }}</th><th>{{ lang('ENABLED') }}</th><th>{{ lang('ACTION') }}</th></tr></thead><tbody>
			{% for recipe in recipe_entries %}<tr><td><strong>{{ recipe.NAME }}</strong></td><td>{{ recipe.RESULT_NAME }} <span class="virtualshop-acp-badge">{{ recipe.RESULT_RARITY }}</span></td><td>{% if recipe.S_ENABLED %}<span class="virtualshop-acp-badge enabled">{{ lang('YES') }}</span>{% else %}<span class="virtualshop-acp-badge disabled">{{ lang('NO') }}</span>{% endif %}</td><td class="virtualshop-acp-actions"><a href="{{ recipe.U_DELETE }}">{{ lang('DELETE') }}</a></td></tr>{% else %}<tr><td colspan="4">{{ lang('ACP_VIRTUALSHOP_NO_RECIPES') }}</td></tr>{% endfor %}
			</tbody></table>
		</div>
	</div>

<div class="virtualshop-acp-card virtualshop-acp-guide">
	<div class="virtualshop-acp-card-header">
		<h2>{{ lang('ACP_VIRTUALSHOP_GUIDE_TITLE') }}</h2>
		<p>{{ lang('ACP_VIRTUALSHOP_GUIDE_EXPLAIN') }}</p>
	</div>

	<div class="virtualshop-acp-guide-grid">
		<div class="virtualshop-acp-guide-box">
			<h3>{{ lang('ACP_VIRTUALSHOP_GUIDE_TYPES') }}</h3>
			<ul>
				<li><strong>{{ lang('VIRTUALSHOP_TYPE_NORMAL') }}</strong> {{ lang('ACP_VIRTUALSHOP_GUIDE_TYPE_NORMAL') }}</li>
				<li><strong>{{ lang('VIRTUALSHOP_TYPE_GIFT') }}</strong> {{ lang('ACP_VIRTUALSHOP_GUIDE_TYPE_GIFT') }}</li>
				<li><strong>{{ lang('VIRTUALSHOP_TYPE_MYSTERY_BOX') }}</strong> {{ lang('ACP_VIRTUALSHOP_GUIDE_TYPE_MYSTERY_BOX') }}</li>
				<li><strong>{{ lang('VIRTUALSHOP_TYPE_PASSIVE') }}</strong> {{ lang('ACP_VIRTUALSHOP_GUIDE_TYPE_PASSIVE') }}</li>
				<li><strong>{{ lang('VIRTUALSHOP_TYPE_COSMETIC') }}</strong> {{ lang('ACP_VIRTUALSHOP_GUIDE_TYPE_COSMETIC') }}</li>
			</ul>
		</div>

		<div class="virtualshop-acp-guide-box">
			<h3>{{ lang('ACP_VIRTUALSHOP_GUIDE_RARITY') }}</h3>
			<div class="virtualshop-acp-rarity-row">
				<span class="common">{{ lang('VIRTUALSHOP_RARITY_COMMON') }}</span>
				<span class="rare">{{ lang('VIRTUALSHOP_RARITY_RARE') }}</span>
				<span class="epic">{{ lang('VIRTUALSHOP_RARITY_EPIC') }}</span>
				<span class="legendary">{{ lang('VIRTUALSHOP_RARITY_LEGENDARY') }}</span>
			</div>
			<p>{{ lang('ACP_VIRTUALSHOP_GUIDE_RARITY_EXPLAIN') }}</p>
		</div>
	</div>
</div>


<!-- 🎁 MYSTERY BOX GUIDE -->
<div class="virtualshop-acp-card virtualshop-mystery-guide">
	<div class="virtualshop-mystery-guide-header">
		<span class="virtualshop-mystery-guide-icon">🎁</span>
		<div>
			<h3>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_TITLE') }}</h3>
			<p>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_SUBTITLE') }}</p>
		</div>
	</div>

	<div class="virtualshop-mystery-guide-grid">
		<div>
			<h4>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_HOW') }}</h4>
			<ul>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_HOW_1') }}</li>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_HOW_2') }}</li>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_HOW_3') }}</li>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_HOW_4') }}</li>
			</ul>
		</div>

		<div>
			<h4>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_IMPORTANT') }}</h4>
			<ul>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_IMPORTANT_1') }}</li>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_IMPORTANT_2') }}</li>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_IMPORTANT_3') }}</li>
				<li>{{ lang('VIRTUALSHOP_MYSTERY_GUIDE_IMPORTANT_4') }}</li>
			</ul>
		</div>
	</div>
</div>


<!-- 🧭 ADMIN GUIDE -->
<div class="virtualshop-acp-card virtualshop-admin-guide">
	<div class="virtualshop-admin-guide-header">
		<span class="virtualshop-admin-guide-icon">🧭</span>
		<div>
			<h3>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_TITLE') }}</h3>
			<p>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_SUBTITLE') }}</p>
		</div>
	</div>

	<div class="virtualshop-admin-guide-grid">
		<div>
			<h4>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_GLOBAL_TITLE') }}</h4>
			<ul>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_GLOBAL_1') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_GLOBAL_2') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_GLOBAL_3') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_GLOBAL_4') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_GLOBAL_5') }}</li>
			</ul>
		</div>

		<div>
			<h4>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ITEM_TITLE') }}</h4>
			<ul>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ITEM_1') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ITEM_2') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ITEM_3') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ITEM_4') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ITEM_5') }}</li>
			</ul>
		</div>

		<div>
			<h4>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ECONOMY_TITLE') }}</h4>
			<ul>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ECONOMY_1') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ECONOMY_2') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ECONOMY_3') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_ECONOMY_4') }}</li>
			</ul>
		</div>

		<div>
			<h4>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_UPGRADE_TITLE') }}</h4>
			<ul>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_UPGRADE_1') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_UPGRADE_2') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_UPGRADE_3') }}</li>
				<li>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_UPGRADE_4') }}</li>
			</ul>
		</div>
	</div>

	<div class="virtualshop-admin-guide-note">
		<strong>{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_TIP_TITLE') }}</strong>
		{{ lang('ACP_VIRTUALSHOP_ADMIN_GUIDE_TIP_TEXT') }}
	</div>
</div>
	
	<div class="virtualshop-acp-donate">
		<div class="virtualshop-acp-donate-text">
			Vind je deze extensie leuk? <strong>Overweeg dan een donatie</strong> om de ontwikkeling te ondersteunen.
		</div>

		<a href="https://www.phpbbextnl.be/donate" target="_blank" rel="noopener">
		💖 Doneer
		</a>
	</div>	
</div>

{% INCLUDE 'overall_footer.html' %}