{$errors.category_name}{$errors.category_parent}

<form method="post" action="/blogcategory/blogadmin_save" class="mdl-form -inverted p-3" id="blogCategoryForm" onsubmit="saveCategory(); return false;">
  <ul class="mdl-form__group">
    <li class="mdl-form__item">
      <label class="mdl-form__label" for="blogCategoryForm_category_name">{"Create category"|gettext}</label>
      <input type="text" class="mdl-form__input" id="blogCategoryForm_category_name" name="category_name">
    </li>
  </ul>
  <input type="button" value="Add" class="mdl-button -primary" id="saveBlogCategoryButton" onclick="saveCategory(); return false;" />
  <input type="hidden" name="category_type" value="1" />
  <input type="hidden" name="action" value="saveCategory" />
</form>


<script type="text/javascript">
  textBox_addDefaultText('blogCategoryForm_category_name', '{'New category name'|gettext}');
</script>
<ul class="mdl-block-list">
  {foreach from=Blogcategory::$list item=cCategory name=catList}
    <li class="mdl-block-list__item" id="blogCatRow_inner_normal:{$cCategory->data.category_id}">
      <div class="categoryOptions  mdl-block-list__item-actions">
        <a href="#" class="mdl-button -destructive" onclick="if (confirm('Are you sure? All blog posts, comments and votes under this category will be deleted as well. This cannot be undone.')){literal}{{/literal} blogCat_delete({$cCategory->data.category_id});{literal}}{/literal} return false;">Delete</a>
        <a href="#" class="mdl-button" onclick="blogCat_switchToEditMode({$cCategory->data.category_id});return false;">Edit</a>
      </div>
      <div class="mdl-block-list__item-controls">
        {if !$smarty.foreach.catList.first}
        <a href="#" onclick="categoryMove(1,{$cCategory->data.category_id});return false;">
          <span class="mdl-icon -dark"><svg><use href="#arrow-up"></use></svg></span>
        </a>
        {else}
          <span class="mdl-icon"><svg><use href="#arrow-up"></use></svg></span>
        {/if}
        {if !$smarty.foreach.catList.last}
          <a href="#" onclick="categoryMove(0,{$cCategory->data.category_id});return false;">
            <span class="mdl-icon -dark"><svg><use href="#arrow-down"></use></svg></span>
          </a>
        {else}
          <span class="mdl-icon"><svg><use href="#arrow-down"></use></svg></span>
        {/if}
      </div>
      <div class="mdl-block-list__item-content">
        <div>
          <h3 class="mdl-block-list__item-content-title type-style-headerS" id="blogCatTitleHeading:{$cCategory->data.category_id}">
            {$cCategory->data.category_name}
          </h3>
        </div>
      </div>
    </li>
    <li id="blogCatRow_inner_edit:{$cCategory->data.category_id}" style="display:none;" class="mdl-block-list__item">
      <div class="mdl-block-list__item-actions">
        <a href="#" class="mdl-button -tertiary" onclick="blogCat_switchToNormalMode({$cCategory->data.category_id});return false;">Cancel</a>
        <a href="#" class="mdl-button -primary" onclick="blogCat_saveEdit({$cCategory->data.category_id});return false;">Save</a>
      </div>
      <div class="mdl-block-list__item-content">
        <input type="text" name="category_name" class="mdl-form__input" value="{$cCategory->data.category_name|escapeonce}" id="blogCat_editTitleTextBox:{$cCategory->data.category_id}">
      </div>
    </li>
  {/foreach}
</ul>

{literal}
<script type="text/javascript">
  Event.stopObserving($('closePopUpLink'), 'click');

  Event.observe($('closePopUpLink'), 'click', function(e) {
    new Ajax.Updater($('category_listsFirst'), '/blogcategory/index', {
      method: 'post',
      evalScripts: true,
      onComplete: function() {
        categoryNavObj.displayCategory(0, {
          address: '/blog'
        });
      }
    });

    closePopUp();
    e.stop();
  });
</script>
{/literal}