1{if $inactive}
  2
  3    {include file="$template/includes/alert.tpl" type="danger" msg=$LANG.affiliatesdisabled textcenter=true}
  4
  5{else}
  6    {include file="$template/includes/flashmessage.tpl"}
  7    <div class="row">
  8
  9        <div class="col-sm-4">
 10            <div class="affiliate-stat affiliate-stat-green alert-warning">
 11                <i class="fas fa-users"></i>
 12                <span>{$visitors}</span>
 13                {$LANG.affiliatesclicks}
 14            </div>
 15        </div>
 16
 17        <div class="col-sm-4">
 18            <div class="affiliate-stat affiliate-stat-green alert-info">
 19                <i class="fas fa-shopping-cart"></i>
 20                <span>{$signups}</span>
 21                {$LANG.affiliatessignups}
 22            </div>
 23        </div>
 24
 25        <div class="col-sm-4">
 26            <div class="affiliate-stat affiliate-stat-green alert-success">
 27                <i class="far fa-chart-bar"></i>
 28                <span>{$conversionrate}%</span>
 29                {$LANG.affiliatesconversionrate}
 30            </div>
 31        </div>
 32
 33    </div>
 34
 35    <div class="affiliate-referral-link text-center">
 36
 37        <h3>{$LANG.affiliatesreferallink}</h3>
 38        <span>{$referrallink}</span>
 39
 40    </div>
 41
 42    <div class="row">
 43        <div class="col-md-8 col-md-offset-2">
 44            <table class="table table-striped table-rounded">
 45                <tr>
 46                    <td class="text-right">{$LANG.affiliatescommissionspending}:</td>
 47                    <td><strong>{$pendingcommissions}</strong></td>
 48                </tr>
 49                <tr>
 50                    <td class="text-right">{$LANG.affiliatescommissionsavailable}:</td>
 51                    <td><strong>{$balance}</strong></td>
 52                </tr>
 53                <tr>
 54                    <td class="text-right">{$LANG.affiliateswithdrawn}:</td>
 55                    <td><strong>{$withdrawn}</strong></td>
 56                </tr>
 57            </table>
 58        </div>
 59    </div>
 60
 61    {if $withdrawrequestsent}
 62        <div class="alert alert-success">
 63            <p>{$LANG.affiliateswithdrawalrequestsuccessful}</p>
 64        </div>
 65    {else}
 66        <p class="text-center">
 67            <a href="{$smarty.server.PHP_SELF}?action=withdrawrequest" class="btn btn-lg btn-danger{if !$withdrawlevel} disabled" disabled="disabled{/if}">
 68                <i class="fas fa-university"></i> {$LANG.affiliatesrequestwithdrawal}
 69            </a>
 70        </p>
 71        {if !$withdrawlevel}
 72            <p class="text-muted text-center">{lang key="affiliateWithdrawalSummary" amountForWithdrawal=$affiliatePayoutMinimum}</p>
 73        {/if}
 74    {/if}
 75
 76    {include file="$template/includes/subheader.tpl" title=$LANG.affiliatesreferals}
 77
 78    {include file="$template/includes/tablelist.tpl" tableName="AffiliatesList"}
 79    <script type="text/javascript">
 80        jQuery(document).ready( function ()
 81        {
 82            var table = jQuery('#tableAffiliatesList').removeClass('hidden').DataTable();
 83            {if $orderby == 'regdate'}
 84                table.order(0, '{$sort}');
 85            {elseif $orderby == 'product'}
 86                table.order(1, '{$sort}');
 87            {elseif $orderby == 'amount'}
 88                table.order(2, '{$sort}');
 89            {elseif $orderby == 'status'}
 90                table.order(4, '{$sort}');
 91            {/if}
 92            table.draw();
 93            jQuery('#tableLoading').addClass('hidden');
 94        });
 95    </script>
 96    <div class="table-container clearfix">
 97        <table id="tableAffiliatesList" class="table table-list hidden">
 98            <thead>
 99                <tr>
100                    <th>{$LANG.affiliatessignupdate}</th>
101                    <th>{$LANG.orderproduct}</th>
102                    <th>{$LANG.affiliatesamount}</th>
103                    <th>{$LANG.affiliatescommission}</th>
104                    <th>{$LANG.affiliatesstatus}</th>
105                </tr>
106            </thead>
107            <tbody>
108            {foreach from=$referrals item=referral}
109                <tr class="text-center">
110                    <td><span class="hidden">{$referral.datets}</span>{$referral.date}</td>
111                    <td>{$referral.service}</td>
112                    <td data-order="{$referral.amountnum}">{$referral.amountdesc}</td>
113                    <td data-order="{$referral.commissionnum}">{$referral.commission}</td>
114                    <td><span class='label status status-{$referral.rawstatus|strtolower}'>{$referral.status}</span></td>
115                </tr>
116            {/foreach}
117            </tbody>
118        </table>
119        <div class="text-center" id="tableLoading">
120            <p><i class="fas fa-spinner fa-spin"></i> {$LANG.loading}</p>
121        </div>
122    </div>
123
124    {if $affiliatelinkscode}
125        {include file="$template/includes/subheader.tpl" title=$LANG.affiliateslinktous}
126        <div class="margin-bottom text-center">
127            {$affiliatelinkscode}
128        </div>
129    {/if}
130
131{/if}
132