<div class="hqp-inventory">
  <div class="hqp-inventory-header">
    <i class="fas fa-newspaper"></i>
    <h3>My Newspapers</h3>
  </div>

  {{#if isEmpty}}
  <div class="hqp-inventory-empty">
    <i class="fas fa-scroll"></i>
    <p>No newspapers received yet.</p>
    <span>The GM will show them during play.</span>
  </div>
  {{else}}
  <div class="hqp-inventory-list">
    {{#each entries}}
    <div class="hqp-inventory-entry" data-action="viewNewspaper" data-entry-id="{{this.id}}">
      <i class="{{this.icon}} hqp-inventory-icon"></i>
      <div class="hqp-inventory-info">
        <span class="hqp-inventory-name">{{this.name}}</span>
        {{#if this.dateLabel}}<span class="hqp-inventory-date">{{this.dateLabel}}</span>{{/if}}
      </div>
      <button type="button" class="hqp-inventory-del" data-action="deleteEntry" data-entry-id="{{this.id}}" title="Remove">
        <i class="fas fa-trash"></i>
      </button>
    </div>
    {{/each}}
  </div>
  {{/if}}
</div>
