{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">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("ID")}</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="id" value="{$order.id}" disabled 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("Order no")}</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="no" value="{$order.no}" 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("Customer")}</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="customer_name" value="{$order.customer_name}" 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("Rental amount")}</label>
                                        <div class="layui-input-block">
                                            <input type="number" name="rental_amount" value="{$order.rental_amount}" lay-verify="required|Min:0" lay-reqtext="{:lang('Please fill in')}" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Receivable amount")}</label>
                                        <div class="layui-input-block">
                                            <input type="number" name="receivable_amount" value="{$order.receivable_amount}" 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("Receive amount")}</label>
                                        <div class="layui-input-block">
                                            <input type="number" value="{$order.receive_amount}" name="receive_amount" 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("Imposed amount")}</label>
                                        <div class="layui-input-block">
                                            <input type="number" value="0.00" name="imposed_amount" 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("Product")}</label>
                                        <div class="layui-input-block">
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <thead>
                                                    <tr>
                                                        <th>{:lang("ID")}</th>
                                                        <th>{:lang("Product")}</th>
                                                        <th>{:lang("Adviser")} 1</th>
                                                        <th>{:lang("Adviser")} 2</th>
                                                        <th>{:lang('Teacher')}</th>
                                                        <th>{:lang('Report')}</th>
                                                        <th>{:lang('Real price')}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {volist name="order.products" id="item"}
                                                    <tr>
                                                        <td>{$item.id}</td>
                                                        <td>{$item.product_name}</td>
                                                        <td>{if $item.adviser_1_id > 0}【{$item.adviser_1_id}】{$item.adviser_1_name} {else /} / {/if}</td>
                                                        <td>{if $item.adviser_2_id > 0}【{$item.adviser_2_id}】{$item.adviser_2_name}  {else /} / {/if}</td>
                                                        <td>{if $item.teacher_id > 0}【{$item.teacher_id}】{$item.teacher_name} {else /} / {/if}</td>
                                                        <td>{if $item.report == null}未上传{else /}已上传{/if}</td>
                                                        <td>{$item.real_price}</td>
                                                    </tr>
                                                    {/volist}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Payment Channel")}</label>
                                        <div class="layui-input-block">
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <thead>
                                                    <tr>
                                                        <th>{:lang("ID")}</th>
                                                        <th>{:lang("Channel name")}</th>
                                                        <th>{:lang("Fee")}（¥）</th>
                                                        <th>{:lang("credit_card_name")}</th>
                                                        <th>{:lang('stage_num')}</th>
                                                        <th>{:lang('create_time')}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {volist name="order.payments" id="item"}
                                                    <tr>
                                                        <td>{$item.id}</td>
                                                        <td>{$item.payment_channel.name}</td>
                                                        <td>{$item.fee}</td>
                                                        <td>{if $item.credit_card_id > 0}{$item.credit_card_name}  {else /} / {/if}</td>
                                                        <td>{if $item.credit_card_id > 0}{$item.stage_num}  {else /} / {/if}</td>
                                                        <td>{$item.create_time}</td>
                                                    </tr>
                                                    {/volist}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Annual Fee")}</label>
                                        <div class="layui-input-block">
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <thead>
                                                    <tr>
                                                        <th>{:lang("ID")}</th>
                                                        <th>{:lang("Product")}</th>
                                                        <th>{:lang("Fee")}（¥）</th>
                                                        <th>{:lang("Start Time")}</th>
                                                        <th>{:lang('End Time')}</th>
                                                        <th>{:lang('Is pay')}</th>
                                                        <th>{:lang('create_time')}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {volist name="order.annuals" id="item"}
                                                    <tr>
                                                        <td>{$item.id}</td>
                                                        <td>{$item.order_product_name}</td>
                                                        <td>{$item.fee}</td>
                                                        <td>{:date("Y-m-d", $item.start_time)}</td>
                                                        <td>{:date("Y-m-d", $item.end_time)}</td>
                                                        <td>{if $item.is_pay == 1}{:lang("Yes")}{else /}{:lang("No")}{/if}</td>
                                                        <td>{$item.create_time}</td>
                                                    </tr>
                                                    {/volist}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                </form>

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

                </div>

            </div>
        </main>
    </div>
</div>
<script>

    //当你在iframe页面关闭自身时
    // var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    // parent.layer.close(index); //再执行关闭
    layui.use(['laydate','form','upload'], () => {
        const laydate = layui.laydate;
        const form = layui.form;

        const upload = layui.upload;

        //执行实例
        upload.render({
            elem: '#upload_img' //绑定元素
            ,url: '/admin/product/upload'
            ,done: function(res){
                console.log(res);
                if(res.code === 200) {
                    $(".image_input").attr("value", res.data);
                    $(".img_view").attr('src', res.data)
                    $('.img_view').css('display','block');
                } else {
                    layer.message(res.message, {icon: 5});
                }
                return false;
            }
            ,error: function(){
                //请求异常回调
            }
        });

        form.on('submit(caviar_submit_btn)', (data) =>{
            const response = request('/admin/product/add',data.field)
            response.then((res) => {
                console.log(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: '#sun_calendar',
            type: 'datetime'
        });
        laydate.render({
            elem: '#lunar_calendar',
            type: 'datetime'
        });
    });
</script>