<div class="flexbox">
	<div class="flexcolumn-2">

		<div class="flexpart">
			<div class="flexpart-header"><img src="icons/commodities/currency/coins-assorted-mix-copper-silver-gold.webp" class="flexpart-icon">Geld</div>
			<table>
				<thead class="theader">
					<tr>
						<th class="title" style="text-align: center">{{localize "midgard5.currency-gold"}}</th>
						<th class="title" style="text-align: center">{{localize "midgard5.currency-silver"}}</th>
						<th class="title" style="text-align: center">{{localize "midgard5.currency-copper"}}</th>
					</tr>
				</thead>
				<tbody>
					<tr height = 10px></tr>
					<tr>
						<td class="fixed-value"><input type="number" name="data.info.gold" value="{{data.info.gold}}"></td>
						<td class="fixed-value"><input type="number" name="data.info.silver" value="{{data.info.silver}}"></td>
						<td class="fixed-value"><input type="number" name="data.info.copper" value="{{data.info.copper}}"></td>
					</tr>
				</tbody>
			</table>
		</div>

		<div class="flexpart">
			<div class="flexpart-header"><img src="icons/tools/hand/scale-balances-merchant-brown.webp" class="flexpart-icon">{{localize "TYPES.Item.item"}}</div>
			<table>
				<thead class="theader">
					<tr>
						<th class="title">{{localize "TYPES.Item.item"}}</th>
						<th class="title center">{{localize "midgard5.item-quantity"}}</th>
						<th class="title center">{{localize "midgard5.item-value"}}</th>
						<th class="title center"><img src="/icons/svg/shield.svg" class="table-icon"></th>
						<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"></th>
						<th class="title">&nbsp;</th>
					</tr>
				</thead>
				<tbody>
					<tr height = 10px></tr>
					</tr>
					{{#each data.calc.gear.items as |item itemId|}}
						<tr data-item="{{itemId}}">
							<td class="padding">
								<span class="edit-item">{{item.label}}</span>
							</td>
							<td>
								<i class="fa fa-minus-circle quantity-decrease" style="cursor: pointer"></i>
								<span>{{item.quantity}}</span>
								<i class="fa fa-plus-circle quantity-increase" style="cursor: pointer"></i>
							</td>
							<td style="text-align: start">
								{{#unless (or (eq item.value 0) (eq item.currency ""))}}
								<span class="spell-process">{{item.value}} {{localize (m5concat "midgard5.currency-" item.currency)}}</span>
								{{/unless}}
							</td>
							<td>
								{{#if item.equipped}}
									<img src="/systems/midgard5/assets/icons/icon/black-hand-shield.svg" class="table-icon">
								{{/if}}
							</td>
							<td class="fixed-value">{{#if item.rollExist}}<button class="roll-button roll-consumable-item"></button>{{/if}}</td>
							<td class="fixed-value"><a class="item-delete" title="Delete Item"><i class="fas fa-trash"></i></a></td>
						</tr>
					{{/each}}
				</tbody>
			</table>
		</div>
	</div>

	<div class="flexcolumn-2">

		<div class="flexpart">
			<div class="flexpart-header"><img src="icons/containers/chest/chest-simple-box-brown.webp" class="flexpart-icon">{{localize "TYPES.Item.container"}}</div>
			<table>
				<thead class="theader">
					<tr>
						<th class="title">{{localize "TYPES.Item.container"}}</th>
						<th class="title center">{{localize "midgard5.item-value"}}</th>
						<th class="title center"><img src="/icons/svg/shield.svg" class="table-icon"></th>
						<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"></th>
						<th class="title">&nbsp;</th>
					</tr>
				</thead>
				<tbody>
					<tr height = 10px></tr>
					</tr>
					{{#each data.calc.gear.containers as |item itemId|}}
						<tr data-item="{{itemId}}">
							<td class="padding">
								<span class="edit-item">{{item.label}}</span>
							</td>
							<td style="text-align: start">
								{{#unless (or (eq item.value 0) (eq item.currency ""))}}
								<span class="spell-process">{{item.value}} {{localize (m5concat "midgard5.currency-" item.currency)}}</span>
								{{/unless}}
							</td>
							<td>
								{{#if item.equipped}}
									<img src="/systems/midgard5/assets/icons/icon/black-hand-shield.svg" class="table-icon">
								{{/if}}
							</td>
							<td class="fixed-value">{{#if item.rollExist}}<button class="roll-button roll-consumable-item"></button>{{/if}}</td>
							<td class="fixed-value"><a class="item-delete" title="Delete Item"><i class="fas fa-trash"></i></a></td>
						</tr>
					{{/each}}
				</tbody>
			</table>
		</div>

		{{#each data.calc.gear.containers as |container containerId|}}	
		<div class="flexpart">
			<div class="flexpart-header"><img src="{{container.icon}}" class="flexpart-icon">{{container.label}}</div>
			<table>
				<thead class="theader">
					<tr>
						<th class="title">{{localize "TYPES.Item.item"}}</th>
						<th class="title center">{{localize "midgard5.item-quantity"}}</th>
						<th class="title center">{{localize "midgard5.item-value"}}</th>
						<th class="title center"><img src="/icons/svg/shield.svg" class="table-icon"></th>
						<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"></th>
						<th class="title">&nbsp;</th>
					</tr>
				</thead>
				<tbody>
					<tr height = 10px></tr>
					</tr>
					{{#each ../data.calc.gear.items as |item itemId|}}
						{{#if (eq item.containerId containerId)}}	
						<tr data-item="{{itemId}}">
							<td class="padding">
								<span class="edit-item">{{item.label}}</span>
							</td>
							<td>
								<i class="fa fa-minus-circle quantity-decrease" style="cursor: pointer"></i>
								<span>{{item.quantity}}</span>
								<i class="fa fa-plus-circle quantity-increase" style="cursor: pointer"></i>
							</td>
							<td style="text-align: start">
								{{#unless (or (eq item.value 0) (eq item.currency ""))}}
								<span class="spell-process">{{item.value}} {{localize (m5concat "midgard5.currency-" item.currency)}}</span>
								{{/unless}}
							</td>
							<td>
								{{#if item.equipped}}
									<img src="/systems/midgard5/assets/icons/icon/black-hand-shield.svg" class="table-icon">
								{{/if}}
							</td>
							<td class="fixed-value">{{#if item.rollExist}}<button class="roll-button roll-consumable-item"></button>{{/if}}</td>
							<td class="fixed-value"><a class="item-delete" title="Delete Item"><i class="fas fa-trash"></i></a></td>
						</tr>
						{{/if}}	
					{{/each}}
				</tbody>
			</table>
		</div>
		{{/each}}	
	</div>
</div>