{extend name="layout" /}
{block name="title"}联系我们 - {$siteConf.site_name|default='博客'}{/block}

{block name="content"}
<div class="fb-layout">
    <main class="fb-content">
        <div class="fb-page">
            <h3>联系我们</h3>
            <p>邮箱：admin@example.com</p>
            <p>工作时间：周一至周五 9:00-18:00</p>
            <form class="layui-form" onsubmit="return false;">
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-block"><input type="text" name="name" required lay-verify="required" placeholder="请输入您的姓名" 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="email" required lay-verify="required|email" placeholder="请输入您的邮箱" class="layui-input"></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">留言</label>
                    <div class="layui-input-block"><textarea name="message" required lay-verify="required" placeholder="请输入您的留言" class="layui-textarea"></textarea></div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="fb-btn" lay-submit lay-filter="contactSubmit">提交留言</button>
                        <button type="reset" class="fb-btn ghost">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </main>
    {include file="index/_sidebar" /}
</div>
{/block}

{block name="script"}
<script>
layui.use(['form', 'layer'], function(){
    var form = layui.form, layer = layui.layer;
    form.on('submit(contactSubmit)', function(){
        layer.msg('感谢您的留言，我们会尽快与您联系！');
        return false;
    });
});
</script>
{/block}