<script type="text/x-template" class="lifecycle-inspector-template" data-type="canvas">
    <div class="canvas">
        <table>
          <tr>
            <td><&|/l&>Lifecycle</&>:</td>
            <td>{{lifecycle.name}}</td>
          </tr>

          <tr>
            <td><&|/l&>Type</&>:</td>
            <td>{{lifecycle.type}}</td>
          </tr>

          {{#if lifecycle.is_ticket}}
          <tr class="section">
            <td colspan=2><&|/l&>Lifecycle on Tickets</&>:</td>
          </tr>
          <tr>
            <td><&|/l&>Display</&>:</td>
            <td><select name="ticket_display">
              {{#select lifecycle.ticket_display}}
                <option value="hidden" data-show-hide="tr.display-option" data-show-hide-flip=1><&|/l&>hidden</&>
                <option value="readonly"><&|/l&>read-only</&>
                <option value="interactive"><&|/l&>interactive</&>
              {{/select}}
            </select></td>
          </tr>
          <tr class="display-option">
            <td><&|/l&>Pan and Zoom</&>:</td>
            <td><select name="ticket_zoom">
              {{#select lifecycle.ticket_zoom}}
                <option value="dynamic"><&|/l&>adjustable</&>
                <option value="static"><&|/l&>static</&>
              {{/select}}
            </select></td>
          </tr>
          <tr class="display-option">
            <td><&|/l&>Center Point</&>:</td>
            <td><select name="ticket_center">
              {{#select lifecycle.ticket_center}}
                <option value="status"><&|/l&>current status</&>
                <option value="origin"><&|/l&>origin</&>
                <option value="fit"><&|/l&>zoom to fit</&>
              {{/select}}
            </select></td>
          </tr>
          {{/if}}

          <tr class="section">
            <td colspan=2><&|/l&>Defaults</&>:</td>
          </tr>
          <tr>
            <td><&|/l&>On Create</&>:</td>
            <td><select name="on_create">
              {{#select lifecycle.defaults.on_create}}
                <option value=""><&|/l&>(no value)</&></option>
                {{#each lifecycle.statuses}}
                  <option value="{{this}}">{{this}}</option>
                {{/each}}
              {{/select}}
            </select></td>
          </tr>

          {{#if lifecycle.is_ticket}}
          <tr>
            <td><&|/l&>Approved</&>:</td>
            <td><select name="approved">
              {{#select lifecycle.defaults.approved}}
                <option value=""><&|/l&>(no value)</&></option>
                {{#each lifecycle.statuses}}
                  <option value="{{this}}">{{this}}</option>
                {{/each}}
              {{/select}}
            </select></td>
          </tr>

          <tr>
            <td><&|/l&>Denied</&>:</td>
            <td><select name="denied">
              {{#select lifecycle.defaults.denied}}
                <option value=""><&|/l&>(no value)</&></option>
                {{#each lifecycle.statuses}}
                  <option value="{{this}}">{{this}}</option>
                {{/each}}
              {{/select}}
            </select><td>
          </tr>

          <tr>
            <td><&|/l&>Reminder on Open</&>:</td>
            <td><select name="reminder_on_open">
              {{#select lifecycle.defaults.reminder_on_open}}
                <option value=""><&|/l&>(no value)</&></option>
                {{#each lifecycle.statuses}}
                  <option value="{{this}}">{{this}}</option>
                {{/each}}
              {{/select}}
            </select></td>
          </tr>

          <tr>
            <td><&|/l&>Reminder on Resolve</&>:</td>
            <td><select name="reminder_on_resolve">
              {{#select lifecycle.defaults.reminder_on_resolve}}
                <option value=""><&|/l&>(no value)</&></option>
                {{#each lifecycle.statuses}}
                  <option value="{{this}}">{{this}}</option>
                {{/each}}
              {{/select}}
            </select></td>
          </tr>
	  {{/if}}
        </table>

    </div>
</script>
