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

  <a class="modal-close-button" ng-click="$close()"><i></i></a>

  <div class="modal-body">

    <h4 ng-if="error" class="modal_simple_header" ng-switch="error.type">
      <span ng-switch-when="ACCOUNT_REQUIRED">No account</span>
      <span ng-switch-default ng-switch="error.code">
        <span ng-switch-when="400">Error</span>
        <span ng-switch-when="401">Unauthorized</span>
        <span ng-switch-when="403">Access denied</span>
        <span ng-switch-when="404">Not found</span>
        <span ng-switch-when="406">Network error</span>
        <span ng-switch-when="420">Too fast</span>
        <span ng-switch-default>Server error</span>
      </span>
    </h4>
    <h4 ng-if="!error" class="modal_simple_header" ng-bind="title || 'Alert'"></h4>

    <div ng-if="error" class="error_modal_description" ng-switch="error.type">
      <span ng-switch-when="NETWORK_BAD_REQUEST">
        Please check your internet connection.
      </span>
      <span ng-switch-when="NETWORK_BAD_RESPONSE">
        Please check your internet connection.
      </span>
      <span ng-switch-when="FIRSTNAME_INVALID">
        The first name you entered is invalid.
      </span>
      <span ng-switch-when="LASTNAME_INVALID">
        The last name you entered is invalid.
      </span>
      <span ng-switch-when="PHONE_NUMBER_INVALID">
        The phone number you entered is invalid.
      </span>
      <span ng-switch-when="USERS_TOO_MUCH">
        You have selected too much users.
      </span>
      <span ng-switch-when="PHOTO_INVALID_DIMENSIONS">
        The photo dimensions are invalid, please select another file.
      </span>
      <span ng-switch-when="PHOTO_CROP_SIZE_SMALL">
        The photo you provided is too small.
      </span>
      <span ng-switch-when="ACCOUNT_REQUIRED">
        Sorry, there is no <strong>Telegram</strong> account for {{phone | phoneNumber}}<br/><br/>
        Please <strong>sign up</strong> using our mobile apps for <a href="https://telegram.org/" target="_blank">iOS</a> or <a href="https://telegram.org/" target="_blank">Android</a>.
      </span>


      <div ng-switch-default ng-switch="error.code">
        <span ng-switch-when="400">One of the params is missing or invalid.</span>
        <span ng-switch-when="401">This action requires authorization access. Please <a href="#/login">log in</a>.</span>
        <span ng-switch-when="403">You are not allowed for this action.</span>
        <span ng-switch-when="404">The page was not found.</span>
        <span ng-switch-when="420">You are performing too many actions. Please try again later.</span>
        <span ng-switch-default>Internal server error occured. Please try again later.</span>
      </div>

    </div>

    <div ng-if="error" class="error_modal_details" ng-switch="error.detailsShown">
      <textarea ng-switch-when="true" rows="3" onclick="this.select()">Method: {{error.input || 'N/A'}}
Result: {{error.originalError ? error.originalError : (error.stack ? (error.name || '') + ' ' + (error.description || error.message) : error)}}
Stack: {{error.stack}}</textarea>
      <div ng-switch-default>
        <a href="" ng-click="error.detailsShown = true">Technical details here</a>
      </div>
    </div>

    <div ng-if="!error" class="error_modal_description" ng-bind="description"></div>

  </div>

</div>