{include file="includes/header.html" title="#page.title"}

<div class="content_body">
    <div class="side_bar">
        {include file="includes/categories.html"}
        <br/><br/>
        {include file="includes/others.html"}
        <br/><br/>
    </div>
    <div class="content_bar">
        <div class="post">
            <div class="title">
                <span class="caption">{#page.title}</span>
            </div>
            <div class="content">{#page.content}</div>
        </div>

        {if #page.open_comment == 1}
            <h3 class="title" style="margin-bottom:0px;width:690px">
                <ul>
                    <li class="active">评论({#page.comment_count})</li>
                </ul>
                <span class="info">已有<font color="red"><b>{#page.comment_count}</b></font>位网友发表了看法</span>
			</h3>

            {foreach #comments as $comment}
                {if #current_index != #last_index}
                    <a name="{$comment.id}" id="{$comment.id}"></a>
                {else}
                    <a name="last_comment" id="last_comment"></a>
                {/if}
                <div class="comment">
                	<div class="commenter">
                    	<a href="http://{$comment.replier_url}"><img src="http://www.gravatar.com/avatar/{code echo md5($comment.replier_email, false)}?d=identicon&s=37&r=g"/></a>
                    </div>
                    <div class="body">
                    	<div class="title">
                            <a href="#{$comment.id}">{#floor_base + #current_index + 1}楼</a>
                            <a href="http://{$comment.replier_url}">{$comment.replier_name}</a>
                            <span>评论时间：{api format_time($post.update_time, 'Y/m/d H:i')}</span>
                        </div>
                        <div class="content">{$comment.content}</div>
                    </div>
                    <div class="clear"></div>
                </div>
            {/foreach}

            <!-- show pagination -->
            {if count(#comments) > 0}
                <br />
                <ul class="pagination" style="margin:0px 13px 0px 0px">
                    <li><a href="dispatch.php?action=about_me&id={#page.id}&page=1" class="prevnext" title="第一页"><span class="verdana">&laquo;</span>&nbsp;</a></li>
                        {for $i=#from_page; $i <= #to_page; $i++}
                            <li><a {if $i == #current_page}class="currentpage"{/if} href="dispatch.php?action=post&id={#page.id}&page={$i}">{$i}</a></li>
                        {/for}
                    <li><a href="dispatch.php?action=about_me&id={#page.id}&page={#last_page}" class="prevnext" title="最后一页">&nbsp;<span class="verdana">&raquo;</span></a></li>
                </ul>
            {/if}
            
            {if count(#comments) == 0}
                <div class="no_comment">尚未发现用户评论{#comments.count}</div>
            {/if}
            <br /><br /><br />

            <!-- comment form -->
            <h3 class="title" style="margin-bottom:0px;width:690px">
                <span class="info">请发表您的评论，其中您的姓名及评论内容必填，其他项可选</span>
            </h3>
            <form action="dispatch.php?action=page&id={#page.id}&page={#last_page}#last_comment" method="post" name="comment_form">
                <input type="hidden" name="post_id" value="{#url.id}"/>
                <table class="form_table" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="name">您的姓名</td>
                        <td class="value"><input id="replier_name" style="width:150px" maxlength="20" name="replier_name"/></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="tip" id="replier_name_tip"><font color="#000">【必填】</font>请输入2至20个字符组成的姓名</td>
                    </tr>
                    <tr>
                        <td class="name">邮箱地址</td>
                        <td class="value"><input style="width:250px" maxlength="100" name="replier_email"/></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="tip">【可选】请输入您的邮箱地址，例如&nbsp;<font color="#000"><em>myname@domain.com</em></font>，系统会自动显示邮箱所对应的Gravatar图标</td>
                    </tr>
                    <tr>
                        <td class="name">网站地址</td>
                        <td class="value"><input style="width:250px" maxlength="100" name="replier_url"/></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="tip">【可选】请输入您的个人网站地址，例如&nbsp;<font color="#000"><em>www.mydomain.com</em></font></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="value"><textarea id="content" name="content"></textarea></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td id="content_tip" class="tip"><font color="#000">【必填】</font>请输入5至200个字符组成的评论内容</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="value"><div id="submit_button" class="button" style="float:left" title="发表评论">发表评论</div></td>
                    </tr>
                </table>
            </form>
        {/if}
    </div>
    <div class="clear"></div>
</div>

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $("#submit_button").click(function() {
            var result1 = validate_field_length("#replier_name", "#replier_name_tip", 2, 20);
            var result2 = validate_field_length("#content", "#content_tip", 5, 200);
            if (result1 && result2) {
                document.comment_form.submit();
            }
        });
    });
</script>

{include file="includes/footer.html"}