[% WRAPPER default/base.tt2 %]
<script>var providerId = [% ctx.page_args.0 %]</script>
<script src='[% ctx.media_prefix %]/js/ui/default/acq/financial/view_provider.js'> </script>

<div dojoType="dijit.layout.ContentPane" layoutAlign="top">
    <div dojoType="dijit.layout.TabContainer">

        <div dojoType="dijit.layout.ContentPane" 
                class='oils-acq-detail-content-pane' title="Summary" selected='true' style='height:400px;'>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top"> 
                <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:600px;'> 
                    <table jsId="providerGrid" dojoType="dojox.grid.DataGrid" query="{id: '*'}" rowSelector='20px'> 
                        <thead> 
                            <tr> 
                                <th field="id">ID</th> 
                                <th field="name" width='auto'>Name</th> 
                                <th field="code">Code</th> 
                                <th field="owner" get='getOrgInfo'>Owner</th> 
                                <th field="currency_type">Currency Type</th> 
                            </tr> 
                        </thead> 
                    </table>     
                </div> 
            </div>             
        </div>

        <div dojoType="dijit.layout.ContentPane" 
                class='oils-acq-detail-content-pane' title="Order Record Format" style='height:400px;'>

            <div class='oils-acq-actions-div' style='margin:8px;'>

                <!-- 
                    Dropdown menu for creating a new order record data type
                -->
                <div dojoType="dijit.form.DropDownButton">
                    <span>Create Order Record Field</span>
                    <div dojoType="dijit.TooltipDialog" execute="createOrderRecordField(arguments[0]);">
                        <script type='dojo/connect' event='onOpen'>setORDesc();</script>
                        <table class='dijitTooltipTable'>
                            <tr>
                                <td><label for="code">Code: </label></td>
                                <td>
                                    <select id='oils-acq-provider-or-code' name="code" dojoType="dijit.form.ComboBox">
                                        <script type='dojo/connect' event='onChange'>setORDesc();</script>
                                        <option value='fund_code'>Fund Code</option>
                                        <option value='shelving_location'>Shelving Location</option>
                                        <option value='quantity'>Quantity</option>
                                        <option value='order_date'>Order Date</option>
                                        <option value='volume_count'>Volume Count </option>
                                        <option value='currency_type'>Currency Type</option>
                                        <option value='internal_notes'>Internal Notes </option>
                                        <option value='vendor_notes'>Vendor Notes</option>
                                        <option value='estimated_price'>Estimated Price</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="description">Description: </label></td>
                                <td><input id='oils-acq-provider-or-desc' dojoType="dijit.form.TextBox" name="description"> </input></td>
                            </tr>
                            <tr>
                                <td><label for="amount">Tag: </label></td>
                                <td><input dojoType="dijit.form.TextBox" name="tag"></input></td>
                            </tr>
                            <tr>
                                <td><label for="amount">Subfield: </label></td>
                                <td><input dojoType="dijit.form.TextBox" name="subfield"></input></td>
                            </tr>
                            <tr>
                                <td><label for="ident">Identifer Field?: </label></td>
                                <td>
                                    <select dojoType="dijit.form.FilteringSelect" name="ident">
                                        <option value='f' selected='selected'>False</option>
                                        <option value='t'>True</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="amount">XPath (advanced): </label></td>
                                <td><input dojoType="dijit.form.TextBox" name="xpath"></input></td>
                            </tr>
                            <tr>
                                <td colspan='2' align='center'>
                                    <button dojoType='dijit.form.Button' type="submit">Apply</button>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div> 

                <!--
                    Delete order record data types button
                -->
                <button dojoType="dijit.form.Button" onclick='deleteORDataFields();'>
                    Delete Selected
                </button>
            </div>

            <script type='dojo/connect' event='onShow'>loadPADGrid();</script>
            <div dojoType="dijit.layout.ContentPane" layoutAlign="top"> 
                <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:600px;'> 
                    <table jsId="padGrid" dojoType="dojox.grid.DataGrid" query="{id: '*'}" rowSelector='20px'> 
                        <thead> 
                            <tr> 
                                <th field="id">ID</th> 
                                <th field="code" width='auto'>Code</th> 
                                <th field="description" width='auto'>Description</th>                                 
                                <th field="tag" get='getTag'>Tag</th> 
                                <th field="subfield" get='getSubfield'>Subfield</th> 
                                <th field="xpath" width='auto'>XPath</th> 
                            </tr> 
                        </thead> 
                    </table>     
                </div> 
            </div>             
        </div>
[% END %]