<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 class="main flex1">

      {{!-- Sheet Header --}}
      <header class="sheet-header">
        <div class="header-field flex1">
          <div class="header-field-group flexrow">
            <input class="charname flex1" name="name" type="text" value="{{actor.name}}" placeholder="Name"/>
          </div>
        </div>
      </header>

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

      {{!-- Sheet Body --}}
      <section class="sheet-body">
        <div class="tab stats" data-group="primary" data-tab="stats">

          <ol class="items-list">
            <li class="item flexrow item-header">
              <div class="item-name flex4 left">{{localize "BOL.ui.details"}}</div>
              <div class="item-field flex1 right"></div>
            </li>
          </ol>

          <div class="header-field-group flexrow horde-stat-row">
            <label class="horde-stat-label flex2">{{localize "BOL.ui.hordeSize"}}</label>
            <input class="header-field-value resources-value flex1" name="system.hordesize" type="text" value="{{system.hordesize}}"
              data-type="Number" />
          </div>
          <div class="header-field-group flexrow horde-stat-row">
            <label class="horde-stat-label flex2">{{localize "BOL.ui.hordeHP"}}</label>
            <input class="header-field-value resources-value flex1" name="system.hordebasehp" type="text" value="{{system.hordebasehp}}"
              data-type="Number" />
          </div>
          <div class="header-field-group flexrow horde-stat-row">
            <label class="horde-stat-label flex2">{{localize "BOL.ui.hordehp"}}</label>
            <input class="header-field-value resources-value flex1" name="system.resources.hp.value" type="text" value="{{system.resources.hp.value}}"
              data-type="Number" disabled/>
            <span class="horde-stat-sep">/</span>
            <input class="header-field-value resources-value flex1" name="system.resources.hp.max" type="text" value="{{system.resources.hp.max}}"
              data-type="Number" disabled/>
          </div>

          {{> "systems/bol/templates/actor/parts/tabs/horde-description.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>