[% WRAPPER base.tt2 %]
[% ctx.page_title = l("Items") %]
[% BLOCK status_values %]
                <option value="Expected">[% l('Expected') %]</option>
                <option value="Bindery">[% l('Bindery') %]</option>
                <option value="Bound">[% l('Bound') %]</option>
                <option value="Claimed">[% l('Claimed') %]</option>
                <option value="Discarded">[% l('Discarded') %]</option>
                <option value="Not Held">[% l('Not Held') %]</option>
                <option value="Not Published">[% l('Not Published') %]</option>
                <option value="Received">[% l('Received') %]</option>
[% END %]
<style type="text/css">
    .create-dialog-table td { padding: 0.35em 0; }
    .create-dialog-table th {
        padding-right: 1em;
        text-align: right;
        font-weight: bold;
    }
</style>
<div dojoType="dijit.layout.ContentPane" layoutAlign="client">
    <div dojoType="dijit.layout.ContentPane"
        layoutAlign="top" class="oils-header-panel">
        <div>[% l('Items') %]</div>
        <div>
            <button dojoType="dijit.form.Button"
                onClick="create_dialog.show()">[% l('New Items') %]</button>
            <button dojoType="dijit.form.Button"
                onClick="sitem_grid.refresh()">[% l('Refresh Grid') %]</button>
            <button dojoType="dijit.form.Button"
                onClick="sitem_grid.deleteSelected()">
                [% l('Delete Selected') %]
            </button>
        </div>
    </div>
    <div>
        [% l('Showing items attached to the issuance,') %]
        <em><a href="javascript:void(0);" id="siss_label_here"></a></em>.
    </div>
    <table jsId="sitem_grid"
        dojoType="openils.widget.AutoGrid"
        query="{id: '*'}"
        fieldOrder="['id','creator','editor','create_date','edit_date',
            'stream','date_expected','date_received','status','unit']"
        suppressFields="['issuance','uri','shadowed']"
        suppressEditFields="['issuance','uri','shadowed','creator','editor','create_date','edit_date','unit','stream']"
        showSequenceFields="true"
        fmClass="sitem"
        editPaneOnSubmit="update_sitem_safely"
        onPostSubmit="attempt_reload_opac"
        showPaginator="true"
        editOnEnter="true">
        <thead>
            <tr>
                <th field="creator" get="get_creator" formatter="format_user">
                </th>
                <th field="editor" get="get_editor" formatter="format_user">
                </th>
                <th field="stream" get="get_stream" formatter="format_stream">
                </th>
                <th field="unit" get="get_unit" formatter="format_unit">
                </th>
            </tr>
        </thead>
    </table>
    <div class="hidden">
        <div jsId="create_dialog" dojoType="dijit.Dialog"
            title="[% l('Create New Items') %]" execute="create_new_items(arguments[0]);">
            <table class="create-dialog-table">
                <tr>
                    <th>[% l('How many items?') %]</th>
                    <td>
                        <input dojoType="dijit.form.NumberSpinner" value="1"
                            name="count" constraints="{min: 1, max: 100}" />
                    </td>
                </tr>
                <tr>
                    <th>[% l('Stream') %]</th>
                    <td>
                        <input id="stream_selector" />
                    </td>
                </tr>
                <tr>
                    <th>[% l('Date Expected') %]</th>
                    <td>
                        <input dojoType="dijit.form.DateTextBox"
                            id="create-date-expected" name="date_expected"
                            required="false" />
                    </td>
                </tr>
                <tr>
                    <th>[% l('Date Received') %]</th>
                    <td>
                        <input dojoType="dijit.form.DateTextBox"
                            name="date_received" required="false" />
                    </td>
                </tr>
                <tr>
                    <th>[% l('Status') %]</th>
                    <td>
                        <select dojoType="dijit.form.FilteringSelect"
                            name="status">
                            [%- PROCESS status_values -%]
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <span dojoType="dijit.form.Button" type="submit">
                            [% l('Create') %]
                        </span>
                    </td>
                </tr>
            </table>
        </div>
        <select jsId="status_selector" dojoType="dijit.form.FilteringSelect">
            [%- PROCESS status_values -%]
        </select>
        <div dojoType="openils.widget.ProgressDialog" jsId="progress_dialog">
        </div>
    </div>
</div>
<script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/serial/common.js"></script>
<script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/serial/list_item.js"></script>
[% END %]