[% WRAPPER base.tt2 %]
[% ctx.page_title = l('Providers') %]

<div dojoType="dijit.layout.ContentPane" layoutAlign='client'>
    <div id='provider-list-div'>
        <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
            <div>[% l('Provider') %]</div>
            <div>
                <button dojoType='dijit.form.Button' onClick='pListGrid.showCreatePane()'>[% l('New Provider') %]</button>
                <button dojoType='dijit.form.Button' onClick='pListGrid.deleteSelected()'>[% l('Delete Selected') %]</button> 
            </div>
        </div>
        <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
            <span>[% l('Context Org Unit') %]</span>
            <select dojoType="openils.widget.OrgUnitFilteringSelect"
                jsId='contextOrgSelector'
                searchAttr='shortname'
                labelAttr='shortname'>
            </select>
        </div>
        <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
            <table  jsId="pListGrid"
                    dojoType="openils.widget.AutoGrid"
                    fieldOrder="['id', 'name', 'code', 'owner', 'currency_type']"
                    query="{id: '*'}"
                    defaultCellWidth='"auto"'
                    fmClass='acqpro'
                    showLoadFilter='true'
                    editOnEnter='true'>
                <thead>
                    <tr><th field='name' get='getProviderName' formatter='formatName'/></tr>
                </thead>
            </table>
        </div>
    </div>

    <div id='provider-summary-pane'></div>     
    <div id='provider-details-div' style='height:600px'>
    <div dojoType="dijit.layout.TabContainer" style='height:100%' jsId='providerTabs'>

        <div dojoType="dijit.layout.ContentPane" title='[% l('Provider Address') %]' select='true' id='provider-address'>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
                <div>[% l('Provider Address') %]</div>
                <div>
                <button dojoType='dijit.form.Button' onClick='paListGrid.showCreateDialog()'>[% l('New Provider Address') %]</button>
                <button dojoType='dijit.form.Button' onClick='paListGrid.deleteSelected()'>[% l('Delete Selected') %]</button>
                </div>
            </div>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:100px'>
                <table  jsId="paListGrid"
                        dojoType="openils.widget.AutoGrid"
                        fieldOrder="['id', 'address_type', 'provider', 'street1', 'street2', 'city', 'county', 'state', 'country', 'post_code']"
                        requiredFields="['street1', 'city', 'state', 'country', 'post_code']"
                        query="{id: '*'}"
                        fmClass='acqpa'
                        defaultCellWidth='"auto"' 
                        editOnEnter='true'>
                </table>
            </div>
        </div>

        <div dojoType="dijit.layout.ContentPane" title='[% l('Provider Contact') %]' id='tab-pro-contact'>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
                <div>[% l('Provider Contact') %]</div>
                <div>
                <button dojoType='dijit.form.Button' onClick='pcListGrid.showCreateDialog()'>[% l('New Contact') %]</button>
                <button dojoType='dijit.form.Button' onClick='pcListGrid.deleteSelected()'>[% l('Delete Selected') %]</button>
                </div>
            </div>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:200px'>
                <table  jsId="pcListGrid"
                        dojoType="openils.widget.AutoGrid"
                        fieldOrder="['id', 'name', 'provider', 'role', 'email']"
                        requiredFields="['name']"
                        defaultCellWidth='"auto"'
                        query="{id: '*'}"
                        fmClass='acqpc'
                        editOnEnter='true'>
                </table>
            </div>
          
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
                <div>[% l('Contact Address') %]</div>
                <div>
                    <button dojoType='dijit.form.Button' onClick='pcaListGrid.showCreateDialog()'>[% l('New Contact Address') %]</button>
                    <button dojoType='dijit.form.Button' onClick='pcaListGrid.deleteSelected()'>[% l('Delete Selected') %]</button>
                </div>
            </div>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:200px'>
                <table  jsId="pcaListGrid"
                        dojoType="openils.widget.AutoGrid"
                        fieldOrder="['id', 'address_type', 'contact', 'street1', 'street2', 'city', 'county', 'state', 'country', 'post_code']"
                        requiredFields="['street1', 'city', 'state', 'country', 'post_code']"
                        query="{id: '*'}"
                        fmClass='acqpca'
                        defaultCellWidth='"auto"' 
                        editOnEnter='true'>
                </table>
            </div>
           
        </div>
        <div dojoType="dijit.layout.ContentPane" title='[% l('Attribute Definitions') %]' id='tab-attr'>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
                <div>[% l('Attribute Definitions') %]</div>
                <div>
                    <button dojoType='dijit.form.Button' onClick='padListGrid.showCreateDialog()'>[% l('New Attribute Definition') %]</button>
                    <button dojoType='dijit.form.Button' onClick='padListGrid.deleteSelected()'>[% l('Delete Selected') %]</button>
                </div>
            </div>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:200px'>
                <table  jsId="padListGrid"
                        dojoType="openils.widget.AutoGrid"
                        fieldOrder="['id', 'provider', 'code', 'description',  'provider', 'ident', 'remove',  'tag', 'subfield', 'xpath']"
                        requiredFields="['code', 'description', 'xpath']"
                        query="{id: '*'}"
                        fmClass='acqlipad'
                        editOnEnter='true'>
                    <thead>
                        <tr>
                            <th field="xpath" width='auto'/>
                            <th field="tag" name="Tag" get='getParsedTag'/>
                            <th field="subfield" name="Subfield" get='getParsedSubf'/>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>

        <div dojoType="dijit.layout.ContentPane" title='[% l('Holding Subfield') %]' id='tab-hold'>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
                <div>[% l('Holding Subfield') %]</div>
                <div>
                <button dojoType='dijit.form.Button' onClick='phsListGrid.showCreateDialog()'>[% l('New Holding Subfield') %]</button>
                <button dojoType='dijit.form.Button' onClick='phsListGrid.deleteSelected()'>[% l('Delete Selected') %]</button>
                </div>
            </div>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:400px'>
                <table  jsId="phsListGrid"
                        dojoType="openils.widget.AutoGrid"
                        fieldOrder="['id', 'provider', 'name', 'subfield']"
                        requiredFields="['name', 'subfield']"
                        query="{id: '*'}"
                        fmClass='acqphsm'
                        editOnEnter='true'>
                </table>
            </div>
            <div class='hidden'>
                <select dojoType='dijit.form.FilteringSelect' jsId='holdingSubfieldSelector'>
                    <option value='quantity'>[% l('Quantity') %]</option>
                    <option value='estimated_price'>[% l('Estimated Price') %]</option>
                    <option value='owning_lib'>[% l('Owning Library') %]</option>
                    <option value='call_number'>[% l('Call Number') %]</option>
                    <option value='fund_code'>[% l('Fund Code') %]</option>
                    <option value='circ_modifier'>[% l('Circ Modifier') %]</option>
                    <option value='note'>[% l('Note') %]</option>
                    <option value='copy_location'>[% l('Copy Location') %]</option>
                    <option value='barcode'>[% l('Barcode') %]</option>
                    <option value='collection_code'>[% l('Collection Code') %]</option>
                </select>
            </div>
        </div>

        <div dojoType="dijit.layout.ContentPane" title="[% l('Invoices') %]" id="tab-invoice">
            <big class="oils-acq-basic-roomy"><strong>[% l('Invoices') %]</strong></big>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style="height:400px">
                <table jsId="invListGrid"
                    dojoType="openils.widget.AutoGrid"
                    fieldOrder="['inv_ident', 'receiver', 'shipper']"
                    suppressFields="['id', 'provider']"
                    query="{id: '*'}"
                    showPaginator='true'
                    fmClass="acqinv">
                    <thead>
                        <tr>
                            <th field="inv_ident" get="getInvIdent" formatter="formatInvIdent" />
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    </div>

    <div class="hidden">
        <select dojoType="dijit.form.FilteringSelect" jsId="nameSelect">
            <option value='owning_lib'>[% l('Owning Library') %]</option>
            <option value='quantity'>[% l('Quantity') %]</option>
            <option value='call_number'>[% l('Call Number') %]</option>
            <option value='fund_code'>[% l('Fund Code') %]</option>
            <option value='local_note'>[% l('Local Note') %]</option>
            <option value='price'>[% l('Price') %]</option>
            <option value='circ_modifier'>[% l('Circulation Modifier') %]</option>
            <option value='copy_location'>[% l('Copy Location') %]</option>
            <option value='collection_code'>[% l('Collection Code') %]</option>
        </select>
    </div> 
</div>


<script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/conify/global/acq/provider.js'> </script>

<script type="text/javascript"> 
    var providerId = '[% ctx.page_args.0 %]';

function getInvIdent(rowIndex, item) {
    if (!item) return {};
    return {
          "id": this.grid.store.getValue(item, "id"),
        "name": this.grid.store.getValue(item, "inv_ident")
    };
}

function formatInvIdent(o) {
    return "<a href='" + oilsBasePath + "/acq/invoice/view/" + o.id + "'>" + o.name + "</a>";
}

function getProviderName(rowIndex, item) {
    if(!item) return '';
    var name = this.grid.store.getValue(item, 'name');
    var id   = this.grid.store.getValue(item, 'id');
    return id + ':' + name;
}

function formatName(value) {
    if(value) {
        var vals = value.split(/:/);
        return '<a href="[% ctx.base_path %]/conify/global/acq/provider/'+vals[0]+'">'+vals[1]+'</a>';
    }
}

</script>

[% END %]