{include file='gembox/layout/head.tpl'}
<div class="row1">
    <div class="options" style="margin:10px;">
        <label for="fruits">时间:</label>
            <select id="dateSelect">
                <option {if $dateSelect == today}selected{/if} value="today">今天</option>
                <option {if $dateSelect == oneWeek}selected{/if} value="oneWeek">一周</option>
                <option {if $dateSelect == oneMonth}selected{/if} value="oneMonth">一月</option>
                <option {if $dateSelect == threeMonth}selected{/if} value="threeMonth">三月</option>
                <option {if $dateSelect == halfYear}selected{/if} value="halfYear">半年</option>
                <option {if $dateSelect == oneYear}selected{/if} value="oneYear">一年</option>
                <option {if $dateSelect == threeYear}selected{/if} value="threeYear">三年</option>
            </select>
    </div>
    <table class="listTable" style="max-width:300px;">
        <thead>
            <tr>
                <th>code</th>
                <th>点击数</th>
                <th>注册数</th>
            </tr>
        </thead>
        <tbody>
            {foreach $tableInviteUp['data'] as $k=>$dataRow}
            <tr>
                <td>{$dataRow['code']}</td>
                <td>{$dataRow['click']}</td>
                <td>{$dataRow['reg']}</td>
            </tr>
            {/foreach}
        </tbody>
    </table>
    <div class="pagination">
        <button class="btn-1 btn-page" id="page-first">|<</button>
        <button class="btn-1 btn-page" id="page-prev"><</button>
            <span class='page-num'>
                {foreach $pageBar['barNums'] as $pageBarNum}
                    <a page-go="{$pageBarNum}" href="#" class="{if $page == $pageBarNum} page-on {/if}">{$pageBarNum}</a>
                {/foreach}
                {if $pageBar['haveMore'] == true}
                    <span clas="page-more">..</span>
                {/if}
            </span>
        <button class="btn-1 btn-page" id="page-next">></button>
        <button class="btn-1 btn-page" id="page-last">>|</button>
        <input type="hidden" id='limit' value="{$count->limit}">
        <input type="hidden" id='page-on' value="{$page}">
        <input type="hidden" id="page-total" value="{$tableInviteUp['count']['total_page']}">
        <input type="hidden" id="page-location" value="/gembox/invite/up">
    </div>
</div>

<script>

obj.PageGo = function (pageTotal, pageGo, limit) {
    
    if (pageGo > pageTotal) {
        return false;
    }
    
    if (pageGo <= 0) {
        return false;
    }
    
    const params = new URLSearchParams();
    params.set('p', pageGo);
    params.set('l', limit);
    params.set('dateSelect', $("#dateSelect").val())

    document.location.href = "/gembox/invite/up?"+params.toString();
}

$(document).ready(function() {
    $('#dateSelect').change(function() {
       var selectedValue = $(this).val();
       
       document.location.href = "/gembox/invite/up?d="+selectedValue;
       
   });
});
</script>