<div class="modal user-modal-avatar" id="avatarChangeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3 class="main-title has-icon">
          <span class="title_icon"><img src="/theme/assets/img/icon-cdp-user.png"></span>
          <span class="title_text">
          Mudar imagem
          <span class="subtext">Altere sua imagem de perfil</span>
          </span>
        </h3>
      </div>

      <div class="modal-body">
      {{#if isLoading}}
        <div class="container-fluid text-center">
          <img src="/core/images/loading.gif" alt="loadingCdP">
        </div>        
      {{else}}
        <form id="avatar-upload" class="form-upload-avatar" name="uploadAvatarForm" >
          <div class="row form-upload">
            <div>
            {{#if imageSelected}}
              {{we-image-crop src=salvedImage.urls.original file=salvedImage data=cropImageData}}
            {{else}}

                <div class="form-control file-uploader">

                    {{image-upload multiple="false" files=files}}

                </div>

            {{/if}}
          </div>
        </form>
      {{/if}}
      </div>
      <div class="modal-footer">
        {{#if imageSelected}}
          <button class="btn btn-primary" type="buttom" {{action 'cropAndSave'}}>Salvar foto</button>
        {{else}}
          <button class="btn btn-primary" type="buttom" {{bind-attr disabled="hideAction"}}{{action 'selectFile'}}>
          Enviar Foto
          </button>
        {{/if}}
      </div>

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