{{> layout/header}}
<div class="complaint-me-page me-page yoho-page clearfix">
    {{# complaints}}
        {{> path}}

        {{> navigation}}

        <div class="me-main">
            <div class="complaint block">
                <h2 class="title"></h2>

                <div class="me-complaints">
                    {{#if complaints.empty}}
                        {{#with complaints}}
                            {{> empty}}
                        {{/with}}
                    {{^}}
                        <p class="complaints-table-header table-header clearfix">
                            <span class="info">基本信息</span>
                            <span class="content">投诉内容</span>
                        </p>
                        {{# complaints}}
                            <div class="complaint-item">
                                <div class="info">
                                    <p>投诉主题：{{title}}</p>
                                    <p>投诉对象：{{target}}</p>
                                    <p>投诉类型：{{type}}</p>
                                    <p>涉及订单：{{order}}</p>
                                </div>
                                <div class="content">
                                    <p class="question">{{question}}</p>
                                    {{#if revoke}}
                                        <p>问题已撤销</p>
                                    {{^}}
                                        {{#if reply}}
                                            <p class="reply">{{reply}}</p>
                                        {{^}}
                                            <p>问题尚未回答。</p>
                                            <p>
                                                <span class="cancel-btn" data-id="{{id}}">撤销投诉</span>
                                            </p>
                                        {{/if}}
                                    {{/if}}
                                </div>
                                <div>
                                    {{time}}<br>
                                    {{replyTime}}
                                </div>
                            </div>
                        {{/ complaints}}
                    {{/if}}
                </div>

                <div class="complaint-form">
                    <form action="complaints/addcomplaints" method="post" id="add-complaints">
                        <h2>我要投诉</h2>
                        <div class="form-content">
                            <dl>
                                <dt>投诉主题：</dt>
                                <dd>
                                    <input name="title" id="title" type="text">
                                    <span class="option-tip">请输入您的投诉主题</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>投诉对象：</dt>
                                <dd>
                                    <input name="customer" id="customer" type="text">
                                    <span class="option-tip">请填写您要投诉的对象，比如：客服00*号、发货员...</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>投诉类型：</dt>
                                <dd>
                                    <select name="complaintsType" id="complaintsType" size="1">
                                        <option value="0">所有</option>
                                        <option value="1">产品相关</option>
                                        <option value="2">物流相关</option>
                                    </select>
                                </dd>
                            </dl>
                            <dl>
                                <dt>涉及订单：</dt>
                                <dd>
                                    <input name="orderCode" id="orderCode" type="text">
                                    <span class="option-tip">如果多个是多个订单号，请用英文逗号隔开，没有则不填</span> </dd>
                                </dd>
                            </dl>
                            <dl>
                                <dt>投诉内容：</dt>
                                <dd>
                                    <textarea name="content" id="content"></textarea>
                                    <span class="option-tip">输入您投诉的内容</span>
                                </dd>
                            </dl>
                        </div>
                        <div class="form-submit">
                            <input type="button" value="提交投诉内容"  id="complaint-submit">
                        </div>
                    </form>
                </div>
                {{#unless complaints.empty}}
                    {{> pager}}
                {{/unless}}
            </div>

            {{> help-us}}
        </div>
    {{/ complaints}}
</div>
{{> layout/footer}}