{% extends "base.html" %}

{% block title %} 留言 {% endblock %}

{% block style %}
    {{ super() }}
    <link href="{{ url_for('static', filename='styles/msg/msg.css') }}" rel="stylesheet">
{% endblock %}

{% block content %}
    <section id="base" class="container mt-3">
        <div class="row">
            <section class="col-12 text-end">
                <form class="writer clearfix was-validated" action="{{ url_for('msg.write_msg_page', page=page) }}" method="post">
                    {{ form.hidden_tag() }}
                    <div>
                        {{ form.content(class="form-control mb-2", rows="5") }}
                        {% for error in form.content.errors %}
                            <div class="invalid-feedback"> {{ error }} </div>
                        {% endfor %}
                    </div>

                    <div class="form-check" style="display: inline-block">
                        {{ form.secret(class="form-check-input") }}
                        {{ form.secret.label(class="form-check-label") }}
                    </div>

                    <div id="MsgModal" class="modal fade" role="dialog" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content text-start">
                                <div class="modal-header">
                                    <h4 class="modal-title" id="MsgModalLabel"> 确认留言？ </h4>
                                </div>
                                <div class="modal-body">
                                    <p> 是否确认留言？请注意网络用语文明。 </p>
                                </div>
                                <div class="modal-footer">
                                    {{ form.submit(class="btn btn-danger", value="确认") }}
                                    <button type="button" class="btn btn-outline-dark" data-bs-dismiss="modal">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <button type="button" class="btn btn-primary mb-2" data-bs-toggle="modal" data-bs-target="#MsgModal"> 留言 </button>
                </form>
            </section>
        </div>
        <hr>
        {% if current_user.check_role("ReadMsg") %}  {# 检查是否具有读取权限 #}
            <div class="row">
                <section class="col-12">
                    {% for msg in msg_list %}
                        {{ render_msg(msg, show_delete) }}
                    {% endfor %}
                </section>
            </div>

            <ul class="pagination col-12 justify-content-center">
                {{ macro.get_page_list(page_list, page) }}
            </ul>
        {% endif %}
    </section>
{% endblock %}