[% WRAPPER default/base.tt2 %]
[% ctx.page_title = 'Purchase Orders' %]
<script type="text/javascript">
    var poIds = function(s) {
        return s == "" ? undefined :
            s.split(",").map(function(t) { return Number(t); });
    }("[% ctx.page_args.0 %]");
</script>
<div id='oils-acq-list-header' class='container'>
    <div id='oils-acq-list-header-label'>PO Search</div>
</div>

<div id="oils-acq-po-heading-template" class="hidden">
    <span>Purchase Order: <a attr="name"></a></span>
    <span>Total Lineitems: <span attr="lineitem_count"></span></span>
    <span>Total Encumbered: $<span attr="amount_encumbered"></span></span>
    <span>Total Spent: $<span attr="amount_spent"></span></span>
    <span>Total Copies: <span attr="copies"></span></span>
    <span>Status: <span attr="state"></span></span>
    <span><a class="hidden" attr="activator" href="javascript:void(0);">Activate Order</a></span>
</div>
<!-- load the page-specific JS -->
<script src='[% ctx.media_prefix %]/js/ui/default/acq/po/search.js'> </script>

<script>
    function formatId(id) {
        if(id) return '<a href="[% ctx.base_path %]/acq/po/view/' + id + '">'+id;
    }
</script>


<form dojoType='dijit.form.Form' action='' method='' id='oils-acq-po-search-form'>

    <script type="dojo/method" event="onSubmit">
        doSearch(this.getValues());
        return false; /* don't redirect */
    </script>

    <div class='oils-acq-basic-form-div'>

        <label for='id'>ID</label>
        <input dojoType='dijit.form.NumberTextBox' name='id'> </input>

        <label for='provider'>Provider</label>
        <input id='po-search-provider-selector'/>

        <label for='state'>State</label></td>
        <script>
            var stateStore = new dojo.data.ItemFileReadStore({
                data : {
                    identifier:"value",
                    label: "name",
                    items: [
                        /* FIXME This is probably not the correct final list of 
                        possible states */
                        {name:"New", value:'new'},
                        {name:"In Process", value:'in-process'},
                        {name:"Pending", value:'pending'},
                        {name:"On order", value:'on-order'}
                    ]
                }
            });
        </script>
        <input dojoType='dijit.form.FilteringSelect' 
            name='state' 
            required='false' 
            store='stateStore' 
            labelAttr='name' 
            valueAttr='value' 
            searchAttr='name'/>

        <label for='ordering_agency'>Ordering Agency</label>
        <input id='po-search-agency-selector'/>

        <span dojoType='dijit.form.Button' type='submit'>Search</span>
    </div>
    <div class="oils-acq-basic-form-div">
        <input dojoType="dijit.form.CheckBox" value="1" name="metapo_view"
            id="metapo_view" type="checkbox" />
        <label for="metapo_view">Show results as a virtual combined PO</label>
    </div>
</form>
<br/>
<div dojoType="dijit.layout.ContentPane" layoutAlign="client" id="holds_po_grid">
    <table 
            id="po-grid" 
            autoHeight='true'
            jsId="poGrid" 
            dojoType="openils.widget.AutoGrid" 
            query="{id: '*'}" 
            fieldOrder="['id', 'owner', 'ordering_agency', 'provider', 'create_time', 'edit_time', 'state']"
            suppressFields="['owner', 'editor', 'creator']"
            query="{id: '*'}"
            defaultCellWidth='"auto"'
            showSequenceFields='true'
            showPaginator='true'
            fmClass='acqpo'> 
        <thead> 
            <tr> 
                <th field="id" formatter='formatId'>ID</th> 
                <!--
                <th field="owner" get='getPOOwner'/>
                -->
            </tr> 
        </thead> 
    </table>     
    <div comment='dojo-needs-me'></div>
</div>
<div id="oils-acq-holds-metapo-summary" class="hidden">
    <table id="oils-acq-metapo-summary">
        <thead>
            <tr>
                <th colspan="2">Results Summary</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Total Purchase Orders:</th>
                <td id="oils-acq-metapo-summary-po"></td>
            </tr>
            <tr>
                <th>Total Lineitems:</th>
                <td id="oils-acq-metapo-summary-lineitem_count"></td>
            </tr>
            <tr>
                <th>Total Copies:</th>
                <td id="oils-acq-metapo-summary-copies"></td>
            </tr>
            <tr>
                <th>Total Encumbered:</th>
                <td>$<span id="oils-acq-metapo-summary-amount_encumbered"></span></td>
            </tr>
            <tr>
                <th>Total Spent:</th>
                <td>$<span id="oils-acq-metapo-summary-amount_spent"></span></td>
            </tr>
        </tbody>
    </table>
</div>
[% INCLUDE 'default/acq/common/li_table.tt2' %]
[% END %]