<div class="md_simple_modal_wrap" my-modal-position>

  <div class="md_simple_modal_body">

    <form class="modal_simple_form" ng-submit="doImport()">

      <h4 my-i18n="contact_edit_modal_title"></h4>

      <div class="md-input-group md-input-disabled" my-labeled-input>
        <label class="md-input-label" my-i18n="contact_import_modal_phone"></label>
        <span class="md-input" ng-bind="importContact.phone | phoneNumber"></span>
      </div>

      <div class="md-input-group" my-labeled-input>
        <label class="md-input-label" my-i18n="contact_edit_modal_first_name"></label>
        <input class="md-input" my-focused type="text" ng-model="importContact.first_name" my-submit-on-enter />
      </div>

      <div class="md-input-group" my-labeled-input>
        <label class="md-input-label" my-i18n="contact_edit_modal_last_name"></label>
        <input class="md-input" type="text" ng-model="importContact.last_name" my-submit-on-enter />
      </div>

    </form>

  </div>

  <div class="md_simple_modal_footer">
    <button class="btn btn-md" ng-click="$dismiss()" my-i18n="modal_cancel"></button>
    <button class="btn btn-md btn-md-primary" ng-class="{disabled: progress.enabled}" ng-click="doImport()" ng-bind="progress.enabled ? 'contact_edit_modal_submit_active' : 'contact_edit_modal_submit'| i18n" ng-disabled="progress.enabled"></button>
  </div>

</div>