(function ($) {
    
    let Name = "Pagination";

    $.fn.Pagination = function (options) {
        var windowPC = 'windows'
        function browserRedirect() {  
            var sUserAgent = navigator.userAgent.toLowerCase();  
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
            var bIsAndroid = sUserAgent.match(/android/i) == "android";  
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  
            if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
                windowPC = 'windows'
            } else {
                windowPC = 'pc'
            }
            console.log(windowPC, 999)
        }  
        browserRedirect();
        let myDoom = this;
        // 榛樿鍊
        options = options || {};
        options.page = options.page || 1;   // 褰撳墠椤垫暟
        options.count = options.count || 1;       // 鎬绘暟閲
        options.limit = options.limit || 10;      // 姣忛〉鏁伴噺
        options.groups = options.groups || 5;     // 杩炵画鍑虹幇鍑犱釜椤电爜鎸夐挳
        options.prev = options.prev || '<i class="glyphicon glyphicon-chevron-left"></i>';   // 鑷畾涔変笂涓€椤垫寜閽
        options.next = options.next || '<i class="glyphicon glyphicon-chevron-right"></i>';   // 鑷畾涔変笅涓€椤垫寜閽
        options.first = options.first || '<i class="glyphicon glyphicon-step-backward"></i>';   // 鑷畾涔夐椤垫寜閽
        options.last = options.last || '<i class="glyphicon glyphicon-step-forward"></i>';     // 鑷畾涔夊熬椤垫寜閽
        options.onPageChange = options.onPageChange || function (page) {console.log(page)};

        let PageFloat = Math.floor(options.groups / 2), // 椤电爜娴姩閲    10/2 = 5
            maxPage = Math.ceil(options.count / options.limit), // 鎬婚〉鏁
            pageListHtml = "";

        let i = options.page - PageFloat;
        if (options.page + PageFloat > maxPage ){ i = maxPage - (PageFloat * 2);} // 100 - 5 * 2 = 90
        if (i < 1){i = 1 ;}

        do {
            let Selected = "";
            if (i === options.page){
                Selected = 'active';
            }
            pageListHtml += '<li class="page-list '+Selected+'"><a href="#">'+i+'</a></li>';
            i ++;
            // 鍒ゆ柇鏄剧ず椤垫暟
            // i 灏忎簬 褰撳墠椤 + 椤电爜娴姩閲
            // let a = (i <= (options.nowPage + PageFloat));
            // 濡傛灉褰撳墠椤 - 椤电爜娴姩閲 灏忎簬0 鍒檌 灏忎簬 鍦ㄤ箣鍓嶇殑鍩虹涓婂啀澶 (娴姩 + 2 - 褰撳墠椤? 涓垎椤
            // let b = (options.nowPage - PageFloat <= 0 && i < (options.nowPage + PageFloat + (PageFloat + 2 - options.nowPage) ));
            // i 姘歌繙 灏忎簬鏈€澶ч〉鏁
            // let c = (i <= maxPage);
            // debugger;
        }while ((i <= (options.page + PageFloat) || options.page - PageFloat <= 0 && i < (options.page + PageFloat + (PageFloat + 2 - options.page) ))  && i <= maxPage )
        let html;
        if (windowPC === 'windows') {
            html = '<nav aria-label="Page navigation">' +
            '<ul class="pagination">' +
            '<li><a href="#" class="pager-item" aria-label="first" title="鍥炲埌棣栭〉"><span aria-hidden="true">'+ options.first +'</span></a></li>' +
            '<li><a href="#" class="pager-item" aria-label="prev" title="涓婁竴椤?><span aria-hidden="true">'+ options.prev +'</span></a></li>' +
            pageListHtml +
            '<li><a href="#" class="pager-item" aria-label="next" class="涓嬩竴椤?><span aria-hidden="true">'+ options.next +'</span></a></li>' +
            '<li><a href="#" class="pager-item" aria-label="last" title="鍓嶅線灏鹃〉"><span aria-hidden="true">'+ options.last +'</span></a></li>' +
            '</ul></nav>';
        } else {
            html = '<nav aria-label="Page navigation">' +
            '<ul class="pagination">' +
            // '<li><a href="#" class="pager-item" aria-label="first" title="鍥炲埌棣栭〉"><span aria-hidden="true">'+ options.first +'</span></a></li>' +
            // '<li><a href="#" class="pager-item" aria-label="prev" title="涓婁竴椤?><span aria-hidden="true">'+ options.prev +'</span></a></li>' +
            '<li><a href="#" class="pager-item" aria-label="prev" title="涓婁竴椤?><span aria-hidden="true">'+ '<img src="/image/web/prev.png" />' +'</span></a></li>' +
            pageListHtml +
            // '<li><a href="#" class="pager-item" aria-label="next" class="涓嬩竴椤?><span aria-hidden="true">'+ options.next +'</span></a></li>' +
            // '<li><a href="#" class="pager-item" aria-label="last" title="鍓嶅線灏鹃〉"><span aria-hidden="true">'+ options.last +'</span></a></li>' +
            '<li><a href="#" class="pager-item" aria-label="next" title="涓嬩竴椤?><span aria-hidden="true">'+ '<img src="/image/web/next.png" />' +'</span></a></li>' +
            '</ul></nav>';
        }

        // 娓呯┖涔嬪墠鐨勫唴瀹圭劧鍚庡啀娣诲姞鏂板唴瀹
        myDoom.off('click');
        myDoom.empty();
        myDoom.append(html);

        // 鍒囨崲椤电爜
        myDoom.on('click', '.pagination .page-list', function() {
            options.page = parseInt($(this).text());
            myDoom.Pagination(options);
            options.onPageChange(parseInt($(this).text()));
        });
        // 棣栭〉銆佸熬椤点€佷笂涓€椤点€佷笅涓€椤
        myDoom.on('click','.pagination .pager-item',function () {
            let label = $(this).attr('aria-label');
            let page = 1;
            if (label === 'first'){
                page = 1;
            }
            else if (label === 'prev'){
                page = options.page - 1;
                if (page < 1 )    page = 1;
            }else if (label === 'next'){
                page = options.page +1;
                if (page > maxPage) page = maxPage;
            }else if (label === 'last'){
                page = maxPage;
            }
            options.page = page;
            myDoom.Pagination(options);
            options.onPageChange(page);
        })
    }
}(jQuery));