<div class="image-wrapper">
  <img class="profile-img" src="{{actor.img}}" data-edit="img"
    title="{{actor.name}}" height="100" width="100" />
</div>
<div class="minor-totems">
  {{!-- Totem Evolution --}}
  <h3>{{localize "ITEMS.evolution"}}</h3>
  <div class="totem-row">
    <h5 class="human
      {{#ifgt system.adaptation.totems.human.value system.adaptation.totems.adapted.value}}
      major
      {{/ifgt}}
      ">{{localize "TOTEMS.human.name"}}
      <img class="img-totem"
        src="/systems/vermine2047/assets/images/ui/totems/human.webp" />
    </h5>

    <h5 class="adapted
    {{#ifgt system.adaptation.totems.adapted.value system.adaptation.totems.human.value}}
      major
      {{/ifgt}}">{{localize "TOTEMS.adapted.name"}}
      <img class="img-totem"
        src="/systems/vermine2047/assets/images/ui/totems/adapted.webp" />
    </h5>
  </div>

  <div class="totem-dice flexrow flex-group-center">
    <div class="human-dice flexrow">
      {{#repeat system.adaptation.totems.human.max 1 "humantotem"}}
      <div class="hexa{{#ifgteq system.adaptation.totems.human.value @humantotem}} checked{{/ifgteq}}"
        data-totem-name="human" data-totem-value="{{@humantotem}}">
        {{#if actor.flags.world.editMode}}
        <input type="radio" data-dtype="Number"
          name="system.adaptation.totems.human.value" value="{{@humantotem}}" />
        {{/if}}
        {{#ifgteq system.adaptation.totems.human.value @humantotem}}
        <div class="human-die"><i class="fas fa-dice-d10"></i></div>
        {{/ifgteq}}
      </div>
      {{/repeat}}
    </div>

    <div class="adapted-dice flexrow">
      {{#repeat system.adaptation.totems.adapted.max 1 "adaptedtotem"}}
      <div class="hexa{{#ifgteq system.adaptation.totems.adapted.value @adaptedtotem}} checked{{/ifgteq}}"
        data-totem-name="adapted" data-totem-value="{{@adaptedtotem}}">
        {{#if actor.flags.world.editMode}}
        <input type="radio" data-dtype="Number"
          name="system.adaptation.totems.adapted.value" value="{{@adaptedtotem}}" />
        {{/if}}
        {{#ifgteq system.adaptation.totems.adapted.value @adaptedtotem}}
        <div class="adapted-die"><i class="fas fa-dice-d10"></i></div>
        {{/ifgteq}}
      </div>
      {{/repeat}}
    </div>
  </div>

</div>
<ul class="padding-with-frieze unstyled paper">
  {{#if system.identity.totem }}
  <li class="row lgb major-totem">
    <div class="flexcol flex-group-center items-center w-full">
      <h4>{{ smarttl 'TOTEMS' system.identity.totem 'name' }}</h4>
      <img
        class="img-totem"
        src="/systems/vermine2047/assets/images/ui/totems/{{ system.identity.totem }}.webp"
        alt="{{ smarttl 'TOTEMS' system.identity.totem 'name' }}" width="64"
        height="64" />
    </div>
  </li>
  {{/if}}
  {{#if system.identity.theme}}
  <li>
    <div class="flexcol flex-group-center items-center w-full">
      <label for="system.identity.theme"
        class="resource-label flexlarge align-left"><h4>{{ localize
          "IDENTITY.theme"}}</h4></label>
      <p>{{{ system.identity.theme }}}</p>
    </div>
  </li>
  {{/if}}
  {{#if system.identity.instincts}}
  <li>
    <div class="flexcol flex-group-center items-center  w-full">
      <label for="system.identity.instincts"
        class="resource-label flexlarge align-left"><h4>{{ localize
          "IDENTITY.instincts"}}</h4></label>
      <p>{{{ system.identity.instincts }}}</p>
    </div>
  </li>
  {{/if}}
  {{#if system.identity.prohibits}}
  <li>
    <div class="flexcol flex-group-center items-center  w-full">
      <label for="system.identity.prohibits"
        class="resource-label flexlarge align-left"><h4>{{ localize
          "IDENTITY.prohibits"}}</h4></label>
      <p>{{{ system.identity.prohibits }}}</p>
    </div>
  </li>
  {{/if}}
  {{#if system.identity.objectives}}
  <li>
    <div class="flexcol flex-group-center items-center  w-full">
      <label for="system.identity.objectives"
        class="resource-label flexlarge align-left"><h4>{{ localize
          "IDENTITY.objectives"}}</h4></label>
      <p>{{{ system.identity.objectives }}}</p>
    </div>
  </li>
  {{/if}}
  {{#if system.identity.relations}}
  <li>
    <div class="flexcol flex-group-center items-center  w-full">
      <label for="system.identity.relations"
        class="resource-label flexlarge align-left"><h4>{{ localize
          "IDENTITY.relations"}}</h4></label>
      {{{ system.identity.relations }}}
    </div>
  </li>
  {{/if}}
</ul>
