<section class="tab-panel {{tab.cssClass}}">
  <section class="daily-resources-panel">
    <div class="section-heading">
      <div class="sheet-actions">
        <button type="button" data-action="resetDaily">{{localize "MGNE.Character.ResetDailyResources"}}</button>
      </div>
    </div>

    <div class="resource-bar resource-bar-daily">
      <div class="resource-box resource-box-track resource-box-compact">
        <label class="resource-label-accent">{{localize "MGNE.Character.Omens"}}</label>
        <div class="resource-track resource-track-die">
          <div class="numeric-cluster">
            <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Current"}}</span>
            <select class="numeric-input" name="system.omens.current">
              {{#each selectOptions.omenCurrent}}
                <option value="{{value}}" {{#if (isEqual ../source.system.omens.current value)}}selected{{/if}}>{{label}}</option>
              {{/each}}
            </select>
          </div>
          <div class="numeric-cluster numeric-cluster-select">
            <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Die"}}</span>
            <select class="compact-select" name="system.omens.die">
              {{#each selectOptions.omenDice}}
                <option value="{{value}}" {{#if (isEqual ../source.system.omens.die value)}}selected{{/if}}>{{label}}</option>
              {{/each}}
            </select>
          </div>
        </div>
      </div>
      <div class="resource-box resource-box-track resource-box-compact">
        <label class="resource-label-accent">{{localize "MGNE.Character.Resonations"}}</label>
        <div class="resource-track">
          <div class="numeric-cluster">
            <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Used"}}</span>
            <select class="numeric-input" name="system.resonance.used">
              {{#each selectOptions.resonanceUsed}}
                <option value="{{value}}" {{#if (isEqual ../source.system.resonance.used value)}}selected{{/if}}>{{label}}</option>
              {{/each}}
            </select>
          </div>
          <span class="track-separator">/</span>
          <div class="numeric-cluster">
            <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Max"}}</span>
            <input class="numeric-input" type="number" name="system.resonance.max" value="{{source.system.resonance.max}}" />
          </div>
        </div>
        <small class="resource-meta">{{localize "MGNE.Character.Remaining"}}: {{system.resonance.remaining}}</small>
        {{#if source.system.resonance.blocked}}
          <div class="resonation-blocked-banner">
            <span>⚡ {{localize "MGNE.Character.ResonationBlocked"}}</span>
            <button type="button" data-action="clearResonationBlock" class="btn-clear-block">{{localize "MGNE.Character.ClearResonationBlock"}}</button>
          </div>
        {{/if}}
        <div class="resource-box-actions">
          <button type="button" data-action="rollResonancePerDay">{{localize "MGNE.Character.ResonancePerDay"}}</button>
        </div>
      </div>
      <div class="resource-box resource-box-track resource-box-compact">
        <label class="resource-label-accent">{{localize "MGNE.Character.ArtifactSync"}}</label>
        <div class="resource-track">
          <div class="numeric-cluster">
            <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Used"}}</span>
            <select class="numeric-input" name="system.artifactSync.used">
              {{#each selectOptions.artifactSyncUsed}}
                <option value="{{value}}" {{#if (isEqual ../source.system.artifactSync.used value)}}selected{{/if}}>{{label}}</option>
              {{/each}}
            </select>
          </div>
          <span class="track-separator">/</span>
          <div class="numeric-cluster">
            <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Limit"}}</span>
            <input class="numeric-input numeric-input-readonly" type="number" value="{{system.syncLimit}}" readonly />
          </div>
        </div>
      </div>
    </div>
  </section>
</section>
