[% WRAPPER base.tt2 %]
[% ctx.page_title = l('Invoice Item Types') %]
<div dojoType="dijit.layout.ContentPane" layoutAlign="top" class="oils-header-panel">
    <div>[% l('Invoice Item Types') %]</div>
    <div>
        <button dojoType="dijit.form.Button" onClick="aiitGrid.showCreateDialog();">[% l('New Invoice Item Type') %]</button>
        <button dojoType="dijit.form.Button" onClick="aiitGrid.deleteSelected();">[% l('Delete Selected') %]</button>
    </div>
</div>
<div dojoType="dijit.layout.ContentPane" layoutAlign="client">
    <table  jsId="aiitGrid"
            dojoType="openils.widget.AutoGrid"
            fieldOrder="['code', 'name', 'prorate']"
            defaultCellWidth="'auto'"
            query="{id: '*'}"
            fmClass="aiit"
            editOnEnter="true">
    </table>
</div>

<script type="text/javascript">
    dojo.require("openils.widget.AutoGrid");
    dojo.require("dijit.form.FilteringSelect");
    dojo.require('openils.PermaCrud');
    openils.Util.addOnLoad(
        function() { 
          aiitGrid.loadAll({"order_by": {"aiit": "name"}}); 

          // If either "prorate" or "blanket" are selected, 
          // the other must be deselected.  
          // "For neither can live while the other survives...."
          aiitGrid.onEditPane = function(pane) {

            pane.onSubmit = function(inv_type, ops) {

              if (inv_type.blanket() == 't') {
                if (inv_type.prorate() == 't') {
                  alert('[% l('Only one of "prorate" and "blanket" may be selected') %]');
                  return;
                }
              }

              (new openils.PermaCrud())[pane.mode](inv_type, ops);
            }
          }
        }
    );
</script>
[% END %]