{extend name="default/base/base_seller" /}
{block name="seller_main"}
<div class="dssc-flow-layout" id="dsscComplainFlow">
    <div class="dssc-flow-container">
        <div class="title">
            <h3>{$Think.lang.complain_trade_complaint}</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>
                <dd class="bg"></dd>
            </dl>
        </div>
        <div class="dssc-form-default">
            <h3>{$Think.lang.complain_message}</h3>
            <dl>
                <dt>{$Think.lang.complain_complainant_space|raw}：</dt>
                <dd>{$complain_info.accuser_name}</dd>
                <dt>{$Think.lang.complain_subject_content}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.complain_subject_content}</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>
                <dt>{$Think.lang.complain_evidence}{$Think.lang.ds_colon}</dt>
                <dd>
                    {if empty($complain_info.complain_pic1) && empty($complain_info.complain_pic2) && empty($complain_info.complain_pic3)}
                        {$Think.lang.complain_pic_none}
                    {else/}
                        {notempty name="$complain_info.complain_pic1"}
                        <a href="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.complain_pic1)}" target="_blank" data-lightbox="lightbox-image"><img class="show_image" src="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.complain_pic1)}" width="50"></a>
                        {/notempty}
                        {notempty name="$complain_info.complain_pic2"}
                        <a href="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.complain_pic2)}" target="_blank" data-lightbox="lightbox-image"><img class="show_image" src="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.complain_pic2)}" width="50"></a>
                        {/notempty}
                        {notempty name="$complain_info.complain_pic3"}
                        <a href="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.complain_pic3)}" target="_blank" data-lightbox="lightbox-image"><img class="show_image" src="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.complain_pic3)}" width="50"></a>
                        {/notempty}
                    {/if}
                </dd>
            </dl>
            <h3>{$Think.lang.complain_appeal_message}</h3>
            <dl>
                <dt>{$Think.lang.complain_appeal_datetime}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.appeal_datetime|date="Y-m-d H:i:s"}</dd>
                <dt>{$Think.lang.complain_appeal_content}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.appeal_message}</dd>
                <dt>{$Think.lang.complain_appeal_evidence}{$Think.lang.ds_colon}</dt>
                <dd>
                    {if empty($complain_info.appeal_pic1) && empty($complain_info.appeal_pic2) && empty($complain_info.appeal_pic3)}
                        {$Think.lang.complain_pic_none}
                    {else/}
                        {notempty name="$complain_info.appeal_pic1"}
                        <a href="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.appeal_pic1)}" target="_blank" data-lightbox="lightbox-image-1"><img class="show_image" src="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.appeal_pic1)}" width="50"></a>
                        {/notempty}
                        {notempty name="$complain_info.appeal_pic2"}
                        <a href="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.appeal_pic2)}" target="_blank" data-lightbox="lightbox-image-1"><img class="show_image" src="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.appeal_pic2)}" width="50"></a>
                        {/notempty}
                        {notempty name="$complain_info.appeal_pic3"}
                        <a href="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.appeal_pic3)}" target="_blank" data-lightbox="lightbox-image-1"><img class="show_image" src="{:ds_get_pic(ATTACH_PATH.'/complain',$complain_info.appeal_pic3)}" width="50"></a>
                        {/notempty}
                    {/if}
                </dd>
                
                
            </dl>
            {if $complain_info.complain_state > 20}
            {include file="default/seller/sellercomplain/complain_talk_info" /}
            {/if}
            {if $complain_info.complain_state == '99'}
            <h3>{$Think.lang.final_handle_message}</h3>
            <dl>
                <dt>{$Think.lang.complain_processing_opinion}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.final_handle_message}&nbsp; </dd>
                <dt>{$Think.lang.final_handle_datetime}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.final_handle_datetime|date="Y-m-d H:i:s"}</dd>
            </dl>
            {/if}
            <div class="bottom pt10 pb10"><a href="javascript:history.go(-1);" class="dssc-btn"><i class="iconfont">&#xe74e;</i>{$Think.lang.complain_returns_list}</a></div>
        </div>
    </div>
    {include file="default/seller/sellercomplain/complain_order_info" /}
</div>
<link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/js/jquery.lightbox/css/lightbox.min.css">
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery.lightbox/js/lightbox.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var state = {$complain_info.complain_state|default='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>

{/block}