{% extends 'templates/main.volt' %}

{% block content %}

    <div class="breadcrumb">
        <span class="layui-breadcrumb">
            <a href="/">首页</a>
            <a><cite>回答问题</cite></a>
        </span>
    </div>

    <div class="layout-main">
        <div class="writer-content wrap">
            <form class="layui-form" method="POST" action="{{ url({'for':'home.answer.create'}) }}">
                <div class="layui-form-item first-form-item">
                    <div class="layui-input-block">
                        <input class="layui-input" type="text" name="title" value="{{ question.title }}" disabled="disabled">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <div id="vditor"></div>
                        <textarea name="content" class="layui-hide" id="vditor-textarea"></textarea>
                    </div>
                </div>
                <div class="layui-form-item center">
                    <div class="layui-input-block">
                        <button class="layui-btn kg-submit" lay-submit="true" lay-filter="go">发布回答</button>
                        <input type="hidden" name="question_id" value="{{ question.id }}">
                    </div>
                </div>
            </form>
        </div>
    </div>

    {% if auth_user.answer_count < 3 %}
        <div id="tips" data-url="{{ url({'for':'home.answer.tips'}) }}"></div>
    {% endif %}

{% endblock %}

{% block link_css %}

    {{ css_link('https://cdn.jsdelivr.net/npm/vditor/dist/index.css', false) }}

{% endblock %}

{% block include_js %}

    {{ js_include('https://cdn.jsdelivr.net/npm/vditor/dist/index.min.js', false) }}
    {{ js_include('home/js/answer.edit.js') }}
    {{ js_include('home/js/vditor.js') }}

{% endblock %}