{include file='common/_js_css'}


<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--页面主要内容-->
        <main>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <form class="layui-form">
                                    <input name="id" value="{$activity.id}" hidden>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Title")}</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="title" value="{$activity.title}" lay-verify="required" lay-reqtext="{:lang('Please fill in')}" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Start Time")}</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="start_time" value="{:date('Y-m-d H:i:s',$activity.start_time)}" id="start_time" lay-verify="datetime" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" lay-key="1">
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("end Time")}</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="end_time" id="end_time" value="{:date('Y-m-d H:i:s',$activity.end_time)}" lay-verify="datetime" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" lay-key="1">
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang('Product')}</label>
                                        <div class="layui-input-block">
                                            <a class="btn btn-primary m-r-5" href="#!" onclick="add('{:url(\'admin/activity/add_product\')}')"><i class="mdi mdi-plus"></i> {:lang('add')}{:lang("Product")}</a>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Checked")}{:lang("Product")}</label>
                                        <div class="layui-input-block">
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <thead>
                                                    <tr>
                                                        <th>{:lang("Product")} {:lang("ID")}</th>
                                                        <th>{:lang("Product")}</th>
                                                        <th>{:lang('Type')}</th>
                                                        <th>{:lang('Discount')}(1~100)</th>
                                                        <th>{:lang('Reduced price')}</th>
                                                        <th>{:lang('operation')}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="product_table">
                                                    {volist name="$activity.relation" id="data"}
                                                    <tr id="{$data.id}">
                                                        <input type="text" name="product_ids[]" value="{$data.product_id}" hidden>
                                                        <input type="text" name="types[]" value="{$data.type}" hidden>
                                                        <td>{$data.product_id}</td>
                                                        <td>【{$data.product.bar_code}】{$data.product.name}</td>
                                                        <td><input disabled type="text" class="layui-input" name="" value={if $data.type == 1} {:lang("Discount")} {else /} {:lang("Reduced price")}{/if}></td>
                                                        <td><input disabled type="text" class="layui-input" name="discounts[]" value={$data.discount}></td>
                                                        <td><input disabled type="text" class="layui-input" name="reduced_prices[]" value={$data.reduced_price}></td>
                                                        <td>
                                                            <div class="btn-group">
                                                                <a class="btn btn-xs btn-default" href="#!" title="{:lang('delete')}" data-toggle="tooltip" onclick="del({$data.id})"><i class="mdi mdi-window-close"></i></a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    {/volist}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn" lay-submit="" lay-filter="caviar_submit_btn">{:lang('Submit')}</button>
                                            <button type="reset" class="layui-btn layui-btn-primary">{:lang("Reset")}</button>
                                        </div>
                                    </div>
                                </form>

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

                </div>

            </div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>


<script>

    function advanced(data) {
        $("#product_table").append(`<tr id="${data.product_id}">
                                                        <td hidden><input type="text" class="layui-input" name="product_ids[]" value="${data.product_id}"></td>
                                                        <td>${data.product_name}</td>
                                                        <td><input disabled type="text" class="layui-input" name="types[]" value=${data.type ? '{:lang("Discount")}':'{:lang("Reduced price")}'}></td>
                                                        <td><input disabled type="text" class="layui-input" name="discounts[]" value=${data.discount}></td>
                                                        <td><input disabled type="text" class="layui-input" name="reduced_prices[]" value=${data.reduced_price}></td>
                                                        <td>
                                                            <div class="btn-group">
                                                                <a class="btn btn-xs btn-default" href="#!" title="{:lang('delete')}" data-toggle="tooltip" onclick="del(${data.product_id})"><i class="mdi mdi-window-close"></i></a>
                                                            </div>
                                                        </td>
                                                    </tr>`)

    }
    window.advanced = advanced;
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    function del(id) {
        const response = request('/admin/activity/delete_relation',{id})
        response.then((res) => {
            res.code === 200 ? layer.msg("{:lang('Succeed')}", {icon: 1,time:500},() => {
                $(`#${id}`).remove();
                parent.layer.close(index); //再执行关闭
            }) : layer.msg(res.message,{icon: 5})
        })

    }

    layui.use(['laydate','form'], () => {
        const form = layui.form;
        const laydate = layui.laydate;
        form.on('submit(caviar_submit_btn)', (data) =>{
            const response = request('/admin/activity/add',data.field)
            response.then((res) => {
                res.code === 200 ? layer.msg("{:lang('Succeed')}", {icon: 1,time:500},() => {
                    parent.location.reload();
                }) : layer.msg(res.message,{icon: 5})
            })
            return false;
        });
        laydate.render({
            elem: '#start_time',
            type: 'datetime'
        });
        laydate.render({
            elem: '#end_time',
            type: 'datetime'
        });
    });
</script>