{extend name="public/base" /}
{block name='content'}
{include file='public/content_header' /}

<section class="content">

    {if $show_notice}
    <div class="row">
        <div class="pad margin no-print">
            <div class="callout callout-info">
                <h4><i class="fa fa-info"></i> 您好,{$user.nickname|default='管理员'}:</h4>
                {$notice_content|default=''}
            </div>
        </div>
    </div>
    {/if}


    <div class="row">
        <section class="col-lg-8 connectedSortable">
            <div class="box box-info">
                <div class="box-header with-border">
                    <i class="fa fa-users"></i>
                    <h3 class="box-title">{:lang('the_proxy_data_title')}</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="info-box">
                            <span class="info-box-icon bg-aqua"><i class="fa fa-users"></i></span>

                            <div class="info-box-content">
                                <span class="info-box-text">{:lang('proxy_user_statistics_title')}</span>
                                <span class="info-box-number">
                                    {$data.agency_count.total|default='0'}
                                    <small>{:lang('person')}</small>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="info-box">
                            <span class="info-box-icon bg-red"><i class="fa fa-hourglass-3"></i></span>

                            <div class="info-box-content">
                                <span class="info-box-text">{:lang('settled_commission_title')}</span>
                                <span class="info-box-number">
                                    {$data.agency_count.already_money|sprintf="%.2f",###|default='0.00'}
                                    <sup> {:lang('cny')}</sup>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix visible-sm-block"></div>

                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="info-box">
                            <span class="info-box-icon bg-green"><i class="fa fa-hourglass-start"></i></span>

                            <div class="info-box-content">
                                <span class="info-box-text">{:lang('outstanding_commission_title')}</span>
                                <span class="info-box-number">{$data.agency_count.no_money|sprintf="%.2f",###|default='0.00'}<sup> {:lang('cny')}</sup></span>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="info-box">
                            <span class="info-box-icon bg-yellow"><i class="fa fa-cny"></i></span>

                            <div class="info-box-content">
                                <span class="info-box-text">{:lang('total_commission_title')}</span>
                                <span class="info-box-number">{$data.agency_count.procedure_fee_money|sprintf="%.2f",###|default='0.00'}<sup> {:lang('cny')}</sup></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        {include file='index/info' /}
    </div>


    <div class="row">
        {include file='index/excharge' /}
        {include file='index/commission' /}
    </div>
    <div class="row">
        {include file='index/account' /}
        {include file='index/player' /}
    </div>
</section>

<script>
    var passwordDanger = {$password_danger};
    var sortableChanged = false;
    var sortableIds = [];

    $(function () {

        $('.connectedSortable').sortable({
            placeholder: 'sort-highlight',
            connectWith: '.connectedSortable',
            handle: '.box-header',
            forcePlaceholderSize: true,
            zIndex: 999999,
            update: function (event, ui) {
                sortableChanged = true;
                let ids1 = $('#sortable1').sortable('toArray');
                let ids2 = $('#sortable2').sortable('toArray');
                $.each(ids2, function (index, item) {
                    ids1.push(item);
                });

                sortableIds = ids1;
                console.log(sortableIds);

                /* $.ajax({
                     type: "post",
                     url: "",
                     data: {image_ids},
                     dataType: "json",
                     success: function(result) {
                         window.location.reload(); //后台获取到数据刷新页面
                     }
                 });*/
            }

        });
        $('.connectedSortable .box-header, .connectedSortable .nav-tabs-custom').css('cursor', 'move');

        //密码修改检查
        if (parseInt(passwordDanger) === 1) {
            layer.confirm('系统检测到超级管理员默认密码未修改，是否马上去修改？', {title: '风险提示', closeBtn: 1, icon: 7}, function () {
                $.pjax({
                    url: '/admin/admin_user/profile.html#privacy',
                    container: '#pjax-container'
                });
                layer.closeAll();
            });
        }
    });

</script>
{/block}