{% extends 'admin/a_admindefault.html' %}

{% block mycss%}
<script src="//cdn.ckeditor.com/4.4.6/full/ckeditor.js"></script>

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/vditor/dist/index.css"/>
<script src="//cdn.jsdelivr.net/npm/vditor/dist/index.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/vditor/dist/js/lute/lute.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/vditor/dist/js/highlight.js/highlight.pack.js"></script>
<script src="//cdn.jsdelivr.net/npm/vditor/dist/js/mermaid/mermaid.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    window.Lute = window.Lute || {}
    window.hljs = window.hljs || {}
</script>
<style>
    .header {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.05) 0 1px 7px;
        border-bottom: 1px solid #e1e4e8;
    }
</style>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
<script>
    function getV() {
        $("#txt_contactinfo").val(JSON.stringify(vditor.getValue()))
    }
</script>
{% endblock %}

{% block middle %}
<div class="content">
    <div class="page-inner">
        <div class="page-header">
            <h4 class="page-title">
                网站基本信息管理</h4>
        </div>
        <div class="row">
            <div class="col-md-12">
                {% with messages = get_flashed_messages() %}
                {% if messages %}
                {% for message in messages %}
                <p>{{ message }}</p>
                {% endfor %}
                {% endif %}
                {% endwith %}
                <div class="table-responsive">
                    <form id="form1" action="/webinfomanage.do" method="post">
                        <input type="hidden" name="csrf_token" value="{{csrf_token()}}"/>
                        <table id="add-row" class="display table table-striped table-hover">
                            <tr>
                                <td>
                                    实验室欢迎信息:
                                </td>
                                <td>
                               <textarea name="txt_labinfo" rows="5" cols="80" style="width:100%">
                {{labinfo}}
            </textarea>

                                </td>
                            </tr>
                            <tr>
                                <td>
                                    网站页脚信息:
                                </td>
                                <td>
                                <textarea name="txt_footinfo" rows="1" cols="80"  style="width:100%">
                {{footinfo}}
            </textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    联系我们:
                                </td>
                                <td>
                                    <input type="hidden" id="txt_contactinfo" name="txt_contactinfo"/>
                                    <div id="vditor">{{ md.markdown_to_html(contactinfo) }}</div>
                                    <script>
                                        var vditor = new Vditor('vditor', {
                                            "height": 220,
                                            "cache": {
                                                "enable": false
                                            },
                                            "value": "",
                                            "mode": "wysiwyg",
                                            upload: {
                                                url: '/vditor_web/uploads',
                                                linkToImgUrl: '/uploads/img_comms2',
                                                accept: '.jpg,.png,.gif,.jpeg',
                                                filename(name) {
                                                    return name.replace(/\?|\\|\/|:|\||<|>|\*|\[|\]|\s+/g, '-')
                                                },
                                            },
                                        })
                                    </script>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <button type="submit" class="btn btn-primary" onclick="getV()">
                                        保存信息
                                    </button> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <button type="button" class="btn btn-danger">
                                        重新加载
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}