.popup_overlay.ng-cloak[
  ng-show="is_popup_active(POPUPS.DST_LANGUAGES)"
  ng-overlay="close_popup(null)"
]
  .popup.popup_choose_language ng-if="customer.src_language"
    a.popup_close href="" ng-click="close_popup($event, POPUPS.DST_LANGUAGES)"
    .popup_title
      h2 = I18n.t :languages_popup, scope: [:new_order, :title]

    .choose_language_content.f32
      .choose_language_list ng-repeat="_dst_languages in dst_languages_groups"
        .choose_language_item[
          ng-repeat="language in _dst_languages"
          ng-model="customer.dst_languages"
          language-cell="language"
          ng-class="{'active': value.selected}"
          title="{{lang.title}}"
        ]
          .checker clickable=""
            span ng-class="{'checked': value.selected}"
              input[
                type="checkbox"
                name="customer[dst_language]"
                value="{{language}}"
                id="dst_language_{{language.id}}"
              ]
          label for="dst_language_{{language.id}}"
            .choose_language_info
              .choose_language_item_title
                span.flag ng-class="language.flag_css"
                p.ng-binding ng-bind="language.title"
    a.button href="" ng-click="close_popup($event, POPUPS.DST_LANGUAGES)"
      = I18n.t :select_languages_done, scope: [:new_order, :button]

  .popup.popup_choose_language ng-if="!customer.src_language"
    a.popup_close href="" ng-click="close_popup($event, POPUPS.DST_LANGUAGES)"
    .popup_title
      h2 = I18n.t :languages_popup, scope: [:new_order, :title]

    .choose_language_content
      .choose_language_select
        label = t(:please_select, scope: [:account, :order, :popups])
        select[
          ng-model="customer.src_language"
          ng-select2="src_languages"
          ng-options="src_language.title for src_language in src_languages"
          required=""
          display-error=""
          data-minimum-results-for-search="-1"
          data-theme="cabinet_default select2-container_popup"
          data-placeholder="#{I18n.t(:src_language, scope: [:new_order, :placeholder])}"
          data-error-required="#{I18n.t(:blank, scope: [:errors, :src_language])}"
        ]
          option.empty_item

      a.button href="" ng-click="close_popup($event, POPUPS.DST_LANGUAGES)"
        = I18n.t :select_languages_done, scope: [:new_order, :button]