{extend name="public/base" /}
{block name="title"}
<title>{:lang('contact_distributor.title')}</title>
{/block}
{block name="style"}
<link rel="stylesheet" href="__CSS__/distributor.css" />
{/block}
{block name="main"}
<div class="orico_Page_distributor">
    <!--内容 -->
    <div class="distributorMain">
        <h1 class="t1">{:lang('contact_distributor.section_title')}</h1>
        <p class="s1" style="padding-bottom:5px">{:lang('contact_distributor.section_desc_1')}</p>
        <p class="s1 s2">{:lang('contact_distributor.section_desc_2')}</p>
        <!--内容-->
        <form action="" method="post">
            <div class="bd_ct">
                <div class="thimg">
                    <img src="__IMAGES__/brand02.png" class="bdimg">
                </div>
                <div class="bd_from">
                    <div class="theit">
                        <div class="bditem">
                            <label class="itlable">{:lang('contact_distributor.form_corp_name')}<span class="redtag">*</span></label>
                            <input type="text" class="form-control itinp" name="corp_name" placeholder="{:lang('contact_distributor.form_corp_name_placeholder')}" />
                        </div>
                        <div class="bditem">
                            <label class="itlable">{:lang('contact_distributor.form_email')}<span class="redtag">*</span></label>
                            <input type="email" class="form-control itinp" name="email" placeholder="{:lang('contact_distributor.form_email_placeholder')}" />
                        </div>
                    </div>
                    <div class="theit">
                        <div class="bditem bditem1">
                            <label class="itlable">{:lang('contact_distributor.form_phone')}<span class="redtag">*</span></label>
                            <input type="text" class="form-control itinp" name="phone" placeholder="{:lang('contact_distributor.form_phone_placeholder')}" />
                        </div>
                    </div>
                    <div class="theit">
                        <div class="bditem">
                            <label class="itlable">{:lang('contact_distributor.form_business_type')}<span class="redtag">*</span></label>
                            <select name="business_type" class="form-control itinp">
                                {volist name="types" id="ty"}
                                <option value="{$ty.value}">{$ty.name}</option>
                                {/volist}
                            </select>
                        </div>
                        <div class="bditem">
                            <label class="itlable">{:lang('contact_distributor.form_online_shop_url')}</label>
                            <input type="text" class="form-control itinp" name="url" placeholder="{:lang('contact_distributor.form_online_shop_url_placeholder')}" />
                        </div>
                    </div>
                    <div class="theit">
                        <div class="bditem bditem1">
                            <label class="itlable">{:lang('contact_distributor.form_enterprise_size')}<span class="redtag">*</span></label>
                            <select name="enterprise_size" class="form-control itinp">
                                {volist name="sizes" id="si"}
                                <option value="{$si.value}">{$si.name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                    <div class="theit">
                        <div class="bditem bditem1">
                            <label class="itlable">{:lang('contact_distributor.form_corp_address')}<span class="redtag">*</span></label>
                            <input class="form-control itinp" name="address" placeholder="{:lang('contact_distributor.form_corp_address_placeholder')}" />
                        </div>
                    </div>
                    <div class="theit">
                        <div class="bditem bditem1">
                            <label class="itlable">{:lang('contact_distributor.form_message')}<span class="redtag">*</span></label>
                            <textarea class="ittextarea" name="message" placeholder="{:lang('contact_distributor.form_message_placeholder')}"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 提交-->
            <div class="bttj" id="send">{:lang('contact_distributor.form_submit')}</div>
        </form>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    $(function () {
        $("#send").click(function () {
            var form = $(this).parents("form");
            $.ajax({
                url: "{:url('contactus/distributor')}",
                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);
                }
            })
        })
    })
</script>
{/block}