foundry-vtt-system-midgard5/templates/sheets/character/combat.hbs

<div class="flexbox">

	<div class="flexcolumn-2">
		<div class="flexpart">
			<div class="flexpart-header"><img src="icons/magic/time/arrows-circling-pink.webp" class="flexpart-icon">{{localize "midgard5.calculated-values"}}</div>
			<table>
				<tr height = 10px></tr>
				<tr>
					<td>{{localize "midgard5.movementRange"}}</td>
					<td class="fixed-value">{{data.calc.stats.movement.value}}</td>
					<td>{{localize "midgard5.initiative"}}</td>
					<td  class="fixed-value"><a class="join-combat">{{data.calc.attributes.gw.value}}</a></td>
				</tr>
					<td>{{localize "midgard5.defense"}}</td>
					<td class="fixed-value">{{data.calc.stats.defense.value}}</td>
					<td>{{localize "midgard5.defenseBonus"}}</td>
					<td class="fixed-value">{{data.calc.stats.defenseBonus.value}}</td>
				</tr>
				<tr>
					<td>{{localize "midgard5.attackBonus"}}</td>
					<td class="fixed-value">{{data.calc.stats.attackBonus.value}}</td>
					<td>{{localize "midgard5.damageBonus"}}</td>
					<td class="fixed-value">{{data.calc.stats.damageBonus.value}}</td>
				</tr>
			</table>
		</div>
	</div>

	<div class="flexcolumn-2">
		<div class="flexpart" style="padding: 0 0.5rem;">
			<div class="flexpart-header">{{localize "midgard5.initiative"}}</div>
			<button class="wide-button join-combat">{{localize "midgard5.combat-join"}}</button>
			<button class="wide-button ranged-combat">{{localize "midgard5.combat-ranged"}}</button>
			<button class="wide-button spell-combat">{{localize "midgard5.combat-spell"}}</button>
		</div>
	</div>

	<div class="flexcolumn-2">
		<div class="flexpart">
			<div class="flexpart-header"><img src="icons/skills/melee/hand-grip-sword-white-brown.webp" class="flexpart-icon">{{localize "midgard5.attack"}}</div>
			<table>
				<thead>
					<tr>
						<th class="title">{{localize "TYPES.Item.weapon"}}</th>
						<th class="title">{{localize "midgard5.ew"}}</th>
						<th class="title">{{localize "midgard5.damage"}}</th>
						<th class="title center"><img src="/systems/midgard5/assets/icons/icon/battle-gear.svg" class="table-icon"></th>
						<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"></th>
					</tr>
				</thead>
				<tbody>
					{{#each data.calc.gear.weapons as |item itemId|}}
						{{#if item.equipped}}
						<tr data-item="{{itemId}}">
							<td class="padding edit-item {{#if item.special}}highlight{{/if}}">{{item.label}}{{#if item.special}}(*){{/if}}</td>
							<td class="fixed-value">{{item.calc.ew}}</td>
							<td class="fixed-value">{{item.damageBase}}</td>
							<td class="change-equipped">
								{{#if item.equipped}}
									<i class="fa-solid fa-circle-check"></i>
								{{else}}
									<i class="fa-regular fa-circle"></i>
								{{/if}}
							</td>
							<td><button class="roll-button roll-weapon-button"></button></td>
						</tr>
						{{/if}}	
					{{/each}}

					<tr data-item="{{itemId}}">
						<td class="padding edit-item">{{localize "midgard5.brawl"}}</td>
						<td class="fixed-value">{{data.calc.stats.brawlFw}}</td>
						<td class="fixed-value">1d6 -4</td>
						<td>&nbsp;</td>
						<td><button class="roll-button roll-brawl-button"></button></td>
					</tr>
				</tbody>
			</table>

			<table>
				<thead>
					<tr>
						<th class="title">{{localize "TYPES.Item.kampfkunst"}}</th>
						<th class="title">{{localize "midgard5.kampfkunst-variante-short"}}</th>
						<th class="title">{{localize "midgard5.ew"}}</th>
						<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"></th>
						<td><a class="title add-kampfkunst"><i class="fa-regular fa-plus"></i></a></th>
					</tr>
				</thead>
				<tbody>
					{{#each data.calc.kampfkuenste as |item itemId|}}
						<tr data-item="{{itemId}}">
							<td class="padding edit-item">{{item.label}}</td>
							<td>
								{{#if item.isKido}}
									<span class="spell-process">{{localize (m5concat "midgard5.kido-type-" item.type)}}</span>
									{{#unless (eq item.type "finte")}}
										<span class="spell-process">({{localize (m5concat "midgard5.kido-variante-" item.variante)}})</span>
									{{/unless}}
								{{else}}
									<span class="spell-process">{{localize (m5concat "midgard5.kampfkunst-type-" item.type)}}</span>
									{{#if (eq item.type "angriff")}}
										<span class="spell-process">({{localize (m5concat "midgard5.kampfkunst-variante-" item.variante)}})</span>
									{{/if}}
								{{/if}}
							</td>
							<td class="fixed-value">{{item.calc.ew}}</td>
							<td><button class="roll-button roll-weapon-button" /></td>
							<td><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/skills/melee/shield-block-gray-orange.webp" class="flexpart-icon">{{localize "midgard5.defense"}}</div>
			<table>
				<tr height = 10px></tr>
				<tr>
					<td class="padding edit-item highlight">{{localize "midgard5.defense"}}</td>
					<td class="center">{{add data.calc.stats.defense.value data.calc.stats.defenseBonus.value}}</td>
					<td class="fixed-value"><button class="roll-button roll-defense-button"></button></td>
				</tr>
				<tr>
					<td class="padding edit-item highlight">{{localize "midgard5.resistanceMind"}}</td>
					<td class="center">{{data.calc.stats.resistanceMind.value}}</td>
					<td class="fixed-value"><button class="roll-button roll-resistanceMind-button"></button></td>
				</tr>

				<tr>
					<td class="padding edit-item highlight">{{localize "midgard5.resistanceBody"}}</td>
					<td class="center">{{data.calc.stats.resistanceBody.value}}</td>
					<td class="fixed-value"><button class="roll-button roll-resistanceBody-button"></button></td>
				</tr>

			</table>
			<table>
				<thead>
					<tr>
						<th class="title">{{localize "TYPES.Item.defensiveWeapon"}}</th>
						<th class="title">{{localize "midgard5.ew"}}</th>
						<th class="title">{{localize "midgard5.defenseBonus-short"}}</th>
						<th class="title center"><img src="/systems/midgard5/assets/icons/icon/battle-gear.svg" class="table-icon"></th>
						<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"></th>
					</tr>
				</thead>
				<tbody>
					{{#each data.calc.gear.defensiveWeapons as |item itemId|}}
						{{#if item.equipped}}
						<tr data-item="{{itemId}}">
							<td class="padding edit-item">{{item.label}}</td>
							<td class="fixed-value">{{item.calc.ew}}</td>
							<td class="fixed-value">{{item.defenseBonus}}</td>
							<td class="change-equipped">
								{{#if item.equipped}}
									<i class="fa-solid fa-circle-check"></i>
								{{else}}
									<i class="fa-regular fa-circle"></i>
								{{/if}}
							</td>
							<td><button class="roll-button roll-weapon-button"></button></td>
						</tr>
						{{/if}}	
					{{/each}}
				</tbody>
			</table>

			<table>
				<thead>
					<tr>
						<th class="title">{{localize "TYPES.Item.armor"}}</th>
						<th class="title">{{localize "midgard5.actor-lp-short"}}</th>
						<th class="title center"><img src="/systems/midgard5/assets/icons/icon/battle-gear.svg" class="table-icon"></th>
					</tr>
				</thead>
				<tbody>
					{{#each data.calc.gear.armor as |item itemId|}}
						{{#if item.equipped}}
						<tr data-item="{{itemId}}">
							<td class="padding">{{item.label}}</td>
							<td class="fixed-value">{{lpProtection}}</td>
							<td class="change-equipped">
								{{#if item.equipped}}
									<i class="fa-solid fa-circle-check"></i>
								{{else}}
									<i class="fa-regular fa-circle"></i>
								{{/if}}
							</td>
						</tr>
						{{/if}}
					{{/each}}
				</tbody>
			</table>
		</div>
	</div>
</div>