<p>{L('listnote')}</p>
<?php
$countlines = -1;
$categories = $proj->listCategories($proj->id, false, false, false);
$root = $categories[0];
unset($categories[0]);

if (count($categories)) : ?>
<div id="controlBox">
  <div class="grip"></div>
  <div class="inner">
      <a href="#" onclick="TableControl.up('catTable'); return false;"><img src="{$this->themeUrl()}/up.png" alt="Up" /></a>
      <a href="#" onclick="TableControl.down('catTable'); return false;"><img src="{$this->themeUrl()}/down.png" alt="Down" /></a>
      <a href="#" onclick="TableControl.shallower('catTable'); return false;"><img src="{$this->themeUrl()}/left.png" alt="Left" /></a>
      <a href="#" onclick="TableControl.deeper('catTable'); return false;"><img src="{$this->themeUrl()}/right.png" alt="Right" /></a>
  </div>
</div>
<?php endif; ?>
  <form action="{CreateURL($do, 'cat', $proj->id)}" method="post">
    <table class="list" id="catTable">
       <thead>
       <tr>
         <th>{L('name')}</th>
         <th>{L('owner')}</th>
         <th>{L('show')}</th>
         <th>{L('delete')}</th>
       </tr>
     </thead>
     <tbody>
      <?php
      foreach ($categories as $row):
          $countlines++;
      ?>
      <tr class="depth{$row['depth']}">
        <td class="first">
          <input type="hidden" name="lft[{$row['category_id']}]" value="{$row['lft']}" />
          <input type="hidden" name="rgt[{$row['category_id']}]" value="{$row['rgt']}" />
          <span class="depthmark">{!str_repeat('&rarr;', intval($row['depth']))}</span>
          <input id="categoryname{$countlines}" class="text" type="text" size="15" maxlength="40" name="list_name[{$row['category_id']}]" 
            value="{$row['category_name']}" />
        </td>
        <td title="{L('categoryownertip')}">
          {!tpl_userselect('category_owner[' . $row['category_id'] . ']' . $countlines, $row['category_owner'], 'categoryowner' . $countlines)}
        </td>
        <td title="{L('listshowtip')}">
          {!tpl_checkbox('show_in_list[' . $row['category_id'] . ']', $row['show_in_list'], 'showinlist'.$countlines)}
        </td>
        <td title="{L('listdeletetip')}">
          <input id="delete{$row['category_id']}" type="checkbox"
          <?php if ($row['used_in_tasks']): ?>disabled="disabled"<?php endif; ?>
          name="delete[{$row['category_id']}]" value="1" />
        </td>
      </tr>
      <?php endforeach; ?>
      </tbody>
      <?php if($countlines > -1): ?>
      <tr>
        <td colspan="3"></td>
        <td class="buttons">
          <input type="hidden" name="action" value="update_category" />
          <input type="hidden" name="list_type" value="category" />
          <input type="hidden" name="project_id" value="{$proj->id}" />
          <button type="submit">{L('update')}</button>
        </td>
      </tr>
      <?php endif; ?>
    </table>
    <?php if (count($categories)): ?>
    <script type="text/javascript">
      <?php
          echo 'TableControl.create("catTable",{
              controlBox: "controlBox",
              tree: true,
              spreadActiveClass: true
          });';
          echo 'new Draggable("controlBox",{
              handle: "grip"
          });';
      ?>
    </script>
    <?php endif; ?>
  </form>

  <hr />

  <!-- Form to add a new category to the list -->
  <form action="{CreateURL($do, 'cat', $proj->id)}" method="post">
    <table class="list">
      <tr>
        <td>
          <input id="listnamenew" class="text" type="text" size="15" maxlength="40" name="list_name" />
        </td>
        <td title="{L('categoryownertip')}">
          {!tpl_userselect('category_owner', Req::val('category_owner'), 'categoryownernew')}
        </td>
        <td title="{L('categoryparenttip')}">
          <label for="parent_id">{L('parent')}</label>
          <select id="parent_id" name="parent_id">
            <option value="{$root['category_id']}">{L('notsubcategory')}</option>
            {!tpl_options($proj->listCategories($proj->id, false), Req::val('parent_id'))}
          </select>
        </td>
        <td class="buttons">
          <input type="hidden" name="action" value="{$do}.add_category" />
          <input type="hidden" name="area" value="{Req::val('area')}" />
          <input type="hidden" name="project_id" value="{$proj->id}" />
          <button type="submit">{L('addnew')}</button>
        </td>
      </tr>
    </table>
  </form>
