{layout name="layout2" /}
<div class="">
    <div class="layui-tab-content layui-form">
        <div class="layui-tab-item layui-show">
            <div class="layui-card-body" pad15>
                <div lay-filter="">
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="form-label-asterisk">*</span>发票信息ID：</label>
                        <div class="layui-input-block">
                            <input type="number" name="invoice_id" lay-verify="required" lay-verType="tips"
                                   autocomplete="off"
                                   switch-tab="0" verify-msg="请输入发票信息ID" placeholder="请输入发票信息ID"
                                   value="{$invoice.invoice_id}"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">状态：</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="state" value="1" title="开票中" {if $invoice.state == 1}checked{/if}>
                            <input type="radio" name="state" value="2" title="驳回" {if $invoice.state == 2}checked{/if}>
                            <input type="radio" name="state" value="3" title="完成" {if $invoice.state == 3}checked{/if}>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">发票文件：</label>
                        <div class="layui-input-block">
                            <div class="layui-upload">
                                <button type="button" class="layui-btn" id="upload-btn">上传PDF文件</button>
                                <div class="layui-upload-list" style="margin-top: 10px;">
                                    <input type="hidden" name="document" id="document" value="{$invoice.document|default=''}">
                                    <div id="file-list">
                                        {if $invoice.document}
                                            <div style="padding: 10px; background: #f5f5f5; border-radius: 4px; margin-bottom: 10px;">
                                                <a href="{$invoice.document}" target="_blank">{$invoice.document}</a>
                                                <span style="color: #5FB878;">已上传</span>
                                            </div>
                                        {/if}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-hide">
            <input type="button" lay-submit lay-filter="invoice-submit" id="invoice-submit" value="确认">
        </div>
    </div>
</div>

<script type="text/javascript">
    layui.config({
        version:"{$front_version}",
        base: '/static/plug/layui-admin/dist/layuiadmin/'
    }).extend({
        index: 'lib/index'
    }).use(['index', 'form', 'upload', 'jquery'], function () {
        var $ = layui.$;
        var form = layui.form;
        var upload = layui.upload;

        // 文件上传
        upload.render({
            elem: '#upload-btn',
            url: '{:url("invoice/upload")}',
            accept: 'file',
            exts: 'pdf',
            done: function(res){
                if(res.code == 1){
                    $('#document').val(res.data.path);
                    $('#file-list').html('<div style="padding: 10px; background: #f5f5f5; border-radius: 4px;"><a href="' + res.data.path + '" target="_blank">' + res.data.path + '</a> <span style="color: #5FB878;">上传成功</span></div>');
                    layer.msg('上传成功', {icon: 1});
                } else {
                    layer.msg(res.msg || '上传失败', {icon: 2});
                }
            },
            error: function(){
                layer.msg('上传失败', {icon: 2});
            }
        });

        // 表单提交
        form.on('submit(invoice-submit)', function(data){
            var field = data.field;
            var index = parent.layer.getFrameIndex(window.name);
            
            $.ajax({
                url: '{:url("invoice/edit")}?id={$invoice.id}',
                type: 'post',
                data: field,
                success: function(res){
                    if(res.code == 1){
                        parent.layer.msg(res.msg, {icon: 1, time: 1000}, function(){
                            parent.layer.close(index);
                            parent.layui.table.reload('user-lists');
                        });
                    } else {
                        layer.msg(res.msg, {icon: 2});
                    }
                },
                error: function(){
                    layer.msg('请求失败', {icon: 2});
                }
            });
            return false;
        });
    });
</script>