<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}}