[% WRAPPER 'base.tt2' %]
[% ctx.page_title = 'Patron Requests' %]
<script type="text/javascript">var reqId = '[% ctx.page_args.0 %]';</script>

    <div dojoType="dijit.layout.StackContainer" id="stackContainer" doLayout="false">
        <!-- *** List View ********************************************************************************* -->
        <div dojoType="dijit.layout.ContentPane">
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
                <div>[% ctx.page_title %]</div>
            </div>
            <div style="width: 100%">
                <span>
                    <span>Context Org Unit</span>
                    <select 
                        dojoType="openils.widget.OrgUnitFilteringSelect" 
                        jsId='contextOrgSelector'
                        searchAttr='shortname' 
                        labelAttr='shortname'> 
                    </select>
                </span>
                <span>
                    <a name="user" href="javascript:changeUserPrompt();">User</a>
                    <span
                        name="user"
                        jsId="contextUsrTextbox"
                        dojoType="dijit.form.TextBox"
                        disabled="true">
                    </span>
                </span>
                <span>
                    <a name="lineitem" href="javascript:changeLIPrompt();">PO Line Item</a>
                    <span
                        name="lineitem"
                        jsId="contextLITextbox"
                        dojoType="dijit.form.TextBox"
                        disabled="true">
                    </span>
                </span>
                <button dojoType="dijit.form.Button" onClick="createRequest()">Create Request</button>
            </div>
            <table  jsId="rGrid"
                    dojoType="openils.widget.AutoGrid"
                    query="{id: '*'}"
                    suppressFields='["id", "usr", "pickup_lib", "holdable_formats", "phone_notify", "email_notify", "lineitem", "eg_bib", "max_fee", "cancel_reason"]'
                    fieldOrder='["title", "author", "isxn", "article_title", "article_pages", "request_type", "volume", "pubdate", "publisher", "location", "other_info", "mentioned"]'
                    editOnEnter='true'
                    suppressEditFields='["id", "holdable_formats", "phone_notify", "email_notify", "eg_bib", "max_fee", "cancel_reason"]'
                    fmClass='aur'
                    editStyle='pane'
                    autoHeight='true'
                    defaultCellWidth='"auto"'
                    showPaginator='true'
                    showColumnPicker='true'
                    columnPickerPrefix='"acq.picklist.user_request"'>
                    <thead>
                        <tr>
                            <th field='title' get='getTitle' formatter='formatTitle'/>
                        </tr>
                    </thead>
            </table>
        </div>
        <!-- *** Detail View ********************************************************************************* -->
        <div dojoType="dijit.layout.ContentPane" style="height: 100%;">
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
                <div>Patron Request</div>
                <div>
                    <button dojoType="dijit.form.Button" onClick="location.href=oilsBasePath+'/acq/picklist/user_request'">[% ctx.page_title %]</button>
                    <button dojoType="dijit.form.Button" onClick="fooPicklist()"><span id="add_to_picklist">Add to Selection List</span><span id="view_picklist">View Selection List</span></button>
                    <button dojoType="dijit.form.Button" onClick="setNoHold()">Set No Hold</button>
                    <span dojoType="dijit.form.DropDownButton">
                        <span>Cancel Request</span>
                        <span dojoType="dijit.TooltipDialog">
                            <label for="acq-ur-cancel-reason">
                                Reason:
                            </label>
                            <span id="acq-ur-cancel-reason"></span>
                            <button jsId="acqUrCancelReasonSubmit"
                                dojoType="dijit.form.Button"
                                type="submit">Cancel Request</button>
                        </span>
                    </span>
                </div>
            </div>
            <div id="detail_content_pane" ></div>
        </div>
    </div>
<script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/acq/picklist/user_request.js'></script>
[% END %]