<div class="beavers-folder-item">
  <div class="beavers-crafting-item">
    <div class="flexrow beavers-line" style="padding:2px 5px;line-height:24px;">
      <div onclick="$(this).parents('.beavers-crafting-item').toggleClass('describe')">
        <div class="crafting-rollIcon"
             style="text-indent:28px;background-repeat:no-repeat; background-size:24px 24px; background-image: url('{{this.chatData.img}}')">
          <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{this.chatData.name}}</span>
        </div>
      </div>
      {{#if (eq this.chatData.status "active") }}
        <div class="attribute">
          <a class="advanceCrafting beavers-line flexrow" style="width:150px;flex-wrap:nowrap"
             data-id="{{this.id}}">
            {{{this.crafting.nextTest}}}
            <i class="attribute fas fa-forward-step"
               style="width:13px;margin:auto; text-align:center;"></i>
          </a>
        </div>
      {{/if}}
      <div class="attribute flexrow" style="min-width:100px">
        {{#if (and (not (eq this.chatData.status "success")) (gt this.crafting.recipe.beaversTests.fails 0)) }}
          <div class="statusbar error">
            <div class="fill"
                 style="background: linear-gradient(to right, darkred {{this.chatData.beaversTests.failPer}}%, transparent 0)">
              {{this.chatData.beaversTests.failPer}}%
            </div>
          </div>
        {{/if}}
        {{#if (not (eq this.chatData.status "error"))}}
          <div class="statusbar success">
            <div class="fill"
                 style="background: linear-gradient(to right, darkgreen {{this.chatData.beaversTests.hitPer}}%, transparent 0);">
              {{this.chatData.beaversTests.hitPer}}%
            </div>
          </div>
        {{/if}}
      </div>
      <div class="attribute option">
        <a class="describeCrafting"
           onclick="$(this).parents('.beavers-crafting-item').toggleClass('describe')">
          <i class="fas fa-square-chevron-down"></i>
          <i class="fas fa-square-chevron-up"></i>
        </a>
      </div>
      <div class="attribute">
        <a class="removeCrafting" data-id="{{this.id}}">
          <i class="fas fa-trash" data-id="{{this.id}}"></i>
        </a>
      </div>
    </div>
    <div class="crafting-description">
      {{>beavers-recipe chatData=this.chatData recipe=this.crafting.recipe}}
    </div>
  </div>
</div>