<!--
  Note:
  Надписи в этой модалке не переводим, так как она отображается до того, как пользователь выбрал локаль приложения.
  Пусть надписи на модалке всегда будут на fallback-языке (английском),
  а названия языков в списке пусть составляются из международного названия, и из нативного названия языка.
-->
<div class="modal-header">
  <h3>Select language</h3>
</div>

<div class="modal-body clearfix" style="min-height:70px">
  <div class="list-group" ng-style="$ctrl.dismissable && {'margin-bottom': 0}">
    <button type="button" class="list-group-item"
            ng-repeat="locale in $ctrl.locales | toArray | orderBy:'universal_descr'"
            ng-click="$ctrl.choose(locale.$key)"
            ng-class="{'active': locale.$key == $ctrl.activeItem}">

      <strong>{[ locale.universal_descr ]}</strong>
      <span ng-if="locale.native_descr != locale.universal_descr">({[ locale.native_descr ]})</span>

    </button>
  </div>

</div>

<div class="modal-footer" ng-show="$ctrl.dismissable">
  <button class="btn btn-default" ng-click="$ctrl.dismiss()">Cancel</button>
</div>
