@extends('layouts.base')

@section('content')
@section('title', trans($title))
<div class="right-titpos">
    <ul class="add-snav">
        <li class="active"><a href="#">{{$title}}</a></li>

    </ul>
</div>


<div class='panel panel-default' id="app">
    <form action="" method="post" class="form-horizontal form">
        <div class="col-sm-12">
            <input type="hidden" name="data[activity_id]" value="{{$activity_id}}">
            {{--<input type="hidden" name="data[task_id]" value="{{$task_id}}">--}}

            <div class="form-group">
                <label class="col-sm-2 control-label "
                       style='width:100px;text-align: left;padding-left:22px;'><span
                            style="color: red;">*</span>排序</label>
                <div class="col-sm-9 col-xs-12">
                    <input type="text" name="data[display_order]" class="form-control"
                           value="{{$item['display_order']}}"/>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label "
                       style='width:100px;text-align: left;padding-left:22px;'><span
                            style="color: red;">*</span>任务名称</label>
                <div class="col-sm-9 col-xs-12">
                    <input type="text" name="data[title]" class="form-control" value="{{$item['title']}}"/>
                </div>
            </div>


            <div class="form-group">
                <label class="col-xs-12 col-sm-3 col-md-2 control-label"
                       style='width:100px;text-align: left;padding-left:22px;'>条件设置</label>
                <div class="col-sm-9 col-xs-12">
                    <div class='panel-body'>

                        <div class="table-responsive ">
                            <div class="task_reward" v-for="(item, index) in tasks">
                                <div class="input-group">
                                    <select name='data[condition][condition][]' v-model="item.condition"
                                            class='form-control condition'>
                                        @foreach($conditions as $key => $condition)
                                            <option value='{{$key}}' :value='{{$key}}'>{{$condition}}</option>
                                        @endforeach
                                    </select>
                                    <div class="input-group-addon"
                                         style="border: 0px solid #ccc; padding: 1px 1px;"></div>
                                    <input type="text" name="data[condition][condition_value][]"
                                           v-model="item.condition_value"
                                           class="form-control" value=""/>

                                    <div class="input-group-addon del-task" @click="delTask(index)" title="删除"><i
                                            class="fa fa-trash"></i></div>
                            </div>

                        </div>

                        <span class='help-block'><input type="button" @click="addTask" value="增加任务"
                                                            class="btn btn-success add-task"/></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label"
                   style='width:100px;text-align: left;padding-left:22px;'>任务奖励</label>
            <div class="col-sm-9 col-xs-12">
                <div class='panel-body'>

                    <div class="table-responsive ">
                        <div class="input-group">

                            <select name='data[reward][reward]' v-model="reward" class='form-control reward'>
                                @foreach($rewards as $key => $reward)
                                    <option :value='{{$key}}' value='{{$key}}'
                                            @if($item['reward']['reward'] == $key) selected @endif >{{$reward}}</option>
                                @endforeach
                            </select>
                            <div class="input-group-addon" style="border: 0px solid #ccc; padding: 1px 1px;"></div>


                            <input type="hidden" name="data[reward][reward_value]" value="" id="select_coupon_id"
                                   v-model="reward_value"
                                   v-if="reward==2"/>
                            <input type="text" maxlength="30" class="form-control" name='data[reward][coupon_name]'
                                   value='' id="select_coupon_name" v-model="coupon_name" readonly v-if="reward==2"/>
                            <div class="input-group-addon " @click="coupon_model()" v-if="reward==2">选择优惠劵
                        </div>
                        <input type="text" class="form-control" name='data[reward][coupon_num]' value=''
                               v-model="coupon_num"
                               v-if="reward==2"/>
                        <span class="input-group-addon " v-if="reward==2">张</span>


                        {{--<div class="input-group-addon"  v-if="reward==2">优惠券</div>--}}
                        {{--<input type="text" name="data[reward][reward_name]" v-model="coupon_name" class="form-control " value="" v-if="reward==2" readonly/>--}}
                        {{--<div class="input-group-addon"  v-if="reward==2">ID</div>--}}
                        {{--<input type="text" name="data[reward][reward_value]" v-model="coupon_id"--}}
                        {{--class="form-control " value="" v-if="reward==2" readonly/>--}}


                        {{--<div v-show="reward == 2" class="input-group-addon" @click="getCoupon()">选择优惠券</div>--}}

                        <input type="text" name="data[reward][reward_value]" v-model="reward_value"
                               class="form-control " value="" v-if="reward!=2"/>
                        <div v-show="reward != 2" class="input-group-addon">
                            <span v-if="reward == 0">元</span>
                            <span v-if="reward == 1">个</span>
                        </div>

                    </div>

                </div>
            </div>
        </div>
</div>

<div class="form-group">
    <label class="col-sm-2 control-label "
           style='width:100px;text-align: left;padding-left:22px;'>状态</label>
    <div class="col-sm-9 col-xs-12">
        <label class="radio-inline">
            <input type="radio" name="data[status]" value="0"
                   @if($item['status'] == 0) checked="checked" @endif /> 禁用</label>
        <label class="radio-inline">
            <input type="radio" name="data[status]" value="1"
                   @if($item['status'] == 1) checked="checked" @endif /> 开启</label>
    </div>
</div>


</div>
<div class="form-group">

    <div class="col-sm-9 col-xs-12">
        <input type="submit" value="提交" class="btn btn-primary"/>
        <a href="{{yzUrl("plugin.task-reward.admin.task.manage",['activity_id'=>$activity_id])}}"><span
                    class="btn btn-default"
                    style='margin-left:10px;'>返回列表</span></a>
    </div>
</div>

</form>

<div id="modal-module-menus-coupon" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                <h3>选择优惠券</h3></div>
            <div class="modal-body">
                <div class="row">
                    <div class="input-group">
                        <input type="text" class="form-control" name="keyword" value="" id="search-kwd-coupon"
                               placeholder="请输入优惠券名称"/>
                        <span class='input-group-btn'>
                            <button type="button" class="btn btn-default" @click="search_coupons()">搜索</button>
                        </span>
                    </div>
                </div>
                <div id="module-menus-coupon" v-if="isCouponList">

                    <div style='max-height:500px;overflow:auto;min-width:850px;' >
                        <table class="table table-hover" style="min-width:850px;">
                            <tbody>
                                <tr v-for="item in couponList" @click="select_coupon(item)">
                                    <td>
                                        [[item.name]]
                                    </td>
                                    <td style="width:80px;"><a href="javascript:;" @click='select_coupon({{json_encode($row)}})'>选择</a></td>
                                </tr>

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
            </div>
        </div>

    </div>
</div>
</div>


<div style="width:100%;height:150px;"></div>

@include('Yunshop\TaskReward::admin.tpl.task-form-script')

@endsection