{extend name="default/base/base_member" /}
{block name="member_main"}




<div class="dsm-flow-layout">
    <div id="dsmInformFlow" class="dsm-flow-container">
        <div class="title">
            <h3>{$Think.lang.consulting_platform_customer_service}</h3>
        </div>
        <div class="dsm-flow-step">
            <dl class="step-first current">
                <dt>{$Think.lang.filling_consulting_content}</dt>
                <dd class="bg"></dd>
            </dl>
            <dl class="">
                <dt>{$Think.lang.platform_customer_service_reply}</dt>
                <dd class="bg"> </dd>
            </dl>
            <dl class="">
                <dt>{$Think.lang.consultation_completed}</dt>
                <dd class="bg"> </dd>
            </dl>
        </div>
        <div class="dsm-default-form">
            <form id="mallconsult_form" method="post" action="{:url('Membermallconsult/save_mallconsult')}">
                <dl>
                    <dt>{$Think.lang.type_consultation}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <div><select name="type_id" id="type_id">
                                <option value="0">{$Think.lang.ds_please_choose}</option>
                                {notempty name="type_list"}
                                {foreach name="type_list" item="val"}
                                <option value="{$val.mallconsulttype_id}">{$val.mallconsulttype_name}</option>
                                {/foreach}
                                {/notempty}
                            </select>
                            <span class="error"></span></div>
                        <div>
                            <div></div>
                            {notempty name="type_list"}
                            {foreach name="type_list" item="val"}
                            <div style="display:none;">{:htmlspecialchars_decode($val.mallconsulttype_introduce)}</div>
                            {/foreach}
                            {/notempty}
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt>{$Think.lang.content_consultation}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <textarea id="consult_content" name="consult_content" class="textarea w400" ></textarea>
                        <br>
                        <span class="error"></span>
                    </dd>
                </dl>
                <div class="bottom">
                    <input type="submit" class="submit" value="{$Think.lang.confirm_submission}" />
                    <a href="javascript:history.go(-1);" class="dsm-btn ml10">{$Think.lang.cancel_and_return}</a>
                </div>
            </form>
        </div>
    </div>
    <div class="dsm-flow-item">
        <div class="title">{$Think.lang.warm_tips}</div>
        <div class="content">
            <div class="alert">
                <ul>
                    <li> {$Think.lang.goods_advice1}</li>
                    <li> {$Think.lang.goods_advice2}</li>
                    <li> {$Think.lang.goods_advice3}</li>
                </ul>
            </div>
        </div>
    </div>
</div>



<script>
    $(function () {
        $('#type_id').change(function () {
            $_index = $(this).children('option:selected').index();
            $_introduce = $(this).parent().next();
            $_introduce.children().hide();
            $_introduce.children(':eq(' + $_index + ')').show();
        });
        $('#mallconsult_form').validate({
            errorPlacement: function (error, element) {
                error.appendTo(element.nextAll('span.error'));
            },
            submitHandler: function (form) {
                ds_ajaxpost('mallconsult_form');
            },
            rules: {
                type_id: {
                    required: true,
                    min: 1
                },
                consult_content: {
                    required: true
                }
            },
            messages: {
                type_id: {
                    required: '<i class="iconfont">&#xe64c;</i>{$Think.lang.please_select_type_consultation}',
                    min: '<i class="iconfont">&#xe64c;</i>{$Think.lang.please_select_type_consultation}'
                },
                consult_content: {
                    required: '<i class="iconfont">&#xe64c;</i>{$Think.lang.please_fill_information}'
                }
            }
        });
    });
</script>




{/block}