<form class="{{cssClass}}" autocomplete="off">
  <header class="sheet-header">
      <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}"/>
      <div class="header-fields">
          <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
      </div>
  </header>

  {{!-- Sheet Body --}}
  <section class="sheet-body">

      <div class="tab" data-group="primary">
        <ul>
          <li class="flexrow"><label class="generic-label">Related Statistic</label>
            <select class="competence-base flexrow" type="text" name="data.statistic" value="{{data.statistic}}" data-dtype="String">
              {{#select data.statistic}}
              {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html notapplicable=true special=true}}
              {{/select}}
            </select> 
          </li>
          <li class="flexrow"><label class="generic-label">Damage</label>
            <select class="competence-base flexrow" type="text" name="data.damage" value="{{data.damage}}" data-dtype="String">
              {{#select data.damage}}
              {{{optionsDiceList}}}
              {{/select}}
            </select> 
          </li>
          <li class="flexrow"><label class="generic-label">Optimal Range</label>
            <select class="competence-base flexrow" type="text" name="data.range" value="{{data.range}}" data-dtype="String">
              {{#select data.range}}
              {{> systems/fvtt-pegasus-rpg/templates/partial-options-range.html notapplicable=true}}
              {{/select}}
            </select>           
          </li>          
          <li class="flexrow"><label class="generic-label">Max Range</label>
            <input type="text" class="" name="data.maxrange" value="{{data.maxrange}}" data-dtype="String"/>
          </li>

          <li class="flexrow"><label class="generic-label">AoE</label>
            <select class="competence-base flexrow" type="text" name="data.aoe" value="{{data.aoe}}" data-dtype="String">
              {{#select data.aoe}}
              <option value="none">None</option>
              <option value="tz">TZ</option>
              <option value="close">Close</option>
              <option value="medium">Medium</option>
              <option value="long">Long</option>
              <option value="extreme">Extreme</option>
              <option value="special">Special</option>
              {{{optionsDiceList}}}
              {{/select}}
            </select> 
          </li>

          <li class="flexrow"><label class="generic-label">Damage Type</label>
            <select class="competence-base flexrow" type="text" name="data.damagetype" value="{{data.damagetype}}" data-dtype="String">
              {{#select data.damagetype}}
              <option value="none">None</option>
              <option value="slashing">Slashing</option>
              <option value="crushing">Crushing</option>
              <option value="piercing">Piercing</option>
              {{{optionsDiceList}}}
              {{/select}}
            </select> 
          </li>

          <li class="flexrow"><label class="generic-label">Damage Type Level</label>
            <input type="text" class="input-numeric-short padd-right" name="data.damagetypelevel" value="{{data.damagetypelevel}}" data-dtype="Number"/>
          </li>
          
          <li class="flexrow"><label class="generic-label">Vehicle Damage Type</label>
            <select class="competence-base flexrow" type="text" name="data.vehicledamagetype" value="{{data.vehicledamagetype}}" data-dtype="String">
              {{#select data.vehicledamagetype}}
              <option value="none">None</option>
              <option value="emp">EMP</option>
              <option value="thermal">Thermal</option>
              <option value="kinetic">Kinetic</option>
              {{{optionsDiceList}}}
              {{/select}}
            </select> 
          </li>

          <li class="flexrow"><label class="generic-label">Vehicle Damage Type Level</label>
            <input type="text" class="input-numeric-short padd-right" name="data.vehicledamagetypelevel" value="{{data.vehicledamagetypelevel}}" data-dtype="Number"/>
          </li>
          
          <li class="flexrow"><label class="generic-label">Ammon - Current</label>
            <input type="text" class="input-numeric-short padd-right" name="data.ammocurrent" value="{{data.ammocurrent}}" data-dtype="Number"/>
          </li>

          <li class="flexrow"><label class="generic-label">Ammon - Max</label>
            <input type="text" class="input-numeric-short padd-right" name="data.ammomax" value="{{data.ammomax}}" data-dtype="Number"/>
          </li>

          <li class="flexrow"><label class="generic-label">Equipped ?</label>
            <label class="attribute-value checkbox"><input type="checkbox" name="data.equipped" {{checked data.equipped}}/></label>
          </li>
          <li class="flexrow"><label class="generic-label">Weight</label>
            <input type="text" class="input-numeric-short padd-right" name="data.weight" value="{{data.weight}}" data-dtype="Number"/>
          </li>
          <li class="flexrow"><label class="generic-label">Cost</label>
            <input type="text" class="input-numeric-short padd-right" name="data.cost" value="{{data.cost}}" data-dtype="Number"/>
          </li>
          <li class="flexrow"><label class="generic-label">IDR</label>
            <select class="competence-base flexrow" type="text" name="data.idr" value="{{data.idr}}" data-dtype="String">
              {{#select data.idr}}
              {{{optionsDiceList}}}
              {{/select}}
            </select> 
          </li>
          <li class="flexrow"><label class="generic-label">Notes</label>
            <div class="small-editor item-text-long-line">
            {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
            </div>  
          </li>
      </ul>
    </div>

  </section>
</form>
