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

                   

                </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">

                   

                </div>

                <div class="col-md-11">

                  <div class="content-title">{{t 'bo.document_language'}}</div>

                  <div class="content-value">{{bo-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">

                   

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

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