@extends('merchant.layouts.base')
@section('content')
    <fieldset class="layui-elem-field layui-field-title site-title">
        <legend><a name="quickstart">推广界面</a></legend>
    </fieldset>
    <div class="layui-card">
        <div class="layui-card-header">推广地址</div>
        <div class="layui-card-body">
            <div class="layui-form layui-form-pane" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">推广ID</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required="" readonly value="{{ merchant('id') }}"
                               placeholder="" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">推广链接</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required="" readonly value="http://www.test.com"
                               lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">推广二维码</label>
                    <div class="layui-input-block">
                        <div id="output" style="width: 200px;height: 200px"></div>
                    </div>
                </div>

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


@endsection
@section('add_js')
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
    <script>
        $('#output').qrcode({
            render: "canvas", //也可以替换为table
            width: 200,
            height: 200,
            text: "http://www.test.com"
        });



    </script>
@endsection