<div class="row">
  <div class="col-md-12">
    <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 row">
          <div class="col-md-8 content">
              <div class="content-main-title">{{t 'bo.document_content'}}</div>
              <div class="row">
                <div class="col-md-1">
                  &nbsp;
                </div>
                <div class="col-md-11">
                  <div class="content-title">{{t 'bo.document_title'}}</div>
                  <div class="content-value">{{model.title}}</div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-1">
                  &nbsp;
                </div>
                <div class="col-md-11">
                  <div class="content-title">{{t 'bo.document_language'}}</div>
                  <div class="content-value">{{doc-language language=model.language}}</div>
                </div>
              </div>
              <div class="row">
                {{bo-doc-contributors document=model}}
              </div>
              <div class="row">
                <div class="col-md-1">
                  &nbsp;
                </div>
                <div class="col-md-11">
                  <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 class="row">
                <div class="col-md-1">
                  &nbsp;
                </div>
                <div class="col-md-11">
                  <div class="content-title">{{t 'bo.document_subjects'}}</div>
                  <div class="content-value">{{#each model.subjects as |subject index|}}{{if index ", "}}{{subject}}{{/each}}</div>
                </div>
              </div>
          </div>
          <div class="col-md-4">
            <div class="data">
              <div class="data-audio-title">{{t 'bo.document_audio'}}</div>
              <div class="data-audio-player">
                <audio id='' controls="controls">
                {{#each model.mediaList as |audio|}}
                  <source src="{{ audio.url }}" type="{{ audio.format }}"/>
                {{/each}}
                  {{t 'bo.audio_support_error' }}
                </audio>
              </div>
            </div>
          </div>
          <div class="content">
          </div>
        </div>
        <div class="doc-buttons row">
          <div class="col-md-12">
            <button type="button" class="btn btn-primary" {{action 'saveDocument' model }} disabled={{not model.currentState.isDirty}}>{{t 'bo.button_save'}}</button>
            <button type="button" class="btn btn-primary" {{action 'cancelDocument' model }} disabled={{not model.currentState.isDirty}}>{{t 'bo.button_cancel'}}</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


{{outlet}}