<section class="dnc-chat-card dnc-chat-card-usage">
  <header class="chat-card-header">
    <div class="chat-card-heading">
      <p class="chat-card-kicker">{{localize "DNC.Chat.Kicker.Wear"}}</p>
      <h2>{{title}}</h2>
    </div>
    <div class="chat-card-seal {{#if degraded}}failure{{else}}success{{/if}}">
      {{#if degraded}}-1{{else}}STABLE{{/if}}
    </div>
  </header>
  <div class="chat-pill-row">
    {{#if modeLabel}}<span class="chat-pill">{{modeLabel}}</span>{{/if}}
    <span class="chat-pill">{{localize "DNC.Chat.Result"}} {{value}}</span>
    <span class="chat-pill">{{localize "DNC.Chat.Before"}} {{before}}</span>
    <span class="chat-pill">{{localize "DNC.Chat.After"}} {{after}}</span>
  </div>
  {{#if values.[1]}}
    <div class="chat-keyline">
      <span class="chat-keyline-label">{{localize "DNC.Chat.Rolls"}}</span>
      <p class="roll-values">{{#each values}}<span>{{this}}</span>{{/each}}</p>
    </div>
  {{/if}}
  {{#if protectionStored}}<p class="chat-note">{{localize "DNC.Chat.StoredProtection"}} : <strong>{{protectionStored}}</strong>.</p>{{/if}}
  {{#if isAmmunition}}
    {{#if degraded}}<p class="chat-note">{{localize "DNC.Chat.AmmunitionWearsDown"}}</p>{{else}}<p class="chat-note">{{localize "DNC.Chat.AmmunitionStable"}}</p>{{/if}}
    {{#if exhausted}}<p class="warning">{{localize "DNC.Chat.AmmunitionExhausted"}}</p>{{/if}}
  {{else if isDamageUsage}}
    {{#if degraded}}<p class="chat-note">{{localize "DNC.Chat.DamageUsageWearsDown"}}</p>{{else}}<p class="chat-note">{{localize "DNC.Chat.DamageUsageStable"}}</p>{{/if}}
    {{#if exhausted}}<p class="warning">{{localize "DNC.Chat.DamageUsageExhausted"}}</p>{{/if}}
  {{else}}
    {{#if degraded}}<p class="chat-note">{{localize "DNC.Chat.ResourceWearsDown"}}</p>{{else}}<p class="chat-note">{{localize "DNC.Chat.ResourceStable"}}</p>{{/if}}
    {{#if exhausted}}<p class="warning">{{localize "DNC.Chat.ResourceExhausted"}}</p>{{/if}}
  {{/if}}
</section>
