<div class="content-header">
  <h4>{{i18n 'Appeal Confirmation'}}</h4>
</div>
<div class="item">
  <p>
    {{~#if submittedAppeal~}}
      {{i18n 'Your appeal has been submitted.'}}
    {{~else~}}
      {{i18n 'Your existing appeal is still pending for approval.'}}
    {{~/if~}}
    {{concat ' ' (i18n 'You will be notified about the result of your appeal via email. Please note that any unmuted videos are still subject to potential copyright claims by rights holders.')}}
  </p>
</div>
{{#if mutedTracks}}
  <div class="item">
    <table class="music-table checklist">
      <thead>
        <tr>
          <th class="track-name"><span class="sub-text">{{i18n 'Track'}}</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 pendingTracks=true}}
        {{/each}}
      </tbody>
    </table>
    <div class="buttons">
      <button {{action "onExit" }} class='button'><span>{{t 'general.forms.close'}}</span></button>
    </div>
  </div>
{{else}}
  <div class="loading-spinner-container">
    <div class="loading-spinner"></div>
  </div>
{{/if}}
