<div id="info-modal"></div>
<div class="corpus-app-container">
  {{outlet}}
  <div class="carto">{{outlet "carto"}}</div>
</div>

<div class="corpus-app-wrapper">
  <div class="corpus-app-player">
    {{partial "player"}}
  </div>
  {{partial "results"}}
</div>

{{#if isShowingModal}}
  {{#ember-wormhole to='info-modal'}}
    <div class="overlay" {{action 'toggleModal'}}></div>
    <div class="dialog">
      <h1>{{currentDetails.title}}</h1>
      <p><b>Description: </b>{{currentDetails.description}}</p>
      <p><b>Interviewer: </b>{{currentDetails.interviewer}}</p>
      <p><b>Type de Discours: </b>{{currentDetails.type}}</p>
      <p><b>Localisation: </b>{{currentDetails.spatial}}</p>
      <p><b>Langue: </b>{{currentDetails.language}}</p>
      <p><b>Date de Creation: </b>{{currentDetails.created}}</p>
      <button class="pull-right" {{action 'toggleModal'}}>Close</button>
    </div>
  {{/ember-wormhole}}
{{/if}}