{{! Music Table}}
<div class="content-header">
  <h4>{{i18n 'Appeal Muted Audio'}}</h4>
  <p class="sub-text">{{i18n 'Please select the reason for the muted audio track you wish to appeal'}}</p>
</div>
{{partial 'video/appeals/invalid-reasons'}}
{{#if mutedTracks}}
  <div class="item">
    <table class="music-table overview">
      <thead>
        <tr>
          <th class="checkbox"></th>
          <th class="music-name"><span class="sub-text">{{i18n 'Track'}}</span></th>
          <th class="music-time"><span class="sub-text">{{i18n 'Time'}}</span></th>
          <th class="music-time"><span class="sub-text">{{i18n 'Status'}}</span></th>
          <th class="appeal-reason"><span class="sub-text">{{i18n 'Appeal Reason'}}</span></th>
        </tr>
      </thead>
      <tbody>
        {{#each mutedTracks as |track|}}
          {{video/appeals/muted-track track=track selectTracks=true}}
        {{/each}}
      </tbody>
    </table>
    {{#if vodAppeal.canCreateAppeal}}
      <div class="buttons">
        <div {{action "selectTracks"}} class="button">
          <span>{{i18n 'Appeal Selected'}}</span>
        </div>
      </div>
    {{/if}}
  </div>
{{else}}
  <div class="loading-spinner-container">
    <div class="loading-spinner"></div>
  </div>
{{/if}}
