<div class="{{cssClass}} flexcol bol-actor-form" autocomplete="off">
    <!--<img class="system-img" src="/systems/bol/ui/logo.webp" height="115" width="190"/> -->
    
  <div class="wrap flexrow">

    {{!-- Sidebar --}}
    <div class="sidebar flex0 bol-actor-sidebar">
      <img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"
        style="border:1px outset lightgray; box-shadow: 5px 5px 5px gray" />
      
      <div></div>

      {{#if (count boleffects)}}
        <ol class="items-list">
          <li class="item flexrow item-header">
            <div class="item-name flex2">{{localize "BOL.ui.effects"}}</div>
          </li>
          {{#each boleffects as |effect keyEffect|}}
            <li class="item flexrow" data-item-id="{{effect.id}}">
              <div class="item-image"><img src="{{effect.img}}" title="{{effect.name}}"/></div>
              <h4 class="item-name flex2"><a class="item-edit">{{effect.name}}</a></h4>
            </li>
          {{/each}}
        </ol>
      {{/if}}

    </div>

    <div class="main flex1">

      {{> "systems/bol/templates/actor/parts/actor-header.hbs"}}

      {{!-- Sheet Tab Navigation --}}
      <nav class="sheet-tabs tabs" data-group="primary">
        <a class="item" data-tab="stats">{{localize "BOL.ui.tab.stats"}}</a>
        {{#if (isCreature charType)}}

        {{else}}
          <a class="item" data-tab="actions">{{localize "BOL.ui.tab.actions"}}</a>  
          <a class="item" data-tab="features">{{localize "BOL.ui.tab.features"}}</a>
          <a class="item" data-tab="equipment">{{localize "BOL.ui.tab.equipment"}}</a>
          {{#if isMysteries}}
            <a class="item" data-tab="spellalchemy">{{localize "BOL.ui.tab.spellalchemy"}}</a>
          {{/if}}
        {{/if}}
        <a class="item" data-tab="description">{{localize "BOL.ui.tab.description"}}</a>
      </nav>

      {{!-- Sheet Body --}}
      <section class="sheet-body">
        <div class="tab stats" data-group="primary" data-tab="stats">
          {{#if (isCreature charType)}}
            {{>"systems/bol/templates/actor/parts/tabs/creature-stats.hbs"}}
            {{> "systems/bol/templates/actor/parts/tabs/creature-actions.hbs"}}
          {{else}}
            {{>"systems/bol/templates/actor/parts/tabs/actor-stats.hbs"}}
          {{/if}}
        </div>

        {{#if (isCreature charType)}}
        {{else}}
        <div class="tab actions" data-group="primary" data-tab="actions">
            {{> "systems/bol/templates/actor/parts/tabs/actor-actions.hbs"}}
        </div>
        {{/if}}

        {{#if (isCreature charType)}}
        {{else}}
          <div class="tab features" data-group="primary" data-tab="features">
            {{> "systems/bol/templates/actor/parts/tabs/actor-features.hbs"}}
          </div>

          {{#if isMysteries}}
          <div class="tab features" data-group="primary" data-tab="spellalchemy">
            {{> "systems/bol/templates/actor/parts/tabs/actor-spellalchemy.hbs"}}
          </div>
          {{/if}}

          <div class="tab equipment" data-group="primary" data-tab="equipment">
            {{> "systems/bol/templates/actor/parts/tabs/actor-equipment.hbs"}}
          </div>
        {{/if}}

        <div class="tab description" data-group="primary" data-tab="description">
          {{> "systems/bol/templates/actor/parts/tabs/actor-biodata.hbs"}}
        </div>

      </section>
    </div>
  </div>
  <div class="bol-footer flexrow">
    <div class="footer-left flex1">
      <img src="/systems/bol/ui/banner.webp" />
    </div>
    <div class="footer-center flex1"></div>
    <div class="footer-right flex1">
      <img src="/systems/bol/ui/banner.webp" />
    </div>
  </div>
</div>