<div class="row">
  <div class="col-md-10 col-md-offset-1">
    <div class="panel panel-default">
      <div class="panel-heading doc_details_title">{{t 'bo.document_detail'}}</div>

      <div class="panel-body">
        <div class="doc_details">
          <div class="data">
            <div class="data-audio-title">{{t 'bo.document_audio'}}</div>
            <div class="data-audio-player">
              <audio id='' controls="controls">
              {{#each model.mediaArray as |audio|}}
                <source src="{{ audio.url }}" type="{{ audio.format }}"/>
              {{/each}}
                {{t 'bo.audio_support_error' }}
              </audio>
            </div>
          </div>
          <div class="content">
            <div class="content-main-title">{{t 'bo.document_content'}}</div>
            <div class="content-title">{{t 'bo.document_title'}}</div>
            <div class="content-value">{{model.title}}</div>
            <div class="content-title">{{t 'bo.document_editors'}}</div>
            <div class="content-value">{{#each model.publishers as |publisher index|}}{{if index ", "}}{{publisher}}{{/each}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


{{outlet}}