{extend name="public/base" /}
{block name="title"}<title>{:lang('contact_message.title')}</title>{/block}
{block name="style"}
<link rel="stylesheet" href="__CSS__/contactus_message.css" />
{/block}
{block name="main"}
<div class="orico_Page_contact">
    <!-- 内容 -->
    <div class="contactMain">
        {notempty name="focus_image"}
        <a href="{notempty name='focus_image.link'}{$focus_image.link}{else/}javascript:void(0);{/notempty}">
            <img src="{$focus_image.image}" class="contactImg" />
        </a>
        {/notempty}
        <div class="contact_c">
            <div class="all_contact">
                <div class="info">
                    <div class="title"> {:lang('contact_message.our_information')} </div>
                    {notempty name="our_information[0]"}
                    <div class="info_all">
                        {assign name="first_info" value="$our_information|array_shift" /}
                        {notempty name="first_info"}
                        <div class="list">
                            {notempty name="first_info.image"}
                            <div class="list_img"><img src="{$first_info.image}" /></div>
                            {/notempty}
                            <div class="list_right">
                                <div class="title">{$first_info.title}:</div>
                                <div class="des">{$first_info.desc|raw}</div>
                            </div>
                        </div>
                        {/notempty}
                        {volist name="our_information|array_chunk=2" id="infos"}
                        <div class="list">
                            {volist name="infos" id="inf"}
                            {notempty name="inf.image"}
                            <div class="list_img"><img src="{$inf.image}" alt=""></div>
                            {/notempty}
                            <div class="sub_list">
                                <div class="title">{$inf.title}:</div>
                                <div class="des">{$inf.desc|raw}</div>
                            </div>
                            {/volist}
                        </div>
                        {/volist}
                    </div>
                    {/notempty}
                </div>
                <div class="question">
                    <div class="title">{:lang('contact_message.send_question')}</div>
                    <div class="question_form">
                        <form action="" method="post" autocomplete="off">
                            <div class="list">
                                <div class="title">{:lang('contact_message.form_name')}<span class="f_red">*</span></div>
                                <div class="form_input">
                                    <input name="name" class="form-control itinp" placeholder="{:lang('contact_message.form_name_placeholder')}" />
                                </div>
                            </div>
                            <div class="list">
                                <div class="title">{:lang('contact_message.form_email')} <span class="f_red">*</span></div>
                                <div class="form_input">
                                    <input name="email" class="form-control itinp" placeholder="{:lang('contact_message.form_email_placeholder')}" />
                                </div>
                            </div>
                            <div class="list">
                                <div class="title">{:lang('contact_message.form_question')} <span class="f_red">*</span></div>
                                <div class="form_input">
                                    <textarea rows="6" name="content" class="ittextarea" placeholder="{:lang('contact_message.form_question_placeholder')}"></textarea>
                                </div>
                            </div>
                            <div class="list">
                                <div class="contact_button" id="send">{:lang('contact_message.form_submit')}</div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="become_dis">
                <a href="{:url('contactus/distributor')}" class="text_blue">{:lang('contact_message.become_a_distributor')}</a>
            </div>
        </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}