{include file="mheader.tpl"}
<div class="header-title-breadcrumb element-box-shadow">
              <div class="container">
                  <div class="row">
                      <div class="col-md-7 col-sm-6 col-xs-12 text-left">
                        <h3>Promotional Tools</h3>
                      </div>
                      <div class="col-md-5 col-sm-6 col-xs-12 hide-on-tablet">
                          <ol class="breadcrumb text-right">
                            <li><a href="?a=account">Home</a></li> 
                            <li class="active">Promotional Tools</li>
                          </ol>                    
                      </div>
                  </div>
              </div>
            </div>
            <div class="spacer_80"></div>
<div class="row">

    <div class="col-md-8">
        
<div class="panel-heading">
                          <h3 class="panel-title">Your Referral Link</h3>
                        </div>
                        <div class="panel-body">
<input type="text" class="form-control" id="myInput" value="{$settings.site_url}/?ref={$userinfo.username|encurl}"><br/>
<button class="btn btn-success next-step text-bold" onclick="myFunction()">Copy Url</button>
</div>


    <div class="panel panel-cryptic">
                        <div class="panel-heading">
                          <h3 class="panel-title">125x125</h3>
                        </div>
                        <div class="panel-body">
                          <img src="images/125x125.gif"/> 
<br/>                                                   
<textarea class="form-control"><a href="{$settings.site_url}/?ref={$userinfo.username|encurl}"><img src="{$settings.site_url}/images/125x125.gif"></a></textarea>
                        </div>
                      </div>
                      <div class="panel panel-cryptic">
                        <div class="panel-heading">
                          <h3 class="panel-title">468x60</h3>
                        </div>
                        <div class="panel-body">
                          <img src="images/468x60.gif"/> 
<br/>                                                   
<textarea class="form-control"><a href="{$settings.site_url}/?ref={$userinfo.username|encurl}"><img src="{$settings.site_url}/images/468x60.gif"></a></textarea>
                        </div>
                      </div>
                      <div class="panel panel-cryptic">
                        <div class="panel-heading">
                          <h3 class="panel-title">728x90</h3>
                        </div>
                        <div class="panel-body">
                          <img src="images/728x90.gif"/> 
<br/>                                                   
<textarea class="form-control"><a href="{$settings.site_url}/?ref={$userinfo.username|encurl}"><img src="{$settings.site_url}/images/728x90.gif"></a></textarea>
                        </div>
                      </div>
                      <div class="panel panel-cryptic">
                        <div class="panel-heading">
                          <h3 class="panel-title">160x600</h3>
                        </div>
                        <div class="panel-body">
                          <img src="images/160x600.gif"/> 
<br/>                                                   
<textarea class="form-control"><a href="{$settings.site_url}/?ref={$userinfo.username|encurl}"><img src="{$settings.site_url}/images/160x600.gif"></a></textarea>
                        </div>
                      </div>
                      
</div></div>
{literal}
<script>
function myFunction() {
  var copyText = document.getElementById("myInput");
  copyText.select();
  copyText.setSelectionRange(0, 99999)
  document.execCommand("copy");
  alert("Copied the text: " + copyText.value);
}
</script>
{/literal}
<a href="#" class="scrollToTop"><i class="fa fa-chevron-up text-white" aria-hidden="true"></i></a>
</div>
{include file="mfooter.tpl"}