{% 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>
						<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_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>{% 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 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-card-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-grid">
						<label>
							<strong>{{ lang('ACP_VIRTUALSHOP_LOOT_BOX') }}</strong>
							<select 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>
						</label>
						<label>
							<strong>{{ lang('ACP_VIRTUALSHOP_LOOT_REWARD') }}</strong>
							<select 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>
						</label>
						<label>
							<strong>{{ lang('ACP_VIRTUALSHOP_LOOT_CHANCE') }}</strong>
							<input type="number" name="loot_chance" min="0.01" step="0.01" value="100.00"> %
						</label>
					</div>
					<p class="submit-buttons virtualshop-acp-submit"><input class="button1" type="submit" name="submit_loot" value="{{ lang('ACP_VIRTUALSHOP_LOOT_ADD') }}"></p>
					{{ S_FORM_TOKEN }}
				</fieldset>
			</form>
		</div>
		<div class="virtualshop-acp-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 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-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>
	
	<div class="virtualshop-acp-donate">
		<div class="virtualshop-acp-donate-text">
			{{ lang('ACP_VIRTUALSHOP_DONATE_TEXT') }}
		</div>

		<a href="https://www.phpbbextnl.be/donate" target="_blank" rel="noopener">
		{{ lang('ACP_VIRTUALSHOP_DONATE_BUTTON') }}
		</a>
	</div>	
</div>

{% INCLUDE 'overall_footer.html' %}