</div>
              <div class="form-group">
                  <p style="font-size: 11px;">{{'invitationHint'|t(data.lc)}}</p>
                  <button v-if="!data.modal.invitationOptions.sending" class="btn btn-primary btn-sm" v-on:click="data.modal.invitationOptions.send()" type="button">
                      {{'sendInvitations'|t(data.lc)}}
                  </button>
                  <button v-if="data.modal.invitationOptions.sending" class="btn btn-primary btn-sm" v-bind:disabled="true" type="button">
                      {{'sending'|t(data.lc)}}
                      <span class="fa fa-circle-o-notch fa-spin"></span>
                  </button>
              </div>
              <div v-if="data.modal.invitationOptions.error" class="alert alert-danger" role="alert" style="margin-bottom: 10px;">
                  <span class="fa fa-warning"></span> {{data.modal.invitationOptions.error}}
              </div>

<div class="share" v-if="data.modal.invitationOptions.url">
                  
                  <div class="inlineBlock">
                      <strong>{{'or'|t(data.lc)}}</strong>
                  </div>
                   <div>{{'shareLink'|t(data.lc)}}
                       <br/>
                       <button class="btn btn-link btn-xs i" v-on:click="copyToClipboard(data.modal.invitationOptions.url)" type="button" v-bind:title="'copyToClipboard'|t(data.lc)" data-placement="top" v-tooltip>
                          <span class="fa fa-copy"></span>
                      </button>
                       <a v-on:click="data.modal.invitationOptions.openLink(data.modal.invitationOptions.url)">{{data.modal.invitationOptions.url}}</a>
                   </div>
                   <div class="btns">

<a class="fbtn share facebook" target="_blank" v-on:click="data.modal.invitationOptions.openLink('https://www.facebook.com/sharer/sharer.php?u='+data.modal.invitationOptions.urlEsc)"><i class="fa fa-facebook"></i></a>

<a class="fbtn share gplus" target="_blank" v-on:click="data.modal.invitationOptions.openLink('https://plus.google.com/share?url='+data.modal.invitationOptions.urlEsc)"><i class="fa fa-google-plus"></i></a>

<a class="fbtn share twitter" target="_blank" v-on:click="data.modal.invitationOptions.openLink('https://twitter.com/intent/tweet?text=Create Interactive ebooks with Kotobee&url='+data.modal.invitationOptions.urlEsc+'&via=kotobeesupport')"><i class="fa fa-twitter"></i></a>

<a class="fbtn share pinterest" target="_blank" v-on:click="data.modal.invitationOptions.openLink('http://pinterest.com/pin/create/button/?url='+data.modal.invitationOptions.urlEsc+'&description=Create Interactive ebooks with Kotobee&media=image')"><i class="fa fa-pinterest"></i></a>

<a class="fbtn share linkedin" target="_blank" v-on:click="data.modal.invitationOptions.openLink('http://www.linkedin.com/shareArticle?mini=true&url='+data.modal.invitationOptions.urlEsc+'&title=Create interactive ebooks with Kotobee&source='+data.modal.invitationOptions.urlEsc+'/')"><i class="fa fa-linkedin"></i></a>

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

{{'inviteFriendsToKotobee'|t(data.lc)}}