<link href="<?php echo base_url();?>public/h5/css/bootstrap.min14ed.css" rel="stylesheet">
<link href="<?php echo base_url();?>public/h5/css/font-awesome.min93e3.css" rel="stylesheet">
<link href="<?php echo base_url();?>public/h5/css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">
<link href="<?php echo base_url();?>public/h5/css/animate.min.css" rel="stylesheet">
<link href="<?php echo base_url();?>public/h5/css/style.min862f.css" rel="stylesheet">

<style>
    #alertmod_table_list_2 {
        top: 900px !important;
    }
</style>

<div class="container-fluid" style="background-color: #f3f3f4;">
    <div class="row">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>运营后台/活动配置</h5>
            </div>
            <div class="ibox-content">
                <h3 style="font-weight: bold">活动配置</h3>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>已排未上线活动</h5>
                </div>
                <div class="ibox-content">
                    <h2 class="no-margins">8个活动 到2020-04-1</h2>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>正在进行活动</h5>
                </div>
                <div class="ibox-content">
                    <h2 class="no-margins">金蛋 建筑大师 体力加速</h2>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>本周活动数</h5>
                </div>
                <div class="ibox-content">
                    <h2 class="no-margins">24个活动</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">活动配置</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title" style="border-top: 0;">
                                    <h3 style="font-weight: bold">活动配置</h3>
                                </div>
                                <div class="ibox-content" style="padding: 0;">
                                    <form method="get" class="form-horizontal">
                                        <div class="col-sm-12">
                                            <div class="col-sm-6">
                                                <label class="col-sm-12 control-label" style="text-align: left;">金蛋奖励方式配置</label>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">打破坏获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">打破盾获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">非完美偷获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">完美偷获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">三标记获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="col-sm-6 control-label">收集物件</label>
                                                    <div class="col-sm-6 thumbnail div-slot" style="border: 1px dashed #ddd;">
                                                        <img src="/images/default_img.png" class="upimg default-img" name="slot" alt=""  style="height: 100%;width: 100%;"  />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <label class="col-sm-12 control-label" style="text-align: left;">排行榜奖励方式配置</label>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">打破坏获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">打破盾获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">非完美偷获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-6 control-label">完美偷获得:</label>
                                                        <div class="col-sm-6" style="padding-right: 0;">
                                                            <input type="text"  class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="col-sm-6 control-label">收集物件</label>
                                                    <div class="col-sm-6 thumbnail div-slot" style="border: 1px dashed #ddd;">
                                                        <img src="/images/default_img.png" class="upimg default-img" name="slot" alt=""  style="height: 100%;width: 100%;"  />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="jqGrid_wrapper">
                                                <table id="table_list_2"></table>
                                                <div id="pager_list_2"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12" style="margin-top: 3rem">
                                            <div class="form-group">
                                                <div class="col-sm-4 col-sm-offset-2">
                                                    <button class="btn btn-primary" type="submit">保存内容</button>
                                                    <a href="#activity/h5"><button class="btn btn-white" type="button">返回</button></a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="<?php echo base_url();?>public/h5/js/jquery.min.js"></script>
<script src="<?php echo base_url();?>public/h5/js/bootstrap.min.js"></script>
<script src="<?php echo base_url();?>public/h5/js/plugins/peity/jquery.peity.min.js"></script>
<script src="<?php echo base_url();?>public/h5/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
<script src="<?php echo base_url();?>public/h5/js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
<script src="<?php echo base_url();?>public/h5/js/content.min.js"></script>
<script>
    $(document).ready(function(){
        $('#content').css("padding","0");
        $('#page_footer').css("position","fixed");
        $('#left_panel').css("position","fixed");
        $.jgrid.defaults.styleUI = "Bootstrap";


        var mydata = "";
        $("#table_list_2").jqGrid({
            data: mydata,
            datatype: "local",
            height: 320,
            autowidth: true,
            shrinkToFit: true,
            rowNum: 20,
            rowList: [10, 20, 30],
            colNames: ["阶段", "阶段值", "奖励类型", "奖励值", "操作"],
            colModel: [{
                name: "stage",
                index: "id",
                editable: true,
                width: 60,
                sorttype: "int",
                search: true,
            }, {
                name: "max",
                index: "max",
                editable: true,
                width: 60,
                sortable: false
            }, {
                name: "type",
                index: "type",
                editable: true,
                width: 100,
                edittype:"select",
                editoptions:{
                    value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"
                }
            }, {
                name: "reward",
                index: "reward",
                editable: true,
                width: 80,
                align: "center",
            },{
                name: "action",
                index: "action",
                editable: false,
                width: 100,
                sortable: false
            }],
            pager: "#pager_list_2",
            viewrecords: true,
            caption: "",
            add: true,
            edit: true,
            addtext: "Add",
            edittext: "Edit",
            hidegrid: false
        });
        $("#table_list_2").jqGrid("navGrid", "#pager_list_2", {
            edit: true,
            add: true,
            del: false,
            search: true
        }, {
            height: 200,
            reloadAfterSubmit: true
        });

    });
</script>