{include file="public/mall_top" /}
{include file="public/mall_header" /}
<link rel="stylesheet" href="{$Think.config.url_domain_root}static/home/css/member.css">
<div class="dsm-container">
    {include file="public/member_left" /}
    <div class="right-layout">

        <div class="dsm-flow-layout" id=" ncmComplainFlow">
            <div class="dsm-flow-container">
                <div class="title">
                    <h3>交易投诉申请</h3>
                </div>
                <div class="dsm-flow-step">
                    <dl id="state_new" class="step-first current">
                        <dt>{$Think.lang.complain_state_new}</dt>
                        <dd class="bg"></dd>
                    </dl>
                    <dl id="state_appeal" class="">
                        <dt>{$Think.lang.complain_state_appeal}</dt>
                        <dd class="bg"> </dd>
                    </dl>
                    <dl id="state_talk" class="">
                        <dt>{$Think.lang.complain_state_talk}</dt>
                        <dd class="bg"> </dd>
                    </dl>
                    <dl id="state_handle" class="">
                        <dt>{$Think.lang.complain_state_handle}</dt>
                        <dd class="bg"> </dd>
                    </dl>
                    <dl id="state_finish" class="">
                        <dt>{$Think.lang.complain_state_finish}</dt>
                        <dd class="bg"> </dd>
                    </dl>
                </div>
                <div class="dsm-default-form">
                    <form action="{:url('Membercomplain/complain_save')}" method="post" id="add_form" enctype="multipart/form-data">
                        <input name="input_order_id" type="hidden" value="{$return_info.order_id}" />
                        <input name="input_goods_id" type="hidden" value="{$goods_id}" />
                        <dl>
                            <dt>{$Think.lang.complain_subject_select}{$Think.lang.ds_colon}</dt>
                            <dd>
                                {notempty name="subject_list"}
                                {volist name="subject_list" id="val"}
                                <input name="input_complain_subject" type="radio" value="{$val.complain_subject_id},{$val.complain_subject_content}" />
                                <span class="mr30"><strong>{$val.complain_subject_content}</strong></span><p class="hint">{$val.complain_subject_desc} </p>
                                {/volist}
                                {/notempty}
                            </dd>
                        </dl>
                        <dl>
                        </dl>
                        <dl>
                            <dt>{$Think.lang.complain_content}{$Think.lang.ds_colon}</dt>
                            <dd>
                                <textarea name="input_complain_content" rows="3" class="textarea w400" id="input_complain_content"></textarea>
                            </dd>
                        </dl>
                        <dl>
                            <dt>{$Think.lang.complain_evidence_upload}{$Think.lang.ds_colon}</dt>
                            <dd>
                                <p>
                                    <input name="input_complain_pic1" type="file" />
                                </p>
                                <p>
                                    <input name="input_complain_pic2" type="file" />
                                </p>
                                <p>
                                    <input name="input_complain_pic3" type="file" />
                                </p>
                                <span class="error">({$Think.lang.complain_pic_error}) </dd>
                        </dl>
                        <div class="bottom">
                            <label class="submit-border"><input id="submit_button" type="button" class="submit" value="{$Think.lang.complain_text_submit}" ></label>
                            <a href="javascript:history.go(-1);" class="dsm-btn ml10">取消并返回</a>
                        </div>
                    </form>
                </div>
            </div>
            {include file="default/member/Membercomplain/complain_order"}
        </div>

</div>
</div>
{include file="public/mall_server" /}
{include file="public/mall_footer" /}

<script type="text/javascript">
    $(function(){
        //默认选中第一个radio
        $(":radio").first().attr("checked",true);
        //提交表单
        $("#submit_button").click(function(){
            if($("#add_form").valid()){
                ajaxpost('add_form', '', '', 'onerror');
            }
        });

        $("#add_form").validate({
            errorPlacement: function(error, element){
                $(element).next('.field_notice').hide();
                $(element).after(error);
            },
            rules : {
                input_complain_content : {
                    required   : true
                }
            },
            messages : {
                input_complain_content  : {
                    required   : '请填写投诉内容'
                }
            }
        });
    });
</script>