{include file="includes/header.html" title="新建或编辑分类"}

<div class="content_body">
    <div class="side_bar">
        <ul class="navigator_menu">
            <li class="title">常规</li>
            <li><a href="dispatch.php?action=admin_categories" title="查看所有分类">所有分类</a></li>
            <li><a href="dispatch.php?action=admin_category" title="新建一个分类">新建分类</a></li>
        </ul>
        <br/><br/>
        {include file="includes/others.html"}
        <br/><br/>
    </div>

    <div class="content_bar">
        <h3 class="title" style="margin:0px 0px 0px 1px;width:709px">
            <span class="info">新建或编辑分类，其中标示有红色星号&nbsp;<font color="red"><b>*</b></font>&nbsp;为必填项。</span>
        </h3>

        <form method="post" style="margin:0px;padding:0px" name="category_form">
            <table class='form_table' style='width:598px' cellpadding="0" cellspacing="0">
                <tr>
                    <td class='name' width="60px"><font color="red"><b>*</b></font>&nbsp;名称</td>
                    <td class='value' ><input style='width:200px' maxlength="50" id="name" name="name" value="{if (#category != null)}{#category.name}{/if}"/></td>
                </tr>
                <tr>
                    <td></td>
                    <td class='tip' style='color:gray;padding-left:5px' id="name_tip">请输入2至50字的名称</td>
                </tr>
                <tr>
                    <td class='name'><font color="red"><b>*</b></font>&nbsp;所属父类</td>
                    <td class="value">
                        <select style="width:130px" name="parent_id">
                            {foreach #all_categories as $category}
                                {if (#category == null) }
                                    <option value="{$category.id}">{$category.name}</option>
                                {elseif #category.id != $category.id}
                                    <option value="{$category.id}" {if ($category.id == #category.parent_id)}selected{/if}>{$category.name}</option>
                                {/if}
                            {/foreach}
                        </select>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style='color:gray;padding-left:5px'>请选择所属的父类分类</td>
                </tr>
                <tr>
                    <td class='name' width="60px"><font color="red"><b>*</b></font>&nbsp;显示次序</td>
                    <td class='value' ><input style='width:40px' id="display_order" name="display_order" value="{if (#category != null)}{#category.display_order}{/if}"/></td>
                </tr>
                <tr>
                    <td></td>
                    <td class='tip' style='color:gray;padding-left:5px' id="display_order_tip">请输入整数数字，数字越小越排在前面</td>
                </tr>
                <tr>
                    <td class="name">描述</td>
                    <td class="value">
                        <input style='width:300px' maxlength="200" name="description" value="{if (#category != null)}{#category.description}{/if}"/>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style='color:gray;padding-left:5px'>请输入最多不超过200字的描述</td>
                </tr>
                <tr>
                    <td class="name" valign="top" style="padding-top:4px">Meta</td>
                    <td class="value">
                        <input type="text" name="meta" style="width:300px" value="{#category.meta}"/>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style='color:gray;padding-left:5px'>请输入自定义的Meta信息，格式为{name1:value1}{name2:value2}...</td>
                </tr>
                <tr>
                    <td colspan="2" style="padding-left:6px">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style='color:gray;padding-left:5px'>
                        <div id="submit_button" class="button" title="正式发布" style="float:left;margin-right:15px">&nbsp;提交&nbsp;</div>
                        <a href="{#referer_url}" class="link_button"><div class="button" title="返回上一页" style="float:left">&nbsp;返回&nbsp;</div></a>
                    </td>
                </tr>
            </table>
            <br/>
        </form>
    </div>

    <div class="clear"></div>
 </div>

<script type="text/javascript" language="javascript">
    $(document).ready(function(){
        $("#submit_button").click(function() {
            var result1 = validate_field_length("#name", "#name_tip", 2, 50);
            var result2 = validate_field_format('#display_order', '#display_order_tip', "^\\s*\\d+\\s*$");
            if (result1 && result2)
                document.main_form.submit();
        });
    });
</script>

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