<div id="rewards" class="row">
	<div class="col-lg-9">
		<div class="panel panel-default">
			<div class="panel-heading">[[admin/extend/rewards:rewards]]</div>
			<div class="panel-body">
				<ul id="active">
					{{{ each active }}}
					<li data-rid="{active.rid}" data-id="{active.id}">
						<form class="main inline-block">
							<div class="well inline-block">
								<label for="condition">[[admin/extend/rewards:condition-if-users]]</label><br />
								<select name="condition" data-selected="{active.condition}">
									{{{ each conditions }}}
									<option value="{conditions.condition}">{conditions.name}</option>
									{{{ end }}}
								</select>
							</div>
							<div class="well inline-block">
								<label for="condition">[[admin/extend/rewards:condition-is]]</label><br />
								<select name="conditional" data-selected="{active.conditional}">
									{{{ each  conditionals }}}
									<option value="{conditionals.conditional}">{conditionals.name}</option>
									{{{ end }}}
								</select>
								<input type="text" name="value" value="{active.value}" />
							</div>
							<div class="well inline-block">
								<label for="condition">[[admin/extend/rewards:condition-then]]</label><br />
								<select name="rid" data-selected="{active.rid}">
									<!-- BEGIN ../../rewards -->
									<option value="{rewards.rid}">{rewards.name}</option>
									<!-- END ../../rewards -->
								</select>
							</div>
						</form>

						<form class="rewards inline-block">
							<div class="inputs well inline-block"></div>
						</form>
						<div class="clearfix"></div>

						<div class="pull-right">
							<div class="panel-body inline-block">
								<form class="main">
									<label for="claimable">[[admin/extend/rewards:max-claims]]</label><br />
									<input type="text" name="claimable" value="{active.claimable}" placeholder="1" />
									<small>[[admin/extend/rewards:zero-infinite]]</small>
								</form>
							</div>
							<div class="panel-body inline-block">
								<button class="btn btn-danger delete">[[admin/extend/rewards:delete]]</button>
								<!-- IF active.disabled -->
								<button class="btn btn-success toggle">[[admin/extend/rewards:enable]]</button>
								<!-- ELSE -->
								<button class="btn btn-warning toggle">[[admin/extend/rewards:disable]]</button>
								<!-- ENDIF active.disabled -->
							</div>
						</div>
						<div class="clearfix"></div>
					</li>
					{{{ end }}}
				</ul>
			</div>
		</div>
	</div>

	<div class="col-lg-3 acp-sidebar">
		<div class="panel panel-default">
			<div class="panel-heading">[[admin/extend/rewards:control-panel]]</div>
			<div class="panel-body">
				<button class="btn btn-success btn-md" id="new">[[admin/extend/rewards:new-reward]]</button>
				<button class="btn btn-primary btn-md" id="save">[[global:save_changes]]</button>
			</div>
		</div>
	</div>
</div>