{extend name="layout" /}
{block name="main"}
<section class="section">
    <div class="container container-narrow">
        <h1 class="section-title">联系我们</h1>
        <p class="cat-desc">填写下方表单，我们将尽快与您联系。带 <span class="req">*</span> 为必填项。</p>

        {if condition="$msg"}
        <div class="alert">{$msg}</div>
        {/if}

        <form class="contact-form" method="post" action="/contact/submit">
            <!-- CSRF 令牌（由 TP8 校验） -->
            {:token_field()}
            <!-- 蜜罐字段：视觉隐藏，机器人易填，人类看不到 -->
            <div class="hp"><input type="text" name="website" tabindex="-1" autocomplete="off" value=""></div>
            <input type="hidden" name="form_time" value="{$form_time}">

            <div class="field">
                <label>称呼 <span class="req">*</span></label>
                <input type="text" name="name" required maxlength="30">
            </div>
            <div class="field">
                <label>联系电话 <span class="req">*</span></label>
                <input type="text" name="phone" required maxlength="20">
            </div>
            <div class="field">
                <label>公司名称</label>
                <input type="text" name="company" maxlength="60">
            </div>
            <div class="field">
                <label>邮箱</label>
                <input type="email" name="email" maxlength="60">
            </div>
            <div class="field">
                <label>需求描述 <span class="req">*</span></label>
                <textarea name="content" rows="5" required></textarea>
            </div>
            <div class="field">
                <button class="btn" type="submit">提交留言</button>
            </div>
        </form>

        <div class="contact-meta">
            <p>电话：{$site.contact_phone|default='-'}</p>
            <p>邮箱：{$site.contact_email|default='-'}</p>
            <p>地址：{$site.contact_address|default='-'}</p>
        </div>
    </div>
</section>
{/block}