{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/contactus_message.css" />
{/block}
{block name="main"}
<div class="oricoEGapp">
    <!-- 内容 -->
    <div class="oricoEGapp-Contact">
        <!-- banner -->
        {notempty name="focus_image"}
        <div class="banner img-responsives margin-top-90">
            <a {notempty name="focus_image.link"} href="{$focus_image.link}" {/notempty}>
                <img src="{$focus_image.image}" />
            </a>
        </div>
        {/notempty}
        <!-- 我们的信息 -->
        <div class="content">
            <div class="title">{:lang_i18n('我们的信息')}</div>
            {notempty name="our_information"}
            {assign name="first_info" value="$our_information|array_shift"/}
            <div class="info">
                {notempty name="first_info.image"}
                <div class="left"><img src="{$first_info.image}" /></div>
                {/notempty}
                <div class="right">
                    <div class="des">{$first_info.desc|raw}</div>
                </div>
            </div>
            {assign name="chunk_info" value="$our_information|array_chunk=2"}
            {volist name="chunk_info" id="chunk"}
            <div class="line"></div>
            <div class="info">
                {notempty name="chunk.0.image"}
                <div class="left"><img src="{$chunk.0.image}" /></div>
                {/notempty}
                <div class="right">
                    {volist name="chunk" id="info" key="k"}
                    <div class="info_title {neq name='k' value='1'}m-t-20{/neq}">{$info.title}:</div>
                    <div class="des"> {$info.desc|raw}</div>
                    {/volist}
                </div>
            </div>
            {/volist}
            {/notempty}
        </div>
        <!-- question -->
        <div class="content">
            <div class="title">{:lang_i18n('提交您的问题')}</div>
            <form action="" method="post" autocomplete="off">
                <div class="question">
                    <div class="title">{:lang_i18n('姓名')} <span class="red">*</span></div>
                    <div class="des">
                        <input type="text" name="name" id="name" placeholder="{:lang_i18n('请输入内容...')}" class="form-control itinp">
                    </div>
                </div>
                <div class="question">
                    <div class="title">{:lang_i18n('电子邮箱')} <span class="red">*</span></div>
                    <div class="des">
                        <input type="text" name="email" id="email" placeholder="{:lang_i18n('请输入内容...')}" class="form-control itinp">
                    </div>
                </div>
                <div class="question">
                    <div class="title">{:lang_i18n('您的问题')} <span class="red">*</span></div>
                    <div class="des">
                        <textarea rows="6" name="message" id="message" class="ittextarea message" placeholder="{:lang_i18n('请输入内容...')}"></textarea>
                    </div>
                </div>
                <div class="question">
                    <span class="send" id="send">{:lang_i18n('发送')}</span>
                </div>
            </form>
        </div>
        <!-- Become a Distributor -->
        <div class="contact_b"><a href="{:url('contactus/distributor')}">{:lang_i18n('成为经销商')}</a></div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    $(function () {
        $("#send").click(function () {
            var form = $(this).parents("form");
            $.ajax({
                url: "{:url('contactus/message')}",
                type: "post",
                data: form.serialize(),
                dataType: "json",
                success: function (r) {
                    if (r.code == 0) {
                        form.get(0).reset();
                    }
                    alert(r.msg);
                },
                error: function (e) {
                    console.error(e.msg);
                }
            })
        })
    })
</script>
{/block}