<?php $__env->startSection('head'); ?>
    @parent
    <link href="/static/css/product/product_form.css?vt=<?php echo e(time()); ?>" type="text/css" rel="stylesheet">
    <style>
        .product-list-table td {
            width: 7rem;
        }
        .draw_add_span{
            display: inline-block;
            color: #efab20;
            padding-left: 1rem;
            box-shadow: 0px 0px 8px #00c0ef;
            cursor:pointer;
        }
        .draw_add_span:hover{
            color: #3344ef;
            box-shadow: 0px 0px 8px #3344ef;
        }
        .draw-wrap{
            position: relative;
            margin-top: 10px;
            height: 10rem;
            font-size: .8rem !important;
            box-shadow: 0px 0px 8px #00c0ef;
        }
        .draw-remove{
            position: absolute;
            top:0;
            right:0;
            font-size:1.5rem;
            color: #efab20;
        }
        .draw-remove:hover{
            color: #3344ef;
            box-shadow: 0px 0px 8px #3344ef;
        }
        .draw-wrap > div{
            width:30%;
            height:100%;
            float:left;

        }
        .draw-wrap > div:nth-child(2){
            text-align: center;
            padding-top: 8px;
        }
        .images_deal_wrap{
            display:inline-block;
        }
        .draw-desc-wrap{
            padding-top:10px;
        }
        .draw_table{
            width: 100%;
            height: 100%;
        }
        .draw_table  td:nth-child(odd){
            text-align: center;
            width:20%;
        }
        .draw_table  td:nth-child(even){
            width:80%;
        }
        .draw_table select,.draw_table input{
            width:100%;
        }

    </style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('main-content'); ?>
    <section class="content animated slideInRight">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-12">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="/draw">抽奖活动列表</a></li>
                            <li class="breadcrumb-item active"><?php echo e(isset($id) ? '修改抽奖活动' : '添加抽奖活动'); ?></li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <form id="product_form_app">
                        <ul class="timeline timeline-inverse" id="product_form_ul">
                            <li class="time-label">
                                <span>标题</span>
                            </li>
                            <li>
                                <div class="timeline-item">
                                    <input type="text" class="form-control" v-model="form_data.title">
                                    <span class="form_check_span red">* 必填</span>
                                    <span class="form_check_span grey">* 20字符限制</span>
                                </div>
                            </li>
                            <li class="time-label">
                                <span>描述</span>
                            </li>
                            <li>
                                <div class="timeline-item">
                                    <textarea class="form-control" v-model="form_data.desc"></textarea>
                                    <span class="form_check_span red">* 200字符限制</span>
                                </div>
                            </li>
                            <li class="time-label">
                                <span>活动规则</span>
                            </li>
                            <li>
                                <div class="timeline-item">
                                    <table class="product-list-table">
                                        <tr>
                                            <td>每人抽奖次数</td>
                                            <td><span><input type="text" v-model="form_data.per_num"></span></td>
                                            <td>每天可抽</td>
                                            <td>
                                                 <span>
                                                    <input type="checkbox" id="r_3" class="chk"
                                                           @change="dealCheckboxChange('is_everyday',$event)"
                                                           :checked="form_data.is_everyday === 1">
                                                    <label for="r_3"></label>
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>需要参与码</td>
                                            <td>
                                                 <span>
                                                    <input type="checkbox" id="r_4" class="chk"
                                                           @change="dealCheckboxChange('is_code_must',$event)"
                                                           :checked="form_data.is_code_must === 1">
                                                    <label for="r_4"></label>
                                                </span>
                                            </td>
                                            <td>参与码</td>
                                            <td><span><input type="text" v-model="form_data.code"></span></td>
                                        </tr>
                                        <tr>
                                            <td>开始时间</td>
                                            <td><span><input type="date" v-model="form_data.start_time"></span></td>
                                            <td>结束时间</td>
                                            <td><span><input type="date" v-model="form_data.end_time"></span></td>
                                        </tr>
                                    </table>
                                    <span class="form_check_span red">* 一三行为必填项，若选择需要参与码，则参与码为必填,最大10字符</span>
                                </div>
                            </li>
                            <li class="time-label">
                                <span>奖品设置</span>
                                <span class="draw_add_span" @click="appendDraw"><i class="fa fa-plus-square">添加奖品</i></span>
                            </li>
                            <li>
                                <div class="timeline-item">
                                    <div class="draw-wrap" v-for="(item, index) in form_data.draws">
                                        <div>
                                            <table class="draw_table">
                                                <tr>
                                                    <td>等级</td>
                                                    <td colspan="3">
                                                        <select :value="item.level">
                                                            <option value="0">--请选择--</option>
                                                            <option v-for="(_item,_key) in level" :value="_key">{{_item}}</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>类型</td>
                                                    <td colspan="3">
                                                        <select  :value="item.type">
                                                            <option value="0">--请选择--</option>
                                                            <option v-for="(__item,__key) in type" :value="__key">{{__item}}</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>名称</td>
                                                    <td colspan="3">
                                                        <span><input type="text" v-model="item.name"></span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>个数</td>
                                                    <td colspan="3">
                                                        <span><input type="text" v-model="item.num"></span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>几率</td>
                                                    <td colspan="3">
                                                        <span><input type="text" v-model="item.rate" placeholder="0 - 1000"></span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div>
                                            <div class="images_deal_wrap">
                                                    <span class="product_upload_span" title="添加图片" @click="triggerFile($event,index)" v-show="!item.image">
                                                        <i class="fa fa-plus"></i>
                                                    </span>
                                                    <input type="file" :name="'index_image_'+index" style="display:none"
                                                           @change="handleImage($event,index)">
                                                    <span class="image_wrap animated slideInLeft" v-if="item.image">
                                                    <img :src="item.image">
                                                    <i class="fa fa-times-circle img-delete-i" title="删除"
                                                       @click="rmSelect(index)"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="draw-desc-wrap">
                                            <textarea rows="5" class="form-control" v-model="item.desc" placeholder="请输入奖品描述"></textarea>
                                        </div>
                                        <i class="fa  fa-times-circle draw-remove" @click="removeDraw(index)"></i>
                                    </div>
                                    <span class="form_check_span red block mt-2">* 奖品最多设置7个</span>
                                    <span class="form_check_span red block">* 奖品名称最大10字符</span>
                                    <span class="form_check_span red block">* 奖品个数为0则中奖几率为0</span>
                                    <span class="form_check_span red block">* 中奖几率为0-1000,表示1000个人有几个人中奖</span>
                                </div>
                            </li>
                            <li class="time-label">
                                <span class="product_sub cp" @click="formSub">保存</span>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
    </section>
<?php $__env->startSection('script'); ?>
    @parent
    <script>
        let id = '<?php echo e(isset($id) ? $id : null); ?>';
    </script>
    <script src="/static/js/upload.js?vt=<?php echo e(time()); ?>"></script>
    <script src="/static/js/ckuploadAdapter.js?vt=<?php echo e(time()); ?>"></script>
    <script src="/static/js/common/component.js?vt=<?php echo e(time()); ?>"></script>
    <script src="/static/js/draw/draw_form.js?vt=<?php echo e(time()); ?>"></script>
<?php $__env->stopSection(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.index', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>