<extend name="Public/base" />

<block name="body">
    <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
    <script type="text/javascript" src="__STATIC__/layer/layer.js"></script>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <!-- <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all"> -->
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <script type="text/javascript" src="__STATIC__/provincecityarea/area1.js"></script>
    <script type="text/javascript" src="__STATIC__/provincecityarea/AreaData_min.js"></script>
    <script type="text/javascript" src="__STATIC__/provincecityarea/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="__JS__/jquery.mousewheel.js"></script>
    <style>
        .tabcon1711 td {
            text-decoration: none;
            text-align: center!important;
            padding-left: 55px;
            padding-right: 55px;
            width: 0;
        }
        .tabcon1711 td:first-child {
            padding-left: 55px;
            margin-right: 55px;
            width: 0;
        }
        .tabcon1711 input {
            width: 100%;
        }
    </style>


    <div class="cf main-place top_nav_list navtab_list">
        <ul class="tabnav1711 fr jstabnav">
            <li data-tab="tab1" class="current"><a href="javascript:void(0);">新增测试账号</a></li></li>
        </ul>
        <h3 class="page_title">新增测试账号</h3>
        <p class="description_text">说明:此功是查看推广员的基础信息</p>
    </div>


    <!-- 标签页导航 -->
    <div class="data_list">
        <form method="post"  action="{:U('add')}" enctype="multipart/form-data" id="form1" action="javascript:;" class="form-horizontal">
            <div class="cf top_nav_list">

                <!-- 高级搜索 -->
                <div class="jssearch fl cf search_list" style="margin-bottom:15px">

                    <input id="gameid" name="game_id" type="text" value="" style="display:none" >
                    <input id="serverid" name="server_id" type="text" value="" style="display:none">

                    <div class="input-list search-title-box">
                        <label>区服选择:</label>
                    </div>
                    <div class="input-list input-list-game search_label_rehab">
                        <select id="game_id" name="game_name" class="select_gallery"  style="width:120px;">
                            <option value="">游戏名称</option>
                            <volist name=":get_game_list()" id="vo">
                                <option game-id="{$vo.id}" value="{$vo.game_name}">{$vo.game_name}</option>
                            </volist>
                        </select>
                    </div>
                    <div class="input-list input-list-server search_label_rehab">
                        <select id="server_id" name="server_name" class="select_gallery"  style="width:120px;">
                            <option value="">区服名称</option>
                            <if condition="$_GET['server_name'] neq ''"><option  value="{$_GET['server_name']}">{$_GET['server_name']}</option></if>
                        </select>
                    </div>
                    </empty>
                </div>
            </div>
        <empty name="show_status">
            <div class="tab-content tabcon1711">
                <table class="table">
                    <!-- 表头 -->
                    <thead>
                    <tr>
                        <th>测试账号</th>
                        <th>密码</th>
                        <th>角色名称</th>
                        <th>资源数量</th>
                        <th>备注</th>
                        <th>操作</th>
                    </tr>
                    </thead>

                    <!-- 列表 -->
                    <tbody>


                        <tr>
                            <td class="r">
                                <div class="from-element from-input">
                                    <input type="text" title="账号" placeholder="账号" class="my_text"
                                           name='user_account[]'></div>
                            </td>
                            <td class="r">
                                <div class="from-element from-input">
                                    <input type="text" title="密码" placeholder="密码" class="my_text"
                                           name='user_password[]'></div>
                            </td>
                            <td class="r">
                                <div class="from-element from-input">
                                    <input type="text" title="角色名称" placeholder="角色名称" class="my_text"
                                           name='role_name[]'></div>
                            </td>
                            <td class="r">
                                <div class="from-element from-input">
                                    <input type="text" title="申请元宝或钻石数量" placeholder="申请元宝或钻石数量" class="my_text"
                                           name='apply_resource[]' onkeyup="value=value.replace(/[^\d]/g,'')"></div>
                            </td>
                            <td class="r">
                                <div class="from-element from-input">
                                    <input type="text" title="备注" placeholder="备注" class="my_text"
                                           name='apply_remark[]'></div>
                            </td>
                            <td class="r">
                                <a href="#" class="del-act">删除</a>
                                <a href="#" class="add-act">新增</a>
                            </td>
                        </tr>

                    </tbody>
                </table>

                <div class="form-item cf">
                    <button class="submit_btn ajax-post " id="submit" type="submit" target-form="form-horizontal" style="margin-left:10px;">
                        保存
                    </button>
                </div>

            </div>

        </empty>
        </form>

    </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="Promote/lists/type/1">
        </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">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('testResource/index')}');
        Think.setValue("game_type_id", {$data.game_type_id|default = 0});
        Think.setValue("category", {$data.category|default = 0});
        Think.setValue("ba_id", {$data.ba_id|default = 0});
        $('#submit').click(function(){
            $('#form').submit();
        });
        $(function(){
            // var pro="{:$data['bank_area']['0']}";
            // alert (pro);
            showTab();
            prov="{:substr($data['bank_area'],0,2)}";
            city="{:substr($data['bank_area'],2,2)}";
            ciarea="{:substr($data['bank_area'],4,2)}";
            //initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, prov, city, ciarea);
            $('.table').on("click", '.add-act', function (event) {
                $(".table").find("tr:last").find('td:last').find('a:last').css("display", 'none');

                var rowNum = $(".table tr").size() - 1;
                var html = "<tr class='table_tr' data-val='" + rowNum + "'><td><div class='from-element from-input'><input type='text' class='my_text' title='账号' placeholder='账号' name='user_account[]' ></div></td><td><div class='from-element from-input'><input type='text' title='密码' class='my_text' placeholder='密码' name='user_password[]'></div></td><td><div class='from-element from-input'><input type='text' title='角色名称' placeholder='角色名称' class='my_text' name='role_name[]'></div></td><td><div class='from-element from-input'><input type='text' maxlength='19' placeholder='申请元宝或钻石数量' title='申请数量' class='my_text' name='apply_resource[]' onkeyup = " + '"' + "value=value.replace(/[^\\d]/g,'')" + '"' + "></div></td><td><div class='from-element from-input'><input type='text' placeholder='备注' class='my_text' maxlength='100' name='remarks[]'></div></td><td><a href='javascript:;'   class='support-act del-act'>删除</a>&nbsp<a href='javascript:;' class='support-act add-act' style='display: inline-block;'  >新增</a></td></tr>";
                $(".table").append(html);

            });
            $('.table').on("click", '.del-act', function (event) {
                var rowNum = $(".table tr").size() - 1;
                if (rowNum > 1) {
                    $(this).closest("tr").remove();
                    $(".table").find("tr:last").find('td:last').find('a:last').css("display", ' inline-block');
                }
            });
        });
        $("#server_id").change(function () {
            var g_server_id = $("#server_id option:selected").attr('server-id');
            $("#serverid").attr('value',g_server_id);
        });
        $("#game_id").change(function(){
            var addData = '';
            $.ajax({
                url:"{:U('Ajax/getServer')}",
                type:"post",
                data:{game_id:$("#game_id option:selected").attr('game-id')},
                dataType:'json',
                success:function(data){
                    str = "<option value=''>请选择区服</option>";
                    for (var i in data){
                        str += "<option value='"+data[i].server_name+"' server-id='"+data[i].id+"'>"+data[i].server_name+"</option>"
                    }
                    var g_game_id = $("#game_id option:selected").attr('game-id');
                    $("#gameid").attr('value',g_game_id);
                    console.log(g_game_id);
                    $("#server_id").empty();
                    $("#server_id").append(str);
                    $("#server_id").select2();

                }
            })
        });


    </script>
</block>