<div class="settings_modal_wrap modal_content_wrap">

  <div class="tg_page_head tg_modal_head">
    <div class="navbar navbar-static-top navbar-inverse">
      <div class="container">

        <div class="navbar-toggle-wrap dropdown">
          <a class="dropdown-toggle navbar-toggle">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <ul class="dropdown-menu">
            <li ng-if="photo.location">
              <a ng-click="deletePhoto()">Delete profile photo</a>
            </li>
            <li>
              <a ng-click="editProfile()">Edit profile</a>
            </li>
            <li>
              <a ng-click="terminateSessions()">Terminate all sessions</a>
            </li>
          </ul>
        </div>

        <div class="navbar-header">

          <ul class="nav navbar-nav navbar-quick-nav">
            <li>
              <a ng-click="$close()" class="navbar-quick-media-back">
                <i class="icon icon-back"></i>
                <div class="navbar-quick-back-title">
                  <h4>Settings</h4>
                </div>
              </a>
            </li>
          </ul>

        </div>

      </div>
    </div>
  </div>

  <div class="modal-body mobile_modal_body">

    <div class="mobile_user_modal_photo_profile_wrap">

      <a href="" ng-click="openPhoto(photo.id, -profile.id)" class="mobile_user_modal_image_wrap pull-left" ng-class="{disabled: !photo.id}">
        <img
          class="mobile_user_modal_image"
          my-load-thumb
          watch="true"
          thumb="photo"
        />
      </a>

      <div class="mobile_user_modal_info_wrap clearfix">
        <h4 class="mobile_user_modal_header" ng-bind-html="profile.rFullName"></h4>
        <p class="mobile_user_modal_status" my-user-status="::profile.id"></p>
      </div>

    </div>

    <div class="mobile_modal_action_wrap" ng-switch="photo.updating">
      <span ng-switch-when="true" class="mobile_modal_action">
        Updating<span my-loading-dots></span>
      </span>
      <span ng-switch-default class="mobile_modal_action mobile_modal_upload_action">
        <input my-file-upload  type="file" multiple="false" class="im_attach_input" size="120" multiple="false" accept="image/x-png, image/png, image/gif, image/jpeg" />
        Set profile photo
      </span>
    </div>

    <div class="mobile_modal_action_wrap">
      <a class="mobile_modal_action tg_checkbox clearfix" ng-click="toggleDesktop()" ng-class="notify.desktop ? 'tg_checkbox_on' : ''">
        <span class="icon icon-checkbox-outer"><i class="icon-checkbox-inner"></i></span>
        <span class="tg_checkbox_label">Notification alerts</span>
      </a>
    </div>

    <div class="mobile_modal_action_wrap">
      <a class="mobile_modal_action tg_checkbox clearfix" ng-click="toggleSound()" ng-class="notify.volume ? 'tg_checkbox_on' : ''">
        <span class="icon icon-checkbox-outer"><i class="icon-checkbox-inner"></i></span>
        <span class="tg_checkbox_label">Sounds</span>
      </a>
    </div>

    <div class="mobile_modal_action_wrap">
      <a class="mobile_modal_action tg_checkbox clearfix" ng-click="toggleCtrlEnter(send.enter == 1 ? 0 : 1)" ng-class="send.enter == 1 ? 'tg_checkbox_on' : ''">
        <span class="icon icon-checkbox-outer"><i class="icon-checkbox-inner"></i></span>
        <span class="tg_checkbox_label">Send on Enter</span>
      </a>
    </div>

    <div class="mobile_modal_section" ng-if="profile.phone">
      <h4 class="mobile_modal_section_header">Phone</h4>
      <div class="mobile_modal_section_value" ng-bind="profile.phone | phoneNumber"></div>
    </div>

    <div class="mobile_modal_section">
      <h4 class="mobile_modal_section_header">About</h4>
      <div class="mobile_modal_section_body settings_about_section_body clearfix">
        <div class="settings_external_services pull-right">
          <a href="https://github.com/zhukov/webogram" target="_blank" title="Source code on GitHub" class="settings_external_service"><i class="icon icon-github"></i></a>
          <a href="https://twitter.com/telegram_web" target="_blank" title="Follow us on Twitter!" class="settings_external_service"><i class="icon icon-twitter"></i></a>
        </div>
        <p>
          <a ng-click="openChangelog()">Recent updates (ver. <span ng-bind="version"></span>)</a>
        </p>
      </div>
    </div>

  </div>
</div>