<ion-modal-view ng-controller="FacebookFriendsPickerCtrl">

  <!-- HEADER BAR -->
  <ion-header-bar>
    <button class="button icon-left ion-chevron-left button-clear button-dark" ng-click="closeFBFriendsPicker()">Back</button>
    <h1 class="title">Facebook Friends</h1>
    <button class="button button-clear button-dark" ng-click="confirmFBFriendsSelection()">Confirm</button>
  </ion-header-bar>

  <!-- CONTENT -->
  <ion-content>

    <!-- LIST -->
    <ion-list>

      <!-- REFRESHER -->
      <ion-refresher pulling-text="Puxe para atualizar" on-refresh="doRefresh()">
      </ion-refresher>

      <!-- ITEM TEMPALTE -->
      <ion-item class="item-avatar" ng-repeat="friend in facebookFriends" ng-click="clickFriend({{friend.count}})" href="">
        <img src="{{friend.picture.data.url}}">
        <h2 style="margin-top: 10px;">{{friend.name}}</h2>
        
        <div id="check_{{friend.count}}" style="visibility: hidden; position: relative; float: right; margin-top: -20px;">
          <i class="radio-icon ion-checkmark"></i>
        </div>
      </ion-item>

    </ion-list>

  </ion-content>

</ion-modal-view>