{include file="public/seller_top" /}

<div class="seller_main w1200">
    {include file="public/seller_left" /}
    <div class="seller_right clearfix">

        <div class="dssc-flow-layout" id="dsscComplainFlow">
            <div class="dssc-flow-container">
                <div class="title">
                    <h3>交易投诉申诉</h3>
                </div>

                <div class="dssc-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>
                    </dl>
                </div>
                <div class="dssc-form-default">
                    <h3>{$Think.lang.complain_message}</h3>
                    <dl>
                        <dt>{$Think.lang.complain_state}{$Think.lang.ds_colon}</dt>
                        <dd>{$complain_info.complain_state_text}</dd>
                        <dt>{$Think.lang.complain_subject_content}{$Think.lang.ds_colon}</dt>
                        <dd>{$complain_info.complain_subject_content}</dd>
                        <dt>{$Think.lang.complain_evidence}{$Think.lang.ds_colon}</dt>
                        <dd>
                            {if $complain_info.complain_pic1 == '' && $complain_info.complain_pic2 == ''&&
                            $complain_info.complain_pic3 == ''}
                            {$Think.lang.complain_pic_none}
                            {else}
                            <a href="" target="_blank">{$Think.lang.complain_pic_view}<</a>
                            {/if}
                        </dd>
                        <dt>{$Think.lang.complain_datetime}{$Think.lang.ds_colon}</dt>
                        <dd>{$complain_info.complain_datetime|date="Y-m-d H:i:s",###}</dd>
                        <dt>{$Think.lang.complain_content}{$Think.lang.ds_colon}</dt>
                        <dd>{$complain_info.complain_content}</dd>
                    </dl>
                    <h3>{$Think.lang.complain_appeal_detail}</h3>
                    <form action="{:url('sellercomplain/appeal_save')}" method="post" id="add_form"
                          enctype="multipart/form-data">
                        <input name="input_complain_id" type="hidden" value="{$complain_info.complain_id}"/>
                        <dl>
                            <dt>{$Think.lang.complain_appeal_content}{$Think.lang.ds_colon}</dt>
                            <dd>
                                <textarea class="w600" name="input_appeal_message" rows="3"></textarea>
                            </dd>
                        </dl>
                        <dl>
                            <dt>{$Think.lang.complain_appeal_evidence_upload}{$Think.lang.ds_colon}</dt>
                            <dd>
                                <p>
                                    <input name="input_appeal_pic1" type="file"/>
                                </p>
                                <p>
                                    <input name="input_appeal_pic2" type="file"/>
                                </p>
                                <p>
                                    <input name="input_appeal_pic3" type="file"/>
                                </p>
                            </dd>
                        </dl>
                        <div class="bottom">
                            <label class="submit-border">
                                <input id="submit_button" type="submit" class="submit" value="{$Think.lang.ds_submit}">
                            </label>
                            <label class=""><a href="javascript:history.go(-1);" class="dssc-btn ml10"><i
                                    class="icon-reply"></i>返回列表</a></label>
                        </div>
                    </form>
                </div>
            </div>
            {include file="sellercomplain/complain_order_info" /}
        </div>
    </div>
</div>
{include file="public/mall_footer" /}
        <script type="text/javascript">
            $(document).ready(function () {
                var state = {$complain_info.complain_state ? $complain_info.complain_state : 0
            }
                ;
                if (state <= 10) {
                    $("#state_new").addClass('current');
                }
                if (state == 20) {
                    $("#state_new").addClass('current');
                    $("#state_appeal").addClass('current');
                }
                if (state == 30) {
                    $("#state_new").addClass('current');
                    $("#state_appeal").addClass('current');
                    $("#state_talk").addClass('current');
                }
                if (state == 40) {
                    $("#state_new").addClass('current');
                    $("#state_appeal").addClass('current');
                    $("#state_talk").addClass('current');
                    $("#state_handle").addClass('current');
                }
                if (state == 99) {
                    $("#state_new").addClass('current');
                    $("#state_appeal").addClass('current');
                    $("#state_talk").addClass('current');
                    $("#state_handle").addClass('current');
                    $("#state_finish").addClass('current');
                }
            });
        </script>
        <script type="text/javascript">
            $(document).ready(function () {
                //页面输入内容验证
                $("#add_form").validate({
                    errorPlacement: function (error, element) {
                        $(element).next('.field_notice').hide();
                        $(element).after(error);
                    },
                    submitHandler: function (form) {
                        ajaxpost('#add_form', '', '', 'onerror');
                    },
                    rules: {
                        input_appeal_message: {
                            required: true,
                            maxlength: 100
                        },
                        input_appeal_pic1: {
                            accept: 'jpg|jpeg|gif|png'
                        },
                        input_appeal_pic2: {
                            accept: 'jpg|jpeg|gif|png'
                        },
                        input_appeal_pic3: {
                            accept: 'jpg|jpeg|gif|png'
                        }
                    },
                    messages: {
                        input_appeal_message: {
                            required: '{$Think.lang.appeal_message_error}',
                            maxlength: '{$Think.lang.appeal_message_error}'
                        },
                        input_appeal_pic1: {
                            accept: '{$Think.lang.complain_pic_error}'
                        },
                        input_appeal_pic2: {
                            accept: '{$Think.lang.complain_pic_error}'
                        },
                        input_appeal_pic3: {
                            accept: '{$Think.lang.complain_pic_error}'
                        }
                    }
                });

            });
        </script>