<script type="text/x-template" class="lifecycle-inspector-template" data-type="status">
    <div class="status">
        <table>
	  <tr>
	    <td><&|/l&>Status</&>:</td>
	    <td><input type="text" name="name" maxlength=25 value="{{status.name}}"></td>
	  </tr>

	  <tr>
            <td><&|/l&>Type</&>:</td>
	    <td><select name="type">
              {{#select status.type}}
              <option value="initial"><&|/l&>initial</&></option>
              <option value="active"><&|/l&>active</&></option>
              <option value="inactive"><&|/l&>inactive</&></option>
              {{/select}}
            </select></td>
	  </tr>

          <tr>
	    <td><span title="<&|/l&>Can this status be selected on creation?</&>"><&|/l&>Creation</&><span class="hint" ><&|/l&>~[?~]</&></span>:</td>
	    <td><input type="checkbox" name="creation" {{#if status.creation}}checked=checked{{/if}}></td>
	  </tr>

	  <tr>
            <td><&|/l&>Color</&>:</td>
	    <td>
	      <span class="color-control" data-field="color">
	        <span class="current-color" title="{{status.color}}" style="background-color: {{status.color}}">&nbsp;</span>
		<button class="change-color"><&|/l&>Change</&></button>
	      </span>
	    </td>
	  </tr>
          <tr class="color-widget" data-field="color">
            <td colspan="2">
              <div class="color-picker"></div>
            </td>
          </tr>
	</table>

        <ul class="toplevel sf-vertical">
          <li><a href="javascript:void(0)" class="menu-item"><&|/l&>Add Transition...</&></a>
            <ul>
            {{#each lifecycle.statuses}}
              <li class="{{#if (canAddTransition ../status.name this ../lifecycle)}}{{else}}hidden{{/if}}"><a href="javascript:void(0)" class="menu-item add-transition" data-from="{{../status.name}}" data-to="{{this}}"><&|/l, "{{this}}"&>to [_1]</&></a></li>
            {{/each}}
            </ul>
          <li><a href="javascript:void(0)" class="menu-item"><&|/l&>Select Transition...</&></a>
            <ul>
              {{#each lifecycle.statuses}}
                <li class="{{#if (canSelectTransition ../status.name this ../lifecycle)}}{{else}}hidden{{/if}}"><a href="#" class="menu-item select-transition" data-from="{{../status.name}}" data-to="{{this}}"><&|/l, "{{this}}"&>to [_1]</&></a></li>
              {{/each}}
              {{#each lifecycle.statuses}}
                <li class="{{#if (canSelectTransition this ../status.name ../lifecycle)}}{{else}}hidden{{/if}}"><a href="#" class="menu-item select-transition" data-to="{{../status.name}}" data-from="{{this}}"><&|/l, "{{this}}"&>from [_1]</&></a></li>
              {{/each}}
            </ul>
          </li>
        </ul>

        <button class="delete"><&|/l&>Delete Status</&></button>
    </div>
</script>
