{template 'common/header'}
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/css/style.css" />
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.css" />

<style type="text/css">
    .btn-success2 { color: #fff; background-color: #428bca; border-color: #428bca; height: 26px; line-height: 23px; }
    .div2 span{ position: absolute; right: -10px; top: 20%; }
    .dis{color: #999;}
</style>
{template 'common/user_tab'}

<div class="panel panel-default">
    <div class="panel-heading">
        <span style="margin-top: 10px;display: inline-block;">任务管理</span>
        <div class="clearfix"></div>
    </div>
	<div class="panel-body">
         <form id="sign-form" class="form-horizontal" role="form" method="post" action="{url 'site/entry/taskSave',array('m'=>$_GPC['m'],'op'=>'taskSave','version_id'=>$_GPC['version_id'])}" name="submit">
        <table class="table">
            <thead>
            <tr>
                <th style="width: 10%; text-align: center;">任务</th>
                <th style="width: 12%; text-align: center;">标题</th>
                <th style="width: 15%; text-align: center;">说明</th>
                <th style="width: 10%; text-align: center;">奖励</th>
                <th style="width: 15%; text-align: center;">现金/金币</th>
                <th style="width: 10%; text-align: center;">上限类型</th>
                <th style="width: 15%; text-align: center;">上限</th>
                <th style="width: 5%; text-align: center;">状态</th>
                <th style="width: 8%; text-align: center;">排序</th>
            </tr>
            </thead>
            <tbody>
            {loop $list $index $item}
            <tr>
                <td style="text-align: center;vertical-align: left;">
                    <input class="form-control" name="task[{$index}][name]" value="{$item['name']}" readonly/>
                </td>
                <td style="text-align: center;vertical-align: left;">
                    <input class="form-control" name="task[{$index}][title]" value="{$item['title']}" placeholder="保持在15个汉字内">
                </td>
                <td style="text-align: center;vertical-align: left;">
                    <input name="task[{$index}][tip]" value="{$item['tip']}" class="form-control" placeholder="保持在30个汉字内">
                </td>
                <td style="text-align: center;vertical-align: middle;">
                   {if $item['label'] == 1}
                        <select name="task[{$index}][type]" disabled class="task_type dis" data-index="{$index}" data-label="{$item['label']}">
                            <option value="0" {if $item['type'] == 0}selected{/if}>现金&nbsp;</option>
                            <option value="1" {if $item['type'] == 1}selected{/if}>金币&nbsp;</option>
                        </select>
                   {elseif $item['label'] == 3}
                        <select name="task[{$index}][type]" disabled class="task_type dis" data-index="{$index}" data-label="{$item['label']}">
                            <option value="0" {if $item['type'] == 0}selected{/if}>现金&nbsp;</option>
                            <option value="1" {if $item['type'] == 1}selected{/if}>金币&nbsp;</option>
                        </select>
                   {else}
                    <select name="task[{$index}][type]" class="task_type" data-index="{$index}" data-label="{$item['label']}">
                        <option value="0" {if $item['type'] == 0}selected{/if}>现金&nbsp;</option>
                        <option value="1" {if $item['type'] == 1}selected{/if}>金币&nbsp;</option>
                     </select>
                    {/if}
                </td>
                <td id="task_mc_{$index}" style="text-align: center;vertical-align: middle;">
                     {if $item['type'] == 0}
                        <div class="div2 col-sm-8">
                            <input name="task[{$index}][money]" value="{$item['money']}" class="form-control"><span>元</span>
                        </div>
                     {else}
                        <div class="div2 col-sm-8">
                            <input name="task[{$index}][coin]" value="{$item['coin']}" class="form-control"><span>个</span>
                        </div>
                     {/if}
                </td>

                 <td style="text-align: center;vertical-align: middle;">
                   {if $item['label'] == 2}
                                /
                   {elseif $item['label'] == 6}
                                /
                   {elseif $item['label'] == 1}
                                /
                   {elseif $item['label'] == 3}
                      
					<select name="task[{$index}][max_type]" disabled class="task_type dis">
                        <option value="0" {if $item['max_type'] == 0}selected{/if}>不限&nbsp;</option>
                        <option value="1" {if $item['max_type'] == 1}selected{/if}>累计&nbsp;</option>
                        <option value="2" {if $item['max_type'] == 2}selected{/if}>每日&nbsp;</option>
                     </select>

                   {else}
                    <select name="task[{$index}][max_type]">
                        <option value="0" {if $item['max_type'] == 0}selected{/if}>不限&nbsp;</option>
                        <option value="1" {if $item['max_type'] == 1}selected{/if}>累计&nbsp;</option>
                        <option value="2" {if $item['max_type'] == 2}selected{/if}>每日&nbsp;</option>
                     </select>
                   {/if}
                </td>

                <td id="task_mcm_{$index}"  style="text-align: center;vertical-align: middle;">
                   {if $item['label'] == 2}
                                /
                   {elseif $item['label'] == 6}
                                /
                   {elseif $item['label'] == 1}
                                /
                   {elseif $item['label'] == 3}
                           <div class="div2 col-sm-8">
                               <input name="task[{$index}][money_max]" value="{$item['money_max']}" class="form-control"><span>元</span>
                           </div>
                   {else}
                        {if $item['type'] == 0}
                           <div class="div2 col-sm-8">
                               <input name="task[{$index}][money_max]" value="{$item['money_max']}" class="form-control"><span>元</span>
                           </div>
                        {else}
                           <div class="div2 col-sm-8">
                               <input name="task[{$index}][coin_max]" value="{$item['coin_max']}" class="form-control"><span>个</span>
                           </div>
                        {/if}
                    {/if}
                </td>
                <td style="text-align: left;vertical-align: middle;">
                    <div class="col-sm-8">
                    <input type="checkbox" class="js-switch" value="1" id="status{$index}" name="task[{$index}][status]" data-value="{$item['status']}" style="top: -15px;left:-10px;">
                    </div>
                    <script type="text/javascript" charset="utf-8">
                        if ($("#status{$index}").attr("data-value") == "1") {
                            $("#status{$index}").attr("checked", "checked");
                        }else {
                            $("#status{$index}").attr("checked", false)
                        }
                    </script>
                </td>
                <td style="text-align: center;vertical-align: middle;">
                    <input name="task[{$index}][sort]" value="{$item['sort']}" class="form-control">
                </td>
                <input name="task[{$index}][label]" value="{$item['label']}" type="hidden">
            </tr>
            {/loop}
            </tbody>
        </table>
        <div class="form-group">
                <div class="col-sm-offset-0 col-sm-10">
                    <input type="submit" name="submit" class="btn btn-success">
                </div>
         </div>
        </form>
    </div>
</div>
<script type="text/javascript" charset="utf-8">
    $('.task_type').change(function (){
        
        var label = $(this).data('label');

        var index = $(this).data('index');
        var val = $(this).val();

        if(val == 1){
            $('#task_mc_' + index).html(' <div class="div2 col-sm-8"> <input name="task['+ index +'][coin]" value="0" class="form-control"><span>个</span> </div>');
            if(label != 2 && label != 6)
                $('#task_mcm_' + index).html('<div class="div2 col-sm-8"> <input name="task['+ index +'][coin_max]" value="0" class="form-control"><span>个</span> </div>');
        }else{
             $('#task_mc_' + index).html(' <div class="div2 col-sm-8"> <input name="task['+ index +'][money]" value="0.00" class="form-control"><span>元</span> </div>');
            if(label != 2 && label != 6)
                $('#task_mcm_' + index).html('<div class="div2 col-sm-8"> <input name="task['+ index +'][money_max]" value="0.00" class="form-control"><span>元</span> </div>');
        }
    });
</script>
{template 'common/footer_hj'}
{template 'common/footer'}