<section data-tab="garrison" data-group="{{tab.group}}" class="tab {{tab.cssClass}}">

  <fieldset>
    <legend>{{localize "OATHHAMMER.Label.Garrison"}}
    </legend>
    {{#if regiments.length}}
    <ul class="item-list item-list--regiment">
      <li class="item-list-header">
        <span></span>
        <span class="col-name">{{localize "OATHHAMMER.Label.Name"}}</span>
        <span>{{localize "OATHHAMMER.Label.GritMax"}}</span>
        <span>{{localize "OATHHAMMER.Label.ArmorDice"}}</span>
        <span>{{localize "OATHHAMMER.Label.Movement"}}</span>
        <span></span>
      </li>
      {{#each regiments as |regiment|}}
      <li class="item-entry" data-actor-id="{{regiment.id}}">
        <img src="{{regiment.img}}" class="item-img" />
        <span class="item-name"><a data-action="openRegiment" data-actor-id="{{regiment.id}}">{{regiment.name}}</a></span>
        <span class="item-detail">{{regiment.system.grit.max}}</span>
        <span class="item-detail">{{regiment.system.armorLabel}}</span>
        <span class="item-detail">{{regiment.system.movement}} ft</span>
        <div class="item-actions">
          <a data-action="openRegiment" data-actor-id="{{regiment.id}}" data-tooltip="{{localize 'OATHHAMMER.Label.Edit'}}"><i class="fa-solid fa-edit"></i></a>
          <a data-action="removeRegiment" data-actor-id="{{regiment.id}}" data-tooltip="{{localize 'OATHHAMMER.Label.RemoveFromGarrison'}}"><i class="fa-solid fa-minus-circle"></i></a>
        </div>
      </li>
      {{/each}}
    </ul>
    {{else}}
    <p class="no-items">{{localize "OATHHAMMER.Label.NoRegiments"}}</p>
    {{/if}}
  </fieldset>

  <p class="settlement-hint">{{localize "OATHHAMMER.Settlement.GarrisonHint"}}</p>

</section>
