<extend name="Public/base"/>
<block name="css">
    <link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
    <link rel="stylesheet" href="__CSS__/promote.css" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/webuploader/webuploader.css" media="all">
    <style>
        .select2-container--default .select2-selection--single {
            color: #000;
            resize: none;
            border-width: 1px;
            border-style: solid;
            border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
            box-shadow: 0px 3px 3px #F7F8F9 inset;height:35px;
            height:28px;border-radius:3px;font-size:12px;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height:35px;
            line-height:28px;
        }
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height:26px;
        }
        .select2-container--default .select2-search--dropdown .select2-search__field {
            height:26px;line-height:26px;font-size:12px;
        }
        .select2-results__option[aria-selected] {font-size:12px;}
        .textarea-style {
            width: 200px;
            height: 80px;
            border-radius: 5px;
            padding: 5px;
        }
        .mustmark {
            color: #FF0000;
            font-style: normal;
            margin: 0 3px;
        }
        .el-card {
            border-radius: 4px;
            border: 1px solid #ebeef5;
            background-color: #fff;
            overflow: hidden;
            color: #303133;
            transition: .3s;
        }
        .el-card .card-body {
            padding: 20px;
        }
        .el-card .card-header {
            padding: 18px 20px;
            border-bottom: 1px solid #ebeef5;
            box-sizing: border-box;
        }
        .clearfix:after {
            content:""; 
            display: block; 
            clear:both; 
        }
        .set-default-btn {
            border: none;
            background: #3C95C8;
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            cursor: pointer;
            border-radius: 3px;
            display: inline-block;
            text-align: center;
            border-bottom: none;
            width: 55px;
            height: 28px;
            line-height: 26px;
        }
    </style>
</block>
<block name="body">
    <script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
    <script type="text/javascript" src="__JS__/select2.min.js"></script>
    <script type="text/javascript" src="__JS__/jquery.form.js"></script>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>

    <script src="__STATIC__/md5.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="__STATIC__/webuploader/webuploader.js"></script>
    <script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
    <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js"></script>
    <div class="cf clearfix main-place top_nav_list navtab_list">
        <h3 class="page_title">支付配置列表</h3>
    </div>
    <div class="cf clearfix top_nav_list">
        <!-- 高级搜索 -->
        <div class="jssearch fl cf search_list">
            <div class="input-list search-title-box">
                <label>搜索：</label>
            </div>
            <div class="input-list">
                <input type="text" name="name" placeholder="请输入支付配置名称" class="" value="" style="width: 150px">
            </div>
            <div class="input-list">
                <input type="text" name="main_name" placeholder="请输入商户主体" class="" value="" style="width: 150px">
            </div>
            <div class="input-list">
                <input type="text" name="account" placeholder="请输入商户账号" class="" value="" style="width: 150px">
            </div>
            <div class="input-list">
                <select id="channel_select" name="channel" class="select_gallery" style="width:200px;">
                    <option value="0">请选择支付渠道</option>
                    <?php foreach($channels as $key => $name):?>
                    <option value="<?=$key?>"><?=$name?></option>
                    <?php endforeach;?>
                </select>
            </div>
            <div class="input-list input-list-promote search_label_rehab">
                <select id="status_select" name="status" class="select_gallery" style="width:200px;">
                    <option value="-1">请选择状态</option>
                    <?php foreach($statusList as $key => $name):?>
                    <option value="<?=$key?>"><?=$name?></option>
                    <?php endforeach;?>
                </select>
            </div>
            <div class="input-list input-list-promote search_label_rehab">
                <select id="way_select" name="way" class="select_gallery" style="width:200px;">
                    <option value="0">请选择支付方式</option>
                    <?php foreach($ways as $key => $name):?>
                    <option value="<?=$key?>"><?=$name?></option>
                    <?php endforeach;?>
                </select>
            </div>
            <div class="input-list input-list-promote search_label_rehab">
                <select id="admin-select" name="admin_id" class="select_gallery" style="width:200px;">
                    <option value="">请选择操作管理员</option>
                    <?php foreach($admins as $admin):?>
                    <option value="<?=$admin['id']?>"><?=$admin['username']?></option>
                    <?php endforeach;?>
                </select>
            </div>
            <div class="input-list">
                <input type="text" id="started_at" name="started_at" class="time" value="" placeholder="操作开始时间" autocomplete="off" />
                -
                <div class="input-append date" id="datetimepicker"  style="display:inline-block">
                <input type="text" id="ended_at" name="ended_at" class="time" value="" placeholder="操作结束时间" autocomplete="off" />
                <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('PaymentMerchant/list')}">搜索</a>
                <a class="sch-btn" style="width: 80px;" href="{:U('PaymentMerchant/add')}">新增商户</a>
            </div>
        </div>
    </div>
    <div class="el-card" style="width: 100%; margin-bottom: 10px;">
        <div class="card-body">
            <div class="default-setting">
                <div class="title" style="display: inline-block; font-weight: 600;">当前系统默认设置 </div>
                <div class="item" style="display: inline-block;margin-left: 15px;">
                    支付宝：<?=$aliDefaultMerchant ? $aliDefaultMerchant['name'] : '无' ?>
                </div>
                <div class="item" style="display: inline-block;margin-left: 15px;">
                    微信：<?=$weixinDefaultMerchant ? $weixinDefaultMerchant['name'] : '无' ?>
                </div>
                <div class="item" style="display: inline-block;margin-left: 15px;">
                    快捷支付：<?=$expressDefaultMerchant ? $expressDefaultMerchant['name'] : '无' ?>
                </div>
                <div style="display: inline-block;margin-left: 15px;">
                    <button id="set-default-btn" class="set-default-btn">设置</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 数据列表 -->
    <div class="data_list">
        <div class="">
            <table>
                <!-- 表头 -->
                <thead>
                <tr>
                    <th>支付配置名称</th>
                    <th>商户主体</th>
                    <th>支付商户</th>
                    <th>商户账户</th>
                    <th>支持支付方式</th>
                    <th>状态</th>
                    <th>操作管理员</th>
                    <th>操作时间</th>
                    <th>操作</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                <empty name ="records">
                    <td colspan="9" class="text-center">aOh! 暂时还没有内容!</td>
                    <else />
                    <volist name="records" id="data">
                        <tr data-id="<?=$data['id']?>">
                            <td>{$data.name}</td>
                            <td>{$data.main_name}</td>
                            <td>{$data.channel_text}</td>
                            <td>{$data.account}</td>
                            <td>{$data.wayNames}</td>
                            <td>
                                <?php if($data['status'] == 0):?>
                                <span style="color: #ff0000;">{$data.status_text}</span>
                                <?php else:?>
                                <span>{$data.status_text}</span>
                                <?php endif;?>
                            </td>
                            <td>{$data.admin_username}</td>
                            <td>{$data.update_time}</td>
                            <td>
                                <div class="partakebtn">
                                    <a href="<?=U('edit', ['id' => $data['id']])?>">编辑</a>
                                    <?php if($data['status'] == 0):?>
                                    <a class="status-btn" data-status="1">启用</a>
                                    <?php else:?>
                                    <a class="status-btn" data-status="0" style="color: #ff0000;">禁用</a>
                                    <?php endif;?>
                                </div>
                            </td>
                        </tr>
                    </volist>
                </empty>
                </tbody>
            </table>
        </div>
    </div>
    <div class="page">
        <if condition="$role_export_check eq true ">
            <!-- <a class="sch-btn export-btn"
               href="{:U(CONTROLLER_NAME.'/'.ACTION_NAME,array_merge(['export'=>1],I('get.')))}" target="_blank">导出</a> -->
        </if>
        {$_page|default=''}
    </div>

    <div class="common_settings">
        <span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
        <form class="addShortcutIcon">
            <input type="hidden" name="title" value="{$m_title}">
            <input type="hidden" name="url" value="Query/withdraw">
        </form>
        <a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
    </div>
</block>

<block name="script">
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

    <script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
    <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js" ></script>
    <script src="__STATIC__/jquery.cookie.js" charset="utf-8"></script>
    <script>
        <volist name=":I('get.')" id="vo">
            Think.setValue('{$key}',"{$vo}");
        </volist>
        $(".select_gallery").select2();
    </script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav("{:U('PaymentMerchant/list')}");
        $(function(){
            //搜索功能
            $("#search").click(function(){
                var url = $(this).attr('url');
                var query  = $('.jssearch').find('input').serialize();
                query  += "&"+$('.jssearch').find('select').serialize();
                query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
                query = query.replace(/^&/g,'');
                if( url.indexOf('?')>0 ){
                    url += '&' + query;
                }else{
                    url += '?' + query;
                }
                window.location.href = url;
            });
            //回车自动提交
            $('.jssearch').find('input').keyup(function(event){
                if(event.keyCode===13){
                    $("#search").click();
                }
            })

            $('.time').datetimepicker({
                format: 'yyyy-mm-dd',
                language: "zh-CN",
                autoclose: true,
                scrollMonth: false,
                scrollTime: false,
                scrollInput: false,
                startView: 'month',
                minView:'month',
                maxView:'month',
            });

            $('#batch-delete-btn').on({
                click: function() {
                    var ids = getIds();
                    $.ajax({
                        url: '{:U("batchDelete")}',
                        type: 'post',
                        dataType: 'json',
                        data: {ids: ids},
                        success: function(result) {
                            if (result.status == 1) {
                                layer.msg(result.message)
                                setTimeout(function() {
                                    window.location.href = window.location.href
                                }, 200)
                            } else {
                                layer.msg(result.message)
                            }
                        }
                    })
                }
            })
            function getIds() {
                var ids = [];
                $('.ids:checked').each(function() {
                    ids.push($(this).val());
                })
                return ids;
            }
            $('.delete-btn').on({
                click: function() {
                    var id = $(this).parents('tr').eq(0).attr('data-id');
                    $.ajax({
                        url: '{:U("delete")}',
                        type: 'post',
                        dataType: 'json',
                        data: {id: id},
                        success: function(result) {
                            if (result.status == 1) {
                                layer.msg(result.message)
                                setTimeout(function() {
                                    window.location.href = window.location.href
                                }, 200)
                            } else {
                                layer.msg(result.message)
                            }
                        }
                    })
                }
            })
            $('.status-btn').on({
                click: function() {
                    var id = $(this).parents('tr').eq(0).attr('data-id')
                    var status = $(this).attr('data-status')
                    $.ajax({
                        url: '{:U("changeStatus")}',
                        type: 'post',
                        dataType: 'json',
                        data: { id: id, status: status },
                        success: function(result) {
                            if (result.status == 1) {
                                layer.msg(result.message)
                                setTimeout(function() {
                                    window.location.href = window.location.href
                                }, 200)
                            } else {
                                layer.msg(result.message)
                            }
                        }
                    })
                }
            })
            $('#set-default-btn').on({
                click: function() {
                    layer.open({
                        type: 2,
                        title: "设置系统默认",
                        shadeClose: true,
                        shade: 0.8,
                        area: ['500px', '300px'],
                        // content:'/admin.php?s=/AggregateFinanceStatement/viewStatement/id/'+1
                        content: '/admin.php?s=/PaymentMerchant/editDefault'
                    })
                }
            })
        });
        /* $(".export-btn").on("click",function(e){
            e.preventDefault();
            window.location.href=$(this).attr("href")
        }) */
    </script>
</block>