Vehicle - WIP

modules/pegasus-actor.js

@@ -1100,6 +1100,9 @@ export class PegasusActor extends Actor {
 
   /* -------------------------------------------- */
   async computeNRGHealth() {
+    if (this.type == "vehicle") {
+      return
+    }
     if (this.isOwner || game.user.isGM) {
       let updates = {}
       let phyDiceValue = PegasusUtility.getDiceValue(this.system.statistics.phy.value) + this.system.secondary.health.bonus + this.system.statistics.phy.mod;

modules/pegasus-main.js

@@ -11,6 +11,7 @@
 import { PegasusActor } from "./pegasus-actor.js";
 import { PegasusItemSheet } from "./pegasus-item-sheet.js";
 import { PegasusActorSheet } from "./pegasus-actor-sheet.js";
+import { PegasusVehicleSheet } from "./pegasus-vehicle-sheet.js";
 import { PegasusNPCSheet } from "./pegasus-npc-sheet.js";
 import { PegasusUtility } from "./pegasus-utility.js";
 import { PegasusCombat } from "./pegasus-combat.js";
@@ -62,8 +63,8 @@ Hooks.once("init", async function () {
   /* -------------------------------------------- */
   // Register sheet application classes
   Actors.unregisterSheet("core", ActorSheet);
-  Actors.registerSheet("fvtt-pegasus", PegasusActorSheet, { types: ["character"], makeDefault: true });
+  Actors.registerSheet("fvtt-pegasus", PegasusActorSheet, { types: ["character"], makeDefault: true })
-  //Actors.registerSheet("fvtt-pegasus", PegasusVehicleSheet, { types: ["vehicle"], makeDefault: false });
+  Actors.registerSheet("fvtt-pegasus", PegasusVehicleSheet, { types: ["vehicle"], makeDefault: false })
 
   Items.unregisterSheet("core", ItemSheet);
   Items.registerSheet("fvtt-pegasus", PegasusItemSheet, { makeDefault: true });

modules/pegasus-utility.js

@@ -447,6 +447,8 @@ export class PegasusUtility {
       'systems/fvtt-pegasus-rpg/templates/partial-equipment-effects.html',
       'systems/fvtt-pegasus-rpg/templates/partial-actor-stat-block.html',
       'systems/fvtt-pegasus-rpg/templates/partial-actor-status.html',
+      'systems/fvtt-pegasus-rpg/templates/partial-vehicle-stat-block.html',
+      'systems/fvtt-pegasus-rpg/templates/partial-vehicle-arc.html',
       'systems/fvtt-pegasus-rpg/templates/partial-item-nav.html',
       'systems/fvtt-pegasus-rpg/templates/partial-item-description.html',
       'systems/fvtt-pegasus-rpg/templates/partial-actor-equipment.html',

modules/pegasus-vehicle-sheet.js

@@ -0,0 +1,359 @@
+/**
+ * Extend the basic ActorSheet with some very simple modifications
+ * @extends {ActorSheet}
+ */
+
+import { PegasusUtility } from "./pegasus-utility.js"
+import { PegasusRollDialog } from "./pegasus-roll-dialog.js"
+
+/* -------------------------------------------- */
+export class PegasusVehicleSheet extends ActorSheet {
+
+  /** @override */
+  static get defaultOptions() {
+
+    return mergeObject(super.defaultOptions, {
+      classes: ["fvtt-pegasus-rpg", "sheet", "actor"],
+      template: "systems/fvtt-pegasus-rpg/templates/vehicle-sheet.html",
+      width: 960,
+      height: 720,
+      tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "combat" }],
+      dragDrop: [{ dragSelector: ".item-list .item", dropSelector: null }],
+      editScore: true
+    });
+  }
+
+  /* -------------------------------------------- */
+  async getData() {
+    const objectData = this.object    
+    let actorData = duplicate(this.object)
+
+    let formData = {
+      title: this.title,
+      id: objectData.id,
+      type: objectData.type,
+      img: objectData.img,
+      name: objectData.name,
+      editable: this.isEditable,
+      cssClass: this.isEditable ? "editable" : "locked",
+      data: actorData.system,
+      effects: this.object.effects.map(e => foundry.utils.deepClone(e.data)),
+      limited: this.object.limited,
+      optionsDiceList: PegasusUtility.getOptionsDiceList(),
+      optionsLevel: PegasusUtility.getOptionsLevel(),
+      subActors: duplicate(this.actor.getSubActors()),
+      effects: duplicate(this.actor.getEffects()),
+      options: this.options,
+      owner: this.document.isOwner,
+      editScore: this.options.editScore,
+      isGM: game.user.isGM
+    }
+    this.formData = formData;
+
+    console.log("VEHICLE : ", formData, this.object);
+    return formData;
+  }
+
+  /* -------------------------------------------- */
+  async openGenericRoll() {
+    let rollData = PegasusUtility.initGenericRoll()
+    rollData.traumaState = this.actor.getTraumaState()
+    
+    let rollDialog = await PegasusRollDialog.create( this.actor, rollData);
+    rollDialog.render( true );
+  }
+
+  /* -------------------------------------------- */
+  async rollIDR( itemId, diceValue) { 
+    let item = this.actor.items.get( itemId) ?? {name: "Unknown"}
+    let myRoll = new Roll(diceValue+"x").roll({ async: false })
+    await PegasusUtility.showDiceSoNice(myRoll, game.settings.get("core", "rollMode"))
+    let chatData = {
+      user: game.user.id,
+      rollMode: game.settings.get("core", "rollMode"),
+      whisper: [game.user.id].concat(ChatMessage.getWhisperRecipients('GM')),
+      content: `${this.actor.name} has roll IDR for ${item.name} : ${myRoll.total}`
+    }
+    ChatMessage.create(chatData)
+  }
+
+  /* -------------------------------------------- */
+  /** @override */
+  activateListeners(html) {
+    super.activateListeners(html);
+
+    // Everything below here is only needed if the sheet is editable
+    if (!this.options.editable) return;
+    
+    html.bind("keydown", function(e) { // Ignore Enter in actores sheet
+      if (e.keyCode === 13) return false;
+    });  
+
+    // Update Inventory Item
+    html.find('.item-edit').click(ev => {
+      const li = $(ev.currentTarget).parents(".item")
+      let itemId = li.data("item-id")
+      const item = this.actor.items.get( itemId );
+      item.sheet.render(true);
+    });
+    // Delete Inventory Item
+    html.find('.item-delete').click(ev => {
+      const li = $(ev.currentTarget).parents(".item")
+      PegasusUtility.confirmDelete(this, li)
+    })
+    html.find('.item-add').click(ev => {
+      let dataType = $(ev.currentTarget).data("type")
+      this.actor.createEmbeddedDocuments('Item', [{ name: "NewItem", type: dataType }], { renderSheet: true })
+    })
+        
+    html.find('.spec-group-activate').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      let itemId = li.data("item-id");
+      this.actor.specPowerActivate( itemId)
+    });      
+    html.find('.spec-group-deactivate').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      let itemId = li.data("item-id");
+      this.actor.specPowerDeactivate( itemId)
+    });      
+
+    html.find('.equip-activate').click(ev => {
+      const li = $(ev.currentTarget).parents(".item")
+      let itemId = li.data("item-id")
+      this.actor.equipActivate( itemId)
+    });      
+    html.find('.equip-deactivate').click(ev => {
+      const li = $(ev.currentTarget).parents(".item")
+      let itemId = li.data("item-id")
+      this.actor.equipDeactivate( itemId)
+    });      
+
+    html.find('.effect-used').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      let itemId = li.data("item-id");
+      this.actor.perkEffectUsed( itemId)
+    });      
+
+    html.find('.perk-status').change(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      let itemId = li.data("item-id");
+      this.actor.updatePerkStatus( itemId, ev.currentTarget.value)
+      this.render()
+    });
+
+    html.find('.power-cost-spent').change(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      let itemId = li.data("item-id");
+      this.actor.updatePowerSpentCost( itemId, ev.currentTarget.value)
+    });
+
+    html.find('.power-dmg-roll').click(ev => {
+      const li = $(ev.currentTarget).parents(".item")
+      let itemId = li.data("item-id")
+      this.actor.powerDmgRoll( itemId )
+    })
+
+    html.find('.perk-used').change(ev => {
+      const li = $(ev.currentTarget).parents(".item")
+      let itemId = li.data("item-id")
+      let index = Number($(ev.currentTarget).data("use-index") )
+      this.actor.updatePerkUsed( itemId, index, ev.currentTarget.checked )
+    });
+    
+    html.find('.subactor-edit').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      let actorId = li.data("actor-id");
+      let actor = game.actors.get( actorId );
+      actor.sheet.render(true);
+    });
+    
+    html.find('.subactor-delete').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      let actorId = li.data("actor-id");
+      this.actor.delSubActor(actorId);
+    });
+    
+    html.find('.quantity-minus').click(event => {
+      const li = $(event.currentTarget).parents(".item");
+      this.actor.incDecQuantity( li.data("item-id"), -1 );
+    } )
+    html.find('.quantity-plus').click(event => {
+      const li = $(event.currentTarget).parents(".item");
+      this.actor.incDecQuantity( li.data("item-id"), +1 );
+    } )
+    html.find('.current-nrg-minus').click(event => {
+      this.actor.incDecNRG( -1 );
+    } )
+    html.find('.current-nrg-plus').click(event => {
+      this.actor.incDecNRG( 1 );
+    } )
+    
+    html.find('.ammo-minus').click(event => {
+      const li = $(event.currentTarget).parents(".item")
+      this.actor.incDecAmmo( li.data("item-id"), -1 );
+    } );
+    html.find('.ammo-plus').click(event => {
+      const li = $(event.currentTarget).parents(".item")
+      this.actor.incDecAmmo( li.data("item-id"), +1 )
+    } );
+
+    html.find('.stun-minus').click(event => {
+      this.actor.modifyStun( -1 )
+    } )
+    html.find('.stun-plus').click(event => {
+      this.actor.modifyStun( 1 )
+    } )
+
+    
+    html.find('.momentum-minus').click(event => {
+      this.actor.modifyMomentum( -1 )
+    } )
+    html.find('.momentum-plus').click(event => {
+      this.actor.modifyMomentum( 1 )
+    } )
+
+    html.find('.unarmed-attack').click((event) => {
+      this.actor.rollUnarmedAttack();
+    });
+    html.find('.generic-pool-roll').click((event) => {      
+      this.openGenericRoll()
+    } );
+    html.find('.attack-melee').click((event) => {
+      this.actor.rollPool( 'com', false, "melee-atk");
+    });
+    html.find('.attack-ranged').click((event) => {
+      this.actor.rollPool( 'agi', false, "ranged-atk");
+    });
+    html.find('.defense-roll').click((event) => {
+      this.actor.rollPool( 'def', true);
+    });
+    html.find('.damage-melee').click((event) => {
+      this.actor.rollPool( 'str', false, "melee-dmg");
+    });
+    html.find('.damage-ranged').click((event) => {
+      this.actor.rollPool( 'per', false, "ranged-dmg");
+    });
+    html.find('.damage-resistance').click((event) => {
+      this.actor.rollPool( 'phy', false, "dmg-res");
+    });
+            
+    html.find('.roll-stat').click((event) => {
+      const statId = $(event.currentTarget).data("stat-key");
+      this.actor.rollStat(statId);
+    });
+    html.find('.roll-mr').click((event) => {
+      this.actor.rollMR();
+    });
+    html.find('.roll-idr').click((event) => {
+      const diceValue = $(event.currentTarget).data("dice-value")
+      const li = $(event.currentTarget).parents(".item")
+      this.rollIDR( li.data("item-id"), diceValue)
+    })    
+    
+    html.find('.roll-spec').click((event) => {
+      const li = $(event.currentTarget).parents(".item");
+      const specId = li.data("item-id");
+      this.actor.rollSpec(specId);
+    });
+    html.find('.power-roll').click((event) => {
+      const li = $(event.currentTarget).parents(".item");
+      const powerId = li.data("item-id");
+      this.actor.rollPower(powerId);
+    });        
+    html.find('.weapon-roll').click((event) => {
+      const li = $(event.currentTarget).parents(".item");
+      const weaponId = li.data("item-id");
+      this.actor.rollWeapon(weaponId);
+    });
+    html.find('.armor-roll').click((event) => {
+      const li = $(event.currentTarget).parents(".item");
+      const armorId = li.data("item-id");
+      this.actor.rollArmor(armorId);
+    });
+    
+    html.find('.weapon-damage-roll').click((event) => {
+      const li = $(event.currentTarget).parents(".item");
+      const weaponId = li.data("item-id");
+      this.actor.rollWeapon(weaponId, true);
+    });
+    
+    html.find('.weapon-damage').click((event) => {
+      const li = $(event.currentTarget).parents(".item");
+      const weapon = this.actor.getOwnedItem(li.data("item-id"));
+      this.actor.rollDamage(weapon, 'damage');
+    });
+    
+    html.find('.lock-unlock-sheet').click((event) => {
+      this.options.editScore = !this.options.editScore;
+      this.render(true);
+    });    
+    html.find('.item-link a').click((event) => {
+      const itemId = $(event.currentTarget).data("item-id");
+      const item = this.actor.getOwnedItem(itemId);
+      item.sheet.render(true);
+    });    
+    html.find('.item-equip').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      this.actor.equipItem( li.data("item-id") );
+      this.render(true);      
+    });
+    html.find('.power-activate').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      this.actor.activatePower( li.data("item-id") );
+      this.render(true); 
+    });
+    html.find('.vice-virtue-activate').click(ev => {
+      const li = $(ev.currentTarget).parents(".item")
+      this.actor.activateViceOrVirtue( li.data("item-id") )
+      this.render(true);
+    })
+        
+    html.find('.change-worstfear').change(ev => {
+      this.actor.manageWorstFear( ev.currentTarget.checked )
+    });
+    html.find('.change-desires').change(ev => {
+      this.actor.manageDesires( ev.currentTarget.checked )
+    });
+
+    html.find('.update-field').change(ev => {
+      const fieldName = $(ev.currentTarget).data("field-name");
+      let value = Number(ev.currentTarget.value);
+      this.actor.update( { [`${fieldName}`]: value } );
+    });    
+    html.find('.perk-active').click(ev => {
+      const li = $(ev.currentTarget).parents(".item");
+      this.actor.activatePerk( li.data("item-id") );
+      this.render(true);      
+    });
+
+  }
+  
+  /* -------------------------------------------- */
+  /** @override */
+  setPosition(options = {}) {
+    const position = super.setPosition(options);
+    const sheetBody = this.element.find(".sheet-body");
+    const bodyHeight = position.height - 192;
+    sheetBody.css("height", bodyHeight);
+    return position;
+  }
+
+  /* -------------------------------------------- */
+  async _onDropItem(event, dragData) {
+    const item = fromUuidSync(dragData.uuid)
+    if (item == undefined) {
+      item = this.actor.items.get( dragData.uuid )
+    }
+    let ret = await this.actor.preprocessItem( event, item, true )
+    if ( ret ) {
+      super._onDropItem(event, dragData)
+    }
+  }
+
+  /* -------------------------------------------- */
+  /** @override */
+  _updateObject(event, formData) {
+    // Update the Actor
+    return this.object.update(formData)
+  }
+}

styles/simple.css

@@ -1376,6 +1376,10 @@ Focus FOC: #ff0084
   max-height: 42px;
   min-height: 36px;
 }
+.item-stat-roll-vehicle {
+  max-height: 96px;
+  min-height: 90px;
+}
 .item-stat-roll select, .item-stat-roll input {
   margin-top: 4px;
   margin-right: 2px;

system.json

@@ -278,9 +278,9 @@
   "styles": [
     "styles/simple.css"
   ],
-  "templateVersion": 109,
+  "templateVersion": 112,
   "title": "Pegasus RPG",
   "url": "https://www.uberwald.me/data/files/fvtt-pegasus-rpg",
-  "version": "10.0.0",
+  "version": "10.0.3",
   "background" : "./images/ui/pegasus_welcome_page.webp"
 }

template.json

@@ -199,26 +199,30 @@
         "description": ""
       },
       "vehicle": {
+        "subactors": [],
         "statistics": {
           "fc": {
             "label": "FC",
             "abbrev": "fc",
             "level": 0,
-            "currentlevel": 0
+            "currentlevel": 0,
+            "col": 1
           },
           "man": {
-            "label": "FC",
+            "label": "MAN",
-            "abbrev": "fc",
+            "abbrev": "man",
             "dicevalue": "",
             "level": 0,
-            "currentlevel": 0
+            "currentlevel": 0,
+            "col": 1
           },
           "hr": {
             "label": "HR",
             "abbrev": "hr",
             "level": 0,
             "currentlevel": 0,
-            "size": 0
+            "size": 0,
+            "col": 2
           },
           "pc": {
             "label": "PC",
@@ -226,13 +230,15 @@
             "level": 0,
             "currentlevel": 0,
             "avgnrg": 0,
-            "curnrg": 0
+            "curnrg": 0,
+            "col": 2
           },
           "mr": {
             "label": "MR",
             "abbrev": "mr",
             "level": 0,
-            "currentlevel": 0
+            "currentlevel": 0,
+            "col": 3
           },
           "ad": {
             "label": "A/D",
@@ -240,7 +246,8 @@
             "level": 0,
             "currentlevel": 0,
             "accmode": "",
-            "currentspeed": ""
+            "currentspeed": "",
+            "col": 3
           }
         },
         "stun": {
@@ -275,34 +282,46 @@
         },
         "arcs": {
           "frontarc": {
+            "label": "Fore Arc",
             "topspeed": "",
             "shieldlevel": 0,
-            "armourlevel": 0
+            "armourlevel": 0,
+            "is3D": false          
           },
           "reararc": {
+            "label": "Rear Arc",
             "topspeed": "",
             "shieldlevel": 0,
-            "armourlevel": 0
+            "armourlevel": 0,
+            "is3D": false          
           },
           "rightarc": {
+            "label": "Right Arc",
             "topspeed": "",
             "shieldlevel": 0,
-            "armourlevel": 0
+            "armourlevel": 0,
+            "is3D": false          
           },
           "leftarc": {
+            "label": "Left Arc",
             "topspeed": "",
             "shieldlevel": 0,
-            "armourlevel": 0
+            "armourlevel": 0,
+            "is3D": false          
           },
           "toparc": {
+            "label": "Top Arc",
             "topspeed": "",
             "shieldlevel": 0,
-            "armourlevel": 0
+            "armourlevel": 0,
+            "is3D": true          
           },
           "bottomarc": {
+            "label": "Bottom Arc",
             "topspeed": "",
             "shieldlevel": 0,
-            "armourlevel": 0
+            "armourlevel": 0,
+            "is3D": true          
           }
         }
       }

templates/item-race-sheet.html

@@ -54,12 +54,12 @@
       <ul>
         <li class="flexrow"><label class="generic-label">Selectable Stats ?</label>
           <label class="attribute-value checkbox"><input type="checkbox" name="system.selectablestats" {{checked
-              data.selectablestats}} /></label>
+            system.selectablestats}} /></label>
         </li>
         {{#if data.selectablestats}}
         <li class="flexrow"><label class="generic-label">Select 1 stat only once?</label>
           <label class="attribute-value checkbox"><input type="checkbox" name="system.statsonlyonce" {{checked
-              data.statsonlyonce}} /></label>
+            system.statsonlyonce}} /></label>
         </li>
         <li class="flexrow"><label class="generic-label">Number of selectable stats</label>
           <input type="text" class="input-numeric-short padd-right" name="system.numberstats" value="{{data.numberstats}}"

templates/partial-vehicle-arc.html

@@ -0,0 +1,46 @@
+<ul class="stat-list alternate-list">
+  <li class="item flexrow list-item items-title-bg">
+    <span class="item-name-label-header-long">
+      <h3><label class="items-title-text">{{arc.label}}</label></h3>
+    </span>
+    <span class="item-field-label-long">
+      <label class="short-label">Top speed</label>
+    </span>
+    <span class="item-field-label-long">
+      <label class="short-label">Shield</label>
+    </span>
+    <span class="item-field-label-long">
+      <label class="short-label">Armour</label>
+    </span>
+  </li>
+  <li class="item flexrow list-item list-item-shadow" data-arc-name="{{idx}}">
+
+    <span class="item-name-img">&nbsp;</span>
+    <span class="item-name-label-long">&nbsp;</span>
+
+    <span class="item-field-label-long">
+      <select type="text" name="system.arcs.{{idx}}.topspeed" value="{{arc.topspeed}}" data-dtype="String">
+        {{#select arc.topspeed}}
+        {{> systems/fvtt-pegasus-rpg/templates/partial-options-vehicle-speed.html}}
+        {{/select}}
+        </select>
+    </span>
+
+    <span class="item-field-label-long">
+      <select type="text" name="system.arcs.{{idx}}.shieldlevel" value="{{arc.shieldlevel}}" data-dtype="Number">
+        {{#select arc.shieldlevel}}
+        {{{@root.optionsDiceList}}}
+        {{/select}}
+        </select>
+    </span>
+
+    <span class="item-field-label-long">
+      <select type="text" name="system.arcs.{{idx}}.armourlevel" value="{{arc.armourlevel}}" data-dtype="Number">
+        {{#select arc.armourlevel}}
+        {{{@root.optionsDiceList}}}
+        {{/select}}
+        </select>
+    </span>
+
+  </li>
+</ul>

templates/partial-vehicle-stat-block.html

@@ -0,0 +1,28 @@
+<li class="item flexrow list-item color-class-{{lower stat.abbrev}} item-stat-roll-vehicle" data-attr-key="{{key}}">
+  <div class="flexcol">
+    <div class="flexrow">
+      <span class="stat-icon">
+        <img class="stat-icon" src="systems/fvtt-pegasus-rpg/images/icons/{{stat.abbrev}}.webp">
+      </span>
+      <span class="stat-label stat-margin" name="{{key}}">
+        <h4 class="stat-text-white stat-margin"><a class="roll-stat stat-margin"
+            data-stat-key="{{key}}">{{stat.abbrev}}</a></h4>
+      </span>
+      <select class="status-small-label color-class-common" type="text" name="system.statistics.{{key}}.level"
+        value="{{stat.level}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
+        {{#select stat.level}}
+        {{{@root.optionsDiceList}}}
+        {{/select}}
+      </select>
+    </div>
+    <div class="flexrow">
+      <span class="stat-label stat-margin" name="{{key}}">Current level</span>
+      <select class="status-small-label color-class-common" type="text" name="system.statistics.{{key}}.currentlevel"
+        value="{{stat.currentlevel}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
+        {{#select stat.currentlevel}}
+        {{{@root.optionsLevel}}}
+        {{/select}}
+      </select>
+    </div>
+  </div>
+</li>

templates/vehicle-sheet.html

@@ -0,0 +1,847 @@
+<form class="{{cssClass}}" autocomplete="off">
+
+  {{!-- Sheet Header --}}
+  <header class="sheet-header">
+    <div class="header-fields">
+      <h1 class="charname margin-right"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
+      <div class="flexrow">
+        <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
+        <div class="flexcol">
+
+          <div class="flexrow">
+            <div class="stat-item">
+              <ul>
+                {{#each data.statistics as |stat key|}}
+                {{#if (eq stat.col 1)}}
+                {{> systems/fvtt-pegasus-rpg/templates/partial-vehicle-stat-block.html stat=stat key=key}}
+                {{/if}}
+                {{/each}}
+              </ul>
+            </div>
+
+            <div class="stat-item">
+              <ul>
+                {{#each data.statistics as |stat key|}}
+                {{#if (eq stat.col 2)}}
+                {{> systems/fvtt-pegasus-rpg/templates/partial-vehicle-stat-block.html stat=stat key=key}}
+                {{/if}}
+                {{/each}}
+              </ul>
+            </div>
+
+            <div class="stat-item">
+              <ul>
+                {{#each data.statistics as |stat key|}}
+                {{#if (eq stat.col 3)}}
+                {{> systems/fvtt-pegasus-rpg/templates/partial-vehicle-stat-block.html stat=stat key=key}}
+                {{/if}}
+                {{/each}}
+              </ul>
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+
+  {{!-- Sheet Tab Navigation --}}
+  <nav class="sheet-tabs tabs" data-group="primary">
+    <a class="item" data-tab="combat">Combat</a>
+    <a class="item" data-tab="modules">Vehicle Modules</a>
+    <a class="item" data-tab="cargo">Cargo Hold</a>
+    <a class="item" data-tab="details">Vehicle Details</a>
+  </nav>
+
+  {{!-- Sheet Body --}}
+  <section class="sheet-body">
+
+    {{!-- Combat Tab --}}
+    <div class="tab fight" data-group="primary" data-tab="combat">
+      <div class="flexcol">
+
+        <div class="flexrow">
+          
+          <div class="stat-item">
+            <ul class="stat-list alternate-list">
+              <li class="item flexrow list-item color-class-melee"><a class="combat-button attack-melee flexrow">
+                  <span class="combat-icon flexrow">
+                    <img class="combat-icon" src="systems/fvtt-pegasus-rpg/images/icons/COM.webp">
+                  </span>
+                  <span class="generic-label combat-margin stat-text-white">Melee Attack</span>
+                </a>
+              </li>
+              <li class="item flexrow list-item color-class-meleedmg"><a class="combat-button damage-melee flexrow">
+                  <span class="combat-icon flexrow">
+                    <img class="combat-icon" src="systems/fvtt-pegasus-rpg/images/icons/STR.webp">
+                  </span>
+                  <span class="generic-label combat-margin stat-text-white">Melee/Thrown Damage</span>
+                </a>
+              </li>
+            </ul>
+          </div>
+
+          <div class="stat-item">
+            <ul class="stat-list alternate-list">
+              <li class="item flexrow list-item color-class-ranged-attack"><a class="combat-button attack-ranged flexrow">
+                  <span class="combat-icon flexrow">
+                    <img class="combat-icon" src="systems/fvtt-pegasus-rpg/images/icons/AGI.webp">
+                  </span>
+                  <span class="generic-label combat-margin stat-text-white">Ranged Attack</span>
+                </a>
+              </li>
+              <li class="item flexrow list-item color-class-ranged-damage"><a class="combat-button damage-ranged flexrow">
+                  <span class="combat-icon flexrow">
+                    <img class="combat-icon" src="systems/fvtt-pegasus-rpg/images/icons/PER.webp">
+                  </span>
+                  <span class="generic-label combat-margin stat-text-white">Ranged Damage</span>
+                </a>
+              </li>
+            </ul>
+          </div>
+
+          <div class="stat-item">
+            <ul class="stat-list alternate-list">
+              <li class="item flexrow list-item color-class-defence"><a class="combat-button defense-roll flexrow">
+                  <span class="combat-icon flexrow">
+                    <img class="combat-icon" src="systems/fvtt-pegasus-rpg/images/icons/DEF.webp">
+                  </span>
+                  <span class="generic-label combat-margin stat-text-white">Defence</span>
+                </a>
+              </li>
+              <li class="item flexrow list-item color-class-dmgres"><a class="combat-button damage-resistance flexrow">
+                  <span class="combat-icon flexrow">
+                    <img class="combat-icon" src="systems/fvtt-pegasus-rpg/images/icons/PHY.webp">
+                  </span>
+                  <span class="generic-label combat-margin stat-text-white">Damage Resistance</span>
+                </a>
+              </li>
+            </ul>
+          </div>
+
+
+          <div class="stat-item">
+            <span class="flexrow">
+              <h3>Stun</h3>
+              <span class="status-small-label no-grow">
+                <a class="stun-plus plus-minus-button">+</a>
+                <a class="stun-minus plus-minus-button">&nbsp;-</a>
+              </span>        
+            </span>
+            <ul class="stat-list alternate-list">
+              <li class="item stat flexrow list-item">
+                <span class="generic-label small-label">Current</span>
+                <input type="text" class="" name="system.combat.stunlevel" value="{{data.combat.stunlevel}}"
+                  data-dtype="Number" />
+                <span class="generic-label small-label">Threshold</span>
+                <input type="text" class="" name="system.combat.stunthreshold" value="{{data.combat.stunthreshold}}"
+                  data-dtype="Number" />
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="flexrow">
+
+          <span class="item-name-label-header-long">
+            <label class="items-title-text">Direction of travel</label>
+            <select type="text" name="system.secondary.traveldirection" value="{{data.secondary.traveldirection}}" data-dtype="String">
+              {{#select data.secondary.traveldirection}}
+                {{#each data.arcs as |arc idx|}}
+                <option value="{{idx}}">{{arc.label}}</option>
+                {{/each}}
+              {{/select}}
+              </select>
+          </span>
+
+          <span class="item-name-label-header-long">
+            <label class="items-title-text">Move range</label>
+            <select type="text" name="system.secondary.moverange" value="{{data.secondary.moverange}}" data-dtype="String">
+              {{#select data.secondary.moverange}}
+                <option value="nomovement">No Movement</option>
+                <option value="threatzone">Threat zone</option>
+                <option value="close">Close</option>
+                <option value="medium">Medium</option>
+                <option value="long">Long</option>
+                <option value="extreme">Extreme</option>
+              {{/select}}
+              </select>
+          </span>
+        </div>
+
+        <div class="flexrow">
+
+          <span class="item-name-label-header-long">
+            <label class="items-title-text">Using 3D combat</label>
+            <label class="attribute-value checkbox"><input type="checkbox" name="system.secondary.is3Dcombat" {{checked
+              data.secondary.is3Dcombat}} /></label>
+          </span>
+          
+          {{#if data.secondary.is3Dcombat}}
+            <span class="item-name-label-header-long">
+              <label class="items-title-text">Elevation</label>
+              <input type="text" class="input-numeric-short padd-right" name="system.secondary.elevation" value="{{data.secondary.elevation}}" data-dtype="Number"/>
+            </span>
+
+            <span class="item-name-label-header-long">
+              <label class="items-title-text">Angle</label>
+              <select type="text" name="system.secondary.angle" value="{{data.secondary.angle}}" data-dtype="String">
+                {{#select data.secondary.angle}}
+                  <option value="level">Level</option>
+                  <option value="angled">Angled</option>
+                  <option value="Vertical">Vertical</option>
+                {{/select}}
+              </select>
+            </span>
+          {{/if}}
+
+        </div>
+
+        <div>
+          {{#each data.arcs as |arc idx|}}
+            {{#if arc.is3D}}  
+              {{#if @root.data.secondary.is3Dcombat}} 
+                {{> systems/fvtt-pegasus-rpg/templates/partial-vehicle-arc.html idx=idx  arc=arc}}
+              {{/if}}
+            {{else}}
+              {{> systems/fvtt-pegasus-rpg/templates/partial-vehicle-arc.html idx=idx arc=arc}}
+            {{/if}}
+          {{/each}}
+        </div>
+
+        <ul class="stat-list alternate-list">
+          <li class="item flexrow list-item items-title-bg">
+            <span class="item-name-label-header-long2">
+              <h3><label class="items-title-text">Effects</label></h3>
+            </span>
+            <span class="item-field-label-short">
+              <label class="short-label">Level</label>
+            </span>
+            <span class="item-field-label-short">
+              <label class="short-label">Type</label>
+            </span>
+            <span class="item-field-label-short">
+              <label class="short-label">P/N</label>
+            </span>
+            <span class="item-field-label-long">
+              <label class="short-label">Stat</label>
+            </span>
+          </li>
+
+          {{#each effects as |effect key|}}
+          <li class="item stat flexrow list-item list-item-shadow" data-arme-id="{{effect.id}}"
+            data-item-id="{{effect._id}}">
+            <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+                src="{{effect.img}}" /></a>
+            <span class="item-name-label-long2">{{effect.name}}</span>
+            <span class="item-field-label-short">{{effect.system.effectlevel}}</span>
+            <span class="item-field-label-short">{{upperFirst effect.system.type}}</span>
+            <span class="item-field-label-short">{{upperFirst effect.datsystema.genre}}</span>
+            <span class="item-field-label-short">{{upper effect.system.stataffected}}</span>
+            <div class="item-filler">&nbsp;</div>
+            <div class="item-controls item-controls-fixed">
+              <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+            </div>
+          </li>
+          {{/each}}
+        </ul>
+      </div>
+    </div>
+
+    {{!-- Other Tab --}}
+    <div class="tab items" data-group="primary" data-tab="modules">
+
+      <ul class="stat-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Specialisations</label></h3>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Stat</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Dice</label>
+          </span>
+          <span class="item-field-label-long">
+            <label class="short-label">Powergroup</label>
+          </span>
+        </li>
+        {{#each specs as |spec key|}}
+        <li class="item stat flexrow list-item list-item-shadow" data-item-id="{{spec._id}}">
+          <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+              src="{{spec.img}}" /></a>
+          <span class="item-name-label"><a class="roll-spec">{{spec.name}}</a></span>
+          <span class="item-field-label-short">{{upper spec.system.statistic}}</span>
+          <span class="item-field-label-short">{{spec.system.dice}}</span>
+          {{#if spec.system.ispowergroup}}
+          {{#if spec.system.powersactivated}}
+          <span class="item-field-label-long"><a class="spec-group-deactivate">Deactivate</a></span>
+          {{else}}
+          <span class="item-field-label-long"><a class="spec-group-activate">Activate</a></span>
+          {{/if}}
+          {{else}}
+          <span class="item-field-label-long">&nbsp;-&nbsp;</span>
+          {{/if}}
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+          </div>
+        </li>
+        {{/each}}
+      </ul>
+    </div>
+
+    </div>
+
+    </div>
+
+
+    {{!-- Cargo Tab --}}
+    <div class="tab equipment" data-group="primary" data-tab="cargo">
+
+      <div class="flexrow">
+        <h3>Encumbrance</h3>
+        <span class="small-label">Current : {{encCurrent}}</span>
+        <span class="small-label">Capacity : {{encCapacity}}</span>
+        <span class="small-label">Hindrance : {{encHindrance}}</span>
+      </div>
+
+      <ul class="item-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Money</label></h3>
+          </span>
+          <span class="item-field-label-long">
+            <label class="short-label">Qty</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">Weight</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">IDR</label>
+          </span>
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-add" data-type="money" title="Create Item"><i class="fas fa-plus"></i></a>
+          </div>
+        </li>
+        {{#each moneys as |money key|}}
+        <li class="item flexrow list-item list-item-shadow" data-item-id="{{money._id}}">
+          <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+              src="{{money.img}}" /></a>
+          <span class="item-name-label">{{money.name}}</span>
+
+          <span class="item-field-label-long"><label>
+              {{money.system.quantity}}
+              (<a class="quantity-minus plus-minus-button"> -</a>/<a class="quantity-plus plus-minus-button">+</a>)
+            </label>
+          </span>
+          <span class="item-field-label-medium">
+            <label>{{money.system.weight}}</label>
+          </span>
+          <span class="item-field-label-medium">
+            {{#if money.system.idrDice}}
+            <a class="roll-idr" data-dice-value="{{money.system.idrDice}}">{{money.system.idrDice}}</a>
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+          </span>
+
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+          </div>
+        </li>
+        {{/each}}
+      </ul>
+
+      <ul class="item-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Weapons</label></h3>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Attack</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Damage</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">DMG</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">DMGT</label>
+          </span>
+          <span class="item-field-label-long">
+            <label class="short-label">Ammo</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">Act/Deact</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Weight</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">IDR</label>
+          </span>
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-add" data-type="weapon" title="Create Item"><i class="fas fa-plus"></i></a>
+          </div>
+        </li>
+        {{#each weapons as |weapon key|}}
+        <li class="item flexrow list-item list-item-shadow" data-item-id="{{weapon._id}}">
+          <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+              src="{{weapon.img}}" /></a>
+          <span class="item-name-label">{{weapon.name}}</span>
+          <span class="item-field-label-short"><label>{{upper weapon.system.statistic}}</label></span>
+          <span class="item-field-label-short"><label>{{upper weapon.system.damagestatistic}}</label></span>
+          <span class="item-field-label-short"><label>{{weapon.system.damageDice}}</label></span>
+          <span class="item-field-label-medium"><label>{{weapon.system.damagetype}} ({{weapon.system.damagetypelevel}})</label></span>
+
+          {{#if (gt weapon.system.ammomax 0)}}
+          <span class="item-field-label-long"><label>{{weapon.system.ammocurrent}}/{{weapon.system.ammomax}}
+              (<a class="ammo-minus plus-minus-button"> -</a>/<a class="ammo-plus plus-minus-button">+</a>)
+            </label></span>
+          {{else}}
+          <span class="item-field-label-long"><label>-</label>
+          </span>
+          {{/if}}
+
+          <span class="item-field-label-medium">
+            {{#if (count weapon.system.effects)}}
+            {{#if weapon.system.activated}}
+            <a class="equip-deactivate">Deactivate</a>
+            {{else}}
+            <a class="equip-activate">Activate</a>
+            {{/if}}
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+          </span>
+          <span class="item-field-label-short"><label>{{weapon.system.weight}}</label></span>
+
+          <span class="item-field-label-medium">
+            {{#if weapon.system.idrDice}}
+            <a class="roll-idr" data-dice-value="{{weapon.system.idrDice}}">{{weapon.system.idrDice}}</a>
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+          </span>
+
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-equip" title="Worn">{{#if weapon.system.equipped}}<i
+                class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
+            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+          </div>
+        </li>
+        {{/each}}
+      </ul>
+
+      <ul class="item-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Armors</label></h3>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Stat</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">DMG RES</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">Loc</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">Act/Deact</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Weight</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">IDR</label>
+          </span>
+
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-add" data-type="armor" title="Create Item"><i class="fas fa-plus"></i></a>
+          </div>
+        </li>
+        {{#each armors as |armor key|}}
+        <li class="item list-item flexrow list-item-shadow" data-item-id="{{armor._id}}">
+          <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+              src="{{armor.img}}" /></a>
+          <span class="item-name-label">{{armor.name}}</span>
+          <span class="item-field-label-short">{{upper armor.system.statistic}}</span>
+          <span class="item-field-label-short">{{armor.system.resistanceDice}}</span>
+          <span class="item-field-label-medium">{{armor.system.locationprotected}}</span>
+
+          <span class="item-field-label-medium">
+            {{#if (count armor.system.effects)}}
+            {{#if armor.system.activated}}
+            <a class="equip-deactivate">Deactivate</a>
+            {{else}}
+            <a class="equip-activate">Activate</a>
+            {{/if}}
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+          </span>
+
+          <span class="item-field-label-short">{{armor.system.weight}}</span>
+          <span class="item-field-label-medium">
+            {{#if armor.system.idrDice}}
+            <a class="roll-idr" data-dice-value="{{armor.system.idrDice}}">{{armor.system.idrDice}}</a>
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+          </span>
+
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-equip" title="Worn">{{#if armor.system.equipped}}<i
+                class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
+            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+          </div>
+        </li>
+        {{/each}}
+      </ul>
+
+      <ul class="item-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Shields</label></h3>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Dice</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">Act/Deact</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Weight</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">IDR</label>
+          </span>
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-add" data-type="shield" title="Create Item"><i class="fas fa-plus"></i></a>
+          </div>
+        </li>
+        {{#each shields as |shield key|}}
+        <li class="item flexrow list-item list-item-shadow" data-item-id="{{shield._id}}">
+          <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+              src="{{shield.img}}" /></a>
+          <span class="item-name-label">{{shield.name}}</span>
+          <span class="item-field-label-short">{{shield.system.levelDice}}</span>
+
+          <span class="item-field-label-medium">
+            {{#if (count shield.system.effects)}}
+            {{#if shield.system.activated}}
+            <a class="equip-deactivate">Deactivate</a>
+            {{else}}
+            <a class="equip-activate">Activate</a>
+            {{/if}}
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+          </span>
+
+          <span class="item-field-label-short">{{shield.system.weight}}</span>
+          <span class="item-field-label-medium">
+            {{#if shield.system.idrDice}}
+            <a class="roll-idr" data-dice-value="{{shield.system.idrDice}}">{{shield.system.idrDice}}</a>
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+          </span>
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-equip" title="Worn">{{#if shield.system.equipped}}<i
+                class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
+            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+          </div>
+        </li>
+        {{/each}}
+      </ul>
+
+      <ul class="item-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Equipment</label></h3>
+          </span>
+          <span class="item-field-label-long">
+            <label class="short-label">Quantity</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">Act/Deact</label>
+          </span>
+          <span class="item-field-label-short">
+            <label class="short-label">Weight</label>
+          </span>
+          <span class="item-field-label-medium">
+            <label class="short-label">IDR</label>
+          </span>
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control item-add" data-type="equipment" title="Create Item"><i class="fas fa-plus"></i></a>
+          </div>
+
+        </li>
+        {{#each containersTree as |equip key|}}
+        {{> systems/fvtt-pegasus-rpg/templates/partial-actor-equipment.html equip=equip level=1}}
+        <ul class="item-list list-item-shadow2 list-item-margin1">
+          {{#each equip.system.contents as |subgear key|}}
+          {{> systems/fvtt-pegasus-rpg/templates/partial-actor-equipment.html equip=subgear level=2}}
+          {{/each}}
+        </ul>
+        {{/each}}
+      </ul>
+
+      <hr>
+
+    </div>
+
+    {{!-- Details Tab --}}
+    <div class="tab biodata" data-group="primary" data-tab="details">
+      <div class="grid grid-2col">
+        <div>
+          <ul class="item-list alternate-list">
+            <li class="item flexrow">
+              <label class="generic-label">Origin</label>
+              <input type="text" class="" name="system.biodata.origin" value="{{data.biodata.origin}}"
+                data-dtype="String" />
+            </li>
+            <li class="item flexrow">
+              <label class="generic-label">Age</label>
+              <input type="text" class="" name="system.biodata.age" value="{{data.biodata.age}}" data-dtype="String" />
+            </li>
+            <li class="item flexrow">
+              <label class="generic-label">Height</label>
+              <input type="text" class="" name="system.biodata.size" value="{{data.biodata.size}}" data-dtype="String" />
+            </li>
+            <li class="item flexrow">
+              <label class="generic-label">Eyes</label>
+              <input type="text" class="" name="system.biodata.eyes" value="{{data.biodata.eyes}}" data-dtype="String" />
+            </li>
+            <li class="item flexrow">
+              <label class="generic-label">Hair</label>
+              <input type="text" class="" name="system.biodata.hair" value="{{data.biodata.hair}}" data-dtype="String" />
+            </li>
+          </ul>
+        </div>
+       <div>
+          <ul>
+            <li class="flexrow item">
+              <label class="generic-label">Weight</label>
+              <input type="text" class="" name="system.biodata.weight" value="{{data.biodata.weight}}"
+                data-dtype="String" />
+            </li>
+            <li class="flexrow item">
+              <label class="generic-label">Sex</label>
+              <input type="text" class="" name="system.biodata.sex" value="{{data.biodata.sex}}" data-dtype="String" />
+            </li>
+            <li class="flexrow item">
+              <label class="generic-label">Preferred Hand</label>
+              <input type="text" class="" name="system.biodata.preferredhand" value="{{data.biodata.preferredhand}}"
+                data-dtype="String" />
+            </li>
+            <li class="flexrow item" data-item-id="{{race._id}}">
+              <label class="generic-label">Race</label>
+              <a class="item-edit"><img class="stat-icon" src="{{race.img}}"></a>
+              <input type="text" class="" name="system.biodata.racename" value="{{race.name}}" disabled
+                data-dtype="String" />
+              <div class="item-controls">
+                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+              </div>
+            </li>
+            <li class="flexrow item" data-item-id="{{role._id}}">
+              <label class="generic-label">Role</label>
+              <a class="item-edit"><img class="stat-icon" src="{{role.img}}"></a>
+              <input type="text" class="" name="system.biodata.rolename" value="{{role.name}}" disabled
+                data-dtype="String" />
+              <div class="item-controls">
+                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div>
+        <ul class="stat-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Virtues</label></h3>
+          </span>
+          <span class="item-field-label-short">Status</label></span>
+        </li>
+        {{#each virtues as |virtue key|}}
+        <li class="item stat flexrow list-item list-item-shadow" data-arme-id="{{virtue.id}}"
+          data-item-id="{{virtue._id}}">
+          <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+              src="{{virtue.img}}" /></a>
+          <span class="item-name-label">{{virtue.name}}</span>
+          <span class="item-field-label-short"><label class="short-label">
+            {{#if virtue.system.activated}}
+            Activated
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+            </label>
+          </span>
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control vice-virtue-activate" title="Activated">{{#if virtue.system.activated}}<i
+              class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
+            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+          </div>
+        </li>
+        {{/each}}
+        </ul>
+      </div>
+
+      <div>
+        <ul class="stat-list alternate-list">
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Vices</label></h3>
+          </span>
+          <span class="item-field-label-short">Status</label></span>
+        </li>
+        {{#each vices as |vice key|}}
+        <li class="item stat flexrow list-item list-item-shadow" data-arme-id="{{vice.id}}"
+          data-item-id="{{vice._id}}">
+          <a class="item-edit item-name-img" title="Edit Item"><img class="sheet-competence-img"
+              src="{{vice.img}}" /></a>
+          <span class="item-name-label">{{vice.name}}</span>
+          <span class="item-field-label-short"><label class="short-label">
+            {{#if vice.system.activated}}
+            Activated
+            {{else}}
+            &nbsp;-&nbsp;
+            {{/if}}
+            </label>
+          </span>
+
+          <div class="item-filler">&nbsp;</div>
+          <div class="item-controls item-controls-fixed">
+            <a class="item-control vice-virtue-activate" title="Activated">{{#if vice.system.activated}}<i
+              class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
+            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+          </div>
+        </li>
+        {{/each}}
+        </ul>
+      </div>
+
+      <ul>
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Psychology</label></h3>
+          </span>
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Worst Fear </label>
+          <input type="text" class="" name="system.biodata.worstfear" value="{{data.biodata.worstfear}}"
+            data-dtype="String" />
+          <label class="attribute-value checkbox"><input type="checkbox" class="change-worstfear"
+              name="system.biodata.worstfearactive" {{checked data.biodata.worstfearactive}} /> Active ?</label>
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Desires </label>
+          <input type="text" class="" name="system.biodata.desires" value="{{data.biodata.desires}}"
+            data-dtype="String" />
+          <label class="attribute-value checkbox"><input type="checkbox" class="change-desires"
+              name="system.biodata.desiresactive" {{checked data.biodata.desiresactive}} /> Active ?</label>
+        </li>
+      </ul>
+
+      <h3>Catchphrase : </h3>
+      <ul>
+        <li class="flexrow">
+          <label class="short-label">Catchphrase </label>
+          <input type="text" class="" name="system.biodata.catchphrase" value="{{data.biodata.catchphrase}}"
+            data-dtype="String" />
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Catchphrase Trigger : </label>
+          <input type="text" class="" name="system.biodata.catchphrasetrigger" value="{{data.biodata.catchphrasetrigger}}"
+            data-dtype="String" />
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Catchphrase used </label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="system.biodata.catchphraseused" {{checked
+              data.biodata.catchphraseused}} /></label>
+        </li>
+      </ul>
+
+      <ul>
+        <li class="item flexrow list-item items-title-bg">
+          <span class="item-name-label-header">
+            <h3><label class="items-title-text">Development</label></h3>
+          </span>
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Character Value : </label>
+          <input type="text" class="" name="system.biodata.charactervalue" value="{{data.biodata.charactervalue}}"
+            data-dtype="String" />
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Character Development Points Total (CDP total) : </label>
+          <input type="text" class="" name="system.biodata.cdp" value="{{data.biodata.cdp}}" data-dtype="Number" />
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Bonus selection : </label>
+          <input type="text" class="" name="system.biodata.bonusselection" value="{{data.biodata.bonusselection}}" data-dtype="String" />
+        </li>        
+        <li class="flexrow">
+          <label class="short-label">Morality : </label>
+          <input type="text" class="" name="system.biodata.morality" value="{{data.biodata.morality}}" data-dtype="Number" />
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Morality threshold : </label>
+          <input type="text" class="" name="system.biodata.moralitythreshold" value="{{data.biodata.moralitythreshold}}" disabled data-dtype="Number" />
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Hero Level (max) : </label>
+          <select class="status-small-label color-class-common" type="text" name="system.biodata.maxlevelremaining" value="{{data.biodata.maxlevelremaining}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
+            {{#select data.biodata.maxlevelremaining}}
+            {{{@root.maxLevelRemainingList}}}
+            {{/select}}
+          </select>
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Hero Levels Remaining : </label>
+          <select class="status-small-label color-class-common" type="text" name="system.biodata.currentlevelremaining" value="{{data.biodata.currentlevelremaining}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
+            {{#select data.biodata.currentlevelremaining}}
+            {{{@root.levelRemainingList}}}
+            {{/select}}
+          </select>
+        </li>
+        <li class="flexrow">
+          <label class="short-label">Threat Level : </label>
+          <input type="text" class="" name="system.biodata.threatlevel" value="{{data.biodata.threatlevel}}"
+            data-dtype="Number" />
+        </li>
+      </ul>
+
+      <hr>
+      <h3>Background : </h3>
+      <div class="form-group editor">
+        {{editor data.biodata.description target="system.biodata.description" button=true owner=owner
+        editable=editable}}
+      </div>
+      <hr>
+      <h3>Notes : </h3>
+      <div class="form-group editor">
+        {{editor data.biodata.notes target="system.biodata.notes" button=true owner=owner editable=editable}}
+      </div>
+      <hr>
+      </article>
+    </div>
+
+  </section>
+</form>