Untitled

 avatar
unknown
plain_text
2 years ago
260 kB
4
Indexable
<aura:component controller="CRS5_OutgoingBidVendorResponseApexClass"  implements="force:appHostable,flexipage:availableForRecordHome,force:hasRecordId,force:lightningQuickActionWithoutHeader" access="global" > 
    <aura:attribute name="BackCheck" type="boolean" default="false" />
    <aura:attribute name="BackCheckdata" type="Object[]" />
    
    <aura:attribute name="BackTranslation" type="boolean" default="false" />
    <aura:attribute name="BackTranslationdata" type="Object[]" />
    
    <aura:attribute name="BrandCoding" type="boolean" default="false" />
    <aura:attribute name="BrandCodingdata" type="Object" />
    
    <aura:attribute name="DataCollection" type="boolean" default="false" />
    <aura:attribute name="DataCollectionMode" type="boolean" default="false" />
    <aura:attribute name="DataCollectiondata" type="Object" />
    
    <aura:attribute name="InlanguageCoding" type="boolean" default="false" />
    <aura:attribute name="InlanguageCodingdata" type="Object" />
    
    <aura:attribute name="IncentiveManagement" type="boolean" default="false" />
    <aura:attribute name="IncentiveManagementdata" type="Object" />
    
    <aura:attribute name="OtherTranslation" type="boolean" default="false" />
    <aura:attribute name="OtherTranslationdata" type="Object" />
    
    <aura:attribute name="OtherSpecified" type="boolean" default="false" />
    <aura:attribute name="OtherSpecifieddata" type="Object" />
    
    <aura:attribute name="ProofReading" type="boolean" default="false" />
    <aura:attribute name="ProofReadingdata" type="Object" />
    
    <aura:attribute name="QuestionnaireTranslation" type="boolean" default="false" />
    <aura:attribute name="QuestionnaireTranslationdata" type="Object" />
    
    <aura:attribute name="RegularCoding" type="boolean" default="false" />
    <aura:attribute name="RegularCodingdata" type="Object" />
    
    <aura:attribute name="SecondaryResearch" type="boolean" default="false" />
    <aura:attribute name="SecondaryResearchdata" type="Object" />
    
    <aura:attribute name="TapeCheck" type="boolean" default="false" />
    <aura:attribute name="TapeCheckdata" type="Object" />
    
    <aura:attribute name="Transcription" type="boolean" default="false" />
    <aura:attribute name="Transcriptiondata" type="Object" />
    
    <aura:attribute name="VoiceCheck" type="boolean" default="false" />
    <aura:attribute name="VoiceCheckdata" type="Object" />
    
    <aura:attribute name="popupwindowopen" type="boolean" default="false" />
    <aura:attribute name="ServiceName" type="String" />
    <aura:attribute name="currencyPicklist" type="List" />
    <aura:attribute name="recordId" type="String" default="{!v.recordId}"/>
    
    <!--Lookup functionality related fields-->
    <aura:attribute name="selectedRecord" type="Contact"  description="Use,for store SELECTED sObject Record"/>
    <aura:attribute name="listOfSearchRecords" type="Contact[]" description="Use,for store the list of search records which returns from apex class"/>
    <aura:attribute name="SearchKeyWord" type="string"/>
    <aura:attribute name="Message" type="String" default="Search Result.."/>
    <aura:attribute name="FieldMessage1" type="String" />
    <aura:handler name="init" value="{!this}" action="{!c.displayTable }"/>
    <aura:handler name="SelectedContactEvent" event="c:selectedContactEvent" action="{!c.handleComponentEvent}"/>
    
    <aura:attribute name="lois" type="integer" />
    <!-- mouse darg table column size dynamically -->
    <aura:attribute name="isSelect" type="boolean" default="false" />
    <aura:attribute name="isReplicateComponent" type="boolean" default="false" />
    <aura:attribute name="mouseStart" type="string" />
    <aura:attribute name="oldWidth" type="string" />
    <aura:attribute name="outgoindBidId" type="string" />
    <aura:attribute name="deliveryCountries" type="List"/>
    <aura:attribute name="languages" type="List"/>
    <aura:attribute name="Mode" type="List"/>
    <aura:attribute name="targetGroups" type="List"/>
    <aura:attribute name="Status" type="List"/>
    <aura:attribute name="dropdown" type="List"/>
    <aura:attribute name="typeList" type="List"/>
    <aura:attribute name="headerBidName" type="string"/>
    <aura:attribute name="showAddNewBidCmp" type="Boolean" default="false" />
    <aura:attribute name="recordTypeName" type="String" default=""/>
    <aura:attribute name="errors" type="List" />
    <aura:handler name="vendorEvt" event="c:InsertVendorEvent" action="{!c.handleVendorComponentEvent}"/>
    <aura:handler name="replicateVendorEvt" event="c:ReplicatVendorEvent" action="{!c.handleReplicateVendorEvt}"/>
    <aura:html tag="style">
        .slds-modal__header {
        	border-bottom: none !important;
        }
        .slds-modal__container{ 
            overflow-y: show !important;
            width: 98%;
        	max-width: 1000vh;
        	height: auto;
        } 
        .modal-body{
        height : 100% !important;
            max-height: 1000vh !important;
        }   
        .slds-modal__content{  
            min-height: 100%;
    		height: 100% !important;
        	max-height: 100% !important;
        }
    </aura:html>
    <div class="slds-modal__header">
        <h2 class="inlineTitle slds-p-top_large slds-p-horizontal_medium 
                   slds-p-bottom_medium slds-text-heading_medium">
            Insert Vendor Response - {!v.headerBidName}
        </h2>
    </div>
    <aura:if isTrue="{!v.showAddNewBidCmp}" >
        <c:LXC_InsertVendorBid  showAddNewBidCmp="{!v.showAddNewBidCmp}" currentRecordType ="{!v.recordTypeName}" recordId="{!v.recordId}" />
    </aura:if>
    <aura:if isTrue="{!v.isReplicateComponent}" >
        <c:LXC_ReplicateVendor outgoindBidId="{!v.outgoindBidId}" currentRecordType ="{!v.recordTypeName}" />
    </aura:if>
    <aura:if isTrue="{!v.errors.length > 0}">
        <button class="slds-button errorClose" title="Close" onclick="{!c.hideErrors}">
            <span class="slds-assistive-text">Close</span>
        </button>
        <div class="slds-box slds-theme_error" style="width:100%">
            <ul>
                <aura:iteration items="{!v.errors}" var="error">
                    <li>{!error}</li>
                </aura:iteration>
            </ul>
        </div>
    </aura:if>
    <div class="slds-scrollable_x" >
        <!--<div class=" slds-modal__container" style="width:170%; padding: 0px !important" >--> <!-- changes made by stuti on may 2 -->
        <div class=" slds-modal__container" style="padding: 0px !important;" >
            <lightning:accordion aura:id="accordionA" onsectiontoggle="{!c.handleAccordianToogle}">
                <div style="width:fit-content;">
                    <aura:if isTrue="{!v.DataCollection}" >
                        <lightning:accordionSection name="D" label="Data Collection" >
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">     
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" > <!--changes done on may 4 by stuti-->
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll4}" aura:id="selectAll4"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                       
                                        <!--<th scope="col" class="" style="width:5%;"  changes on may 4 by stuti>-->
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Vendor Name" style="white-space: pre-wrap;">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Mode" style="white-space: pre-wrap;">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <!--<th scope="col" class="" style="width:5%;"> changes on may 4 by stuti-->
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Country Name"  style="white-space: pre-wrap;">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Sample Size" style="white-space: pre-wrap;">(N)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       <!-- <th scope="col" class="" style="width:5%;" > changes on may 4 by stuti-->
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Feasibility" style="white-space: pre-wrap;">Feasibility</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="LOI" style="white-space: pre-wrap;">LOI</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>       
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Essential IR" style="white-space: pre-wrap;">IR</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <!--<th scope="col" class="" style="width:6%;"> changes on may 4 by stuti-->
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Target Group" style="white-space: pre-wrap;" >TG</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Type" style="white-space: pre-wrap;">Type</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       <!-- <th scope="col" class="" style="width:5%;" > changes on may 4 by stuti-->
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Currency" style="white-space: pre-wrap;">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="CTV" style="white-space: pre-wrap;">CTV &nbsp;&nbsp;&nbsp;</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Project Minimum Fee" style="white-space: pre-wrap;">PMF</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                            
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Project Setup Fee" style="display:inline;white-space: pre-wrap;">Setup Fee</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                  
                                       <!-- <th scope="col" class="" style="width:5%;"> changes on may 4 by stuti-->
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Total Cost" style="white-space: pre-wrap;">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Comments" style="white-space: pre-wrap;">Comments</div>
                                        </th>
                                       <!-- <th scope="col" class=""  style="width:7%;" > changes on may 4 by stuti-->
                                        <th scope="col" class=""  style="width:6%;" >
                                            <div class="slds-truncate" title="Replicate" style="white-space: pre-wrap;">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.DataCollectiondata}" var="con" >
                                        <tr id="{!con.outgoingBid.Id}">
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check4" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline;white-space: pre-wrap;" >{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Mode__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}"  ><lightning:input type="number" min="0" default="0"   placeholder="Min 0"  messageWhenValueMissing="Cannot be blank" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Sample_Size__c}"/></div>
                                            </td>
                                            <td>
                                                
                                                <div class="slds-truncate" title="{!con.outgoingBid.Feasibility__c}"  ><lightning:input type="number"  min="0" default="0"  placeholder="Min 0" messageWhenValueMissing="cannot be ‘0’ or ‘blank’" title="{!con.outgoingBid.Id}" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Feasibility__c}"/></div>
                                                
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.LOI__c}"  >{!con.outgoingBid.LOI__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Essential_IR__c}"  >{!con.outgoingBid.Essential_IR__c}</div>
                                            </td>
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Target_Group__c}" style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Target_Group__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Type__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Type__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CPI__c}" style="display:inline"><lightning:input  type="number" step="0.01" min="0" default="0"  placeholder="Min 0" messageWhenValueMissing="cannot be ‘blank’" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.CPI__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Project_Minimum_Fee__c}" style="display:inline"><lightning:input type="number" step="0.01"  min="0" default="0" placeholder="Min 0" messageWhenValueMissing="Cannot be blank" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Project_Minimum_Fee__c}"/></div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Setup_Fee__c}" style="display:inline"><lightning:input type="number" min="0"  default="0"  placeholder="Min 0" messageWhenValueMissing="Cannot be blank" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Setup_Fee__c}"/></div>
                                            </td>
                                           
                                          
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments"  style="display:inline;white-space: pre-wrap;"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Data Collection" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.DataCollectionadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.DataCollectionjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.DataCollectiondetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <div style="width:fit-content"> <!-- changes done on may1-->
                    <aura:if isTrue="{!v.DataCollectionMode}" >
                        <lightning:accordionSection name="D"  label="DataCollection" >
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">     
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" >
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll4}" aura:id="selectAll4"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                         
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Vendor Name"  style="display:inline;white-space: pre-wrap;">Vendor Name</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Mode"  style="display:inline;white-space: pre-wrap;">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Country Name"  style="display:inline;white-space: pre-wrap;">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Sample Size"  style="display:inline;white-space: pre-wrap;">N</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Feasibility"  style="display:inline;white-space: pre-wrap;">Feasibility</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="">
                                            <div class="slds-truncate" title="LOI"  style="display:inline;white-space: pre-wrap;">LOI</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>       
                                        <th scope="col" class="">
                                            <div class="slds-truncate" title="Essential IR"  style="display:inline;white-space: pre-wrap;">IR</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Target Group"  style="display:inline;white-space: pre-wrap;">TG</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Type"  style="display:inline;white-space: pre-wrap;">Type</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      <th scope="col" class="" >
                                            <div class="slds-truncate" title="Currency"  style="display:inline;white-space: pre-wrap;">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="CTV"  style="display:inline;white-space: pre-wrap;">CTV</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Project Minimum Fee"  style="display:inline;white-space: pre-wrap;">PMF</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                            
                                        </th>
                                       
                                     
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Moderation fee"  style="display:inline;white-space: pre-wrap;">Moderation Fee</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Recording cost"  style="display:inline;white-space: pre-wrap;">Recording Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Facility cost"  style="display:inline;white-space: pre-wrap;">Facility Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" >
                                            <div class="slds-truncate" title="Project Setup Fee"  style="display:inline;white-space: pre-wrap;">Setup Fee</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  >
                                            <div class="slds-truncate" title="Total Cost"  style="display:inline;white-space: pre-wrap;">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class=""   >
                                            <div class="slds-truncate" title="Comments"  style="display:inline;white-space: pre-wrap;">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate"  style="display:inline;white-space: pre-wrap;">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.DataCollectiondata}" var="con">
                                        <tr id="{!con.outgoingBid.Id}">
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check4" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Mode__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                         
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}" style="display:inline"><lightning:input type="number" min="0" default="0"  value="{!con.outgoingBid.Sample_Size__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Feasibility__c}" style="display:inline"><lightning:input type="number" default="0" min="0" step="0.01" title="{!con.outgoingBid.Id}" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Feasibility__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.LOI__c}" style="display:inline">{!con.outgoingBid.LOI__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Essential_IR__c}" style="display:inline">{!con.outgoingBid.Essential_IR__c}</div>
                                            </td>
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Target_Group__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Target_Group__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Type__c}"  style="display:inline;white-space: pre-wrap;">{!con.outgoingBid.Type__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CPI__c}" style="display:inline"><lightning:input  type="number" default="0" min="0" step="0.01" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.CPI__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Project_Minimum_Fee__c}" style="display:inline"><lightning:input type="number" default="0" min="0" step="0.01" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Project_Minimum_Fee__c}"/></div>
                                            </td>
                                            
                                         
                                            
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Moderation_Fee__c}" style="display:inline"><lightning:input type="number"  min="0" step="0.01" default="0" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Moderation_Fee__c}"/></div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Recording_Cost__c}" style="display:inline"><lightning:input type="number"  min="0" step="0.01" default="0" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Recording_Cost__c}"/></div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Facility_cost__c}" style="display:inline"><lightning:input type="number"  min="0" step="0.01" default="0" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Facility_cost__c}"/></div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Setup_Fee__c}" style="display:inline"><lightning:input type="number"  min="0"  default="0" onchange="{!c.DataCollectioncal}" value="{!con.outgoingBid.Setup_Fee__c}"/></div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments"  style="display:inline;white-space: pre-wrap;"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" data-recordtype="Data Collection" title="Replicate" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row" style="margin-left:16px"> <!-- changes done on 28/april/23 by stuti-->
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.DataCollectionadd }"/>
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.DataCollectionjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.DataCollectiondetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div> 
                <div style="width:fit-content"> <!-- changes on may 1-->
                    <aura:if isTrue="{!v.QuestionnaireTranslation}">
                        <lightning:accordionSection name="J" label="Questionnaire Translation">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">     
                                <thead>  
                                    <tr class="slds-line-height_reset">
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll10}" aura:id="selectAll10"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    <!--    <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode" >Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="LOI" style="display:inline">LOI</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:4%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Word" style="display:inline">Word (#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Rate (Word)" style="display:inline">Rate (Word)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Project Minimum Fee" style="display:inline">PMF</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.QuestionnaireTranslationdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check10" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--    <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                         
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.LOI__c}" style="display:inline">{!con.outgoingBid.LOI__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Word__c}" style="display:inline">
                                                    <lightning:input  type="number" default="0" min="0" onchange="{!c.QuestionnaireTranslationcal}" placeholder="Min 0" messageWhenValueMissing="Cannot be blank" value="{!con.outgoingBid.Word__c}"/></div>
                                            </td>
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Word__c}" style="display:inline">
                                                  <lightning:input step="0.01" type="number" default="0" min="0" onchange="{!c.QuestionnaireTranslationcal}"  placeholder="Min 0" messageWhenValueMissing="Cannot be blank" value="{!con.outgoingBid.Rate_Word__c}"/></div>
                                            </td> 
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Project_Minimum_Fee__c}" style="display:inline"><lightning:input step="0.01" type="number" default="0" min="0" onchange="{!c.QuestionnaireTranslationcal}"  placeholder="Min 0" messageWhenValueMissing="Cannot be blank" value="{!con.outgoingBid.Project_Minimum_Fee__c}"/></div>
                                            </td>
                                            
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a  href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Questionnaire Translation" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.QuestionnaireTranslationadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.QuestionnaireTranslationjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.QuestionnaireTranslationdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
               <!-- <div style="width:58%;"> -->
                	<div style="width:fit-content"> <!-- changes on 1 may by stuti-->
                    <aura:if isTrue="{!v.BackTranslation}">
                        <lightning:accordionSection name="B" label="Back Translation">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">      
                                <thead>  
                                    <tr class="slds-line-height_reset">
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll2}" aura:id="selectAll2"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     <!--   <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:6%;" >
                                            <div class="slds-truncate" title="Sample Size" style="display:inline">Sample Size</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="Word (#)" style="display:inline">Word (#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%" >
                                            <div class="slds-truncate" title="Project Minimum Fee" style="display:inline">PMF</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                            
                                        </th>
                                        <th scope="col" class="" style="width:6%" >
                                            <div class="slds-truncate" title="Rate (Word)" style="display:inline">Rate (Word)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                       
                                        <th scope="col" class="" style="width:5%" >
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:10%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.BackTranslationdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check2" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                         <!--   <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}" style="display:inline">{!con.outgoingBid.Sample_Size__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Word__c}" style="display:inline"><lightning:input  type="number" default="0" min="0" onchange="{!c.BackTranslationcal}"  value="{!con.outgoingBid.Word__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Project_Minimum_Fee__c}" style="display:inline"><lightning:input step="0.01" type="number" default="0" min="0" onchange="{!c.BackTranslationcal}" value="{!con.outgoingBid.Project_Minimum_Fee__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Word__c}" style="display:inline"><lightning:input step="0.01" type="number" default="0" min="0" onchange="{!c.BackTranslationcal}" value="{!con.outgoingBid.Rate_Word__c}"/></div>
                                            </td>
                                           
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Comments__c}" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Back Translation" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.BackTranslationadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.BackTranslationjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.BackTranslationdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--<div style="width:75%;">-->
                <div style="width:fit-content"> <!-- changes on may 1 by stuti-->
                    <aura:if isTrue="{!v.OtherTranslation}">
                        <lightning:accordionSection name="G" label="Other Translation ">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">   
                                <thead>  
                                    <tr class="slds-line-height_reset "> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll7}" aura:id="selectAll7"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    <!--    <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class="" style="width:11%;">
                                            <div class="slds-truncate" title="Drop down(Words,Slides,Pages)" style="display:inline">Words,Slides,Pages</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:9%;">
                                            <div class="slds-truncate" title="Words/Slides/Pages" style="display:inline">Words/Slides/Pages (#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:4.5%;">
                                            <div class="slds-truncate" title="Project Minimum Fee" style="display:inline">PMF</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                            
                                        </th>
                                        <th scope="col" class="" style="width:7%;" >
                                            <div class="slds-truncate" title="Rate" style="display:inline">Rate (hour/word)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                            
                                        </th>
                                        
                                       
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.OtherTranslationdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check7" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                         <!--   <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                         
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Drop_down_Words_Slides_Pages__c}" style="display:inline">{!con.outgoingBid.Drop_down_Words_Slides_Pages__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Words_Slides_Pages__c}" style="display:inline"><lightning:input  type="number" default="0" onchange="{!c.OtherTranslationcal}" min="0" value="{!con.outgoingBid.Words_Slides_Pages__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Project_Minimum_Fee__c}" style="display:inline"><lightning:input step="0.01" type="number" default="0" min="0" onchange="{!c.OtherTranslationcal}" value="{!con.outgoingBid.Project_Minimum_Fee__c}"/></div>
                                            </td>
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_hour_word__c}" style="display:inline"><lightning:input step="0.01" type="number" default="0" min="0" onchange="{!c.OtherTranslationcal}" value="{!con.outgoingBid.Rate_hour_word__c}"/></div>
                                            </td>
                                        
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Other Translation" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.OtherTranslationadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.OtherTranslationjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.OtherTranslationdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
               <!--<div style="width:64%;">-->
                <div style="width:fit-content">
                    <aura:if isTrue="{!v.Transcription}">
                        <lightning:accordionSection name="N" label="Transcription ">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">     
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll14}" aura:id="selectAll14"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    <!--    <th scope="col" class="" style="width:4%">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:6%">
                                            <div class="slds-truncate" title="File Format" style="display:inline">File Format</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:3%" >
                                            <div class="slds-truncate" title="LOI" style="display:inline">LOI</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%">
                                            <div class="slds-truncate" title="Word/Minutes" style="display:inline">Word/Minutes (#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:8%">
                                            <div class="slds-truncate" title="Rate (Word/Minutes)" style="display:inline">Rate (Word/Minutes)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                       
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.Transcriptiondata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check14" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                         <!--   <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.File_Format__c}" style="display:inline">{!con.outgoingBid.File_Format__c}</div>
                                            </td>
                                           
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.LOI__c}" style="display:inline">{!con.outgoingBid.LOI__c}</div>
                                            </td>
                                           
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Words_Minute__c}" style="display:inline"><lightning:input type="number" default="0"  onchange="{!c.Transcriptioncal}" min="0" value="{!con.outgoingBid.Words_Minute__c}"/></div>
                                            </td>                      
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Words_Minute__c}" style="display:inline"><lightning:input type="number" default="0" step="0.01" min="0" onchange="{!c.Transcriptioncal}" value="{!con.outgoingBid.Rate_Words_Minute__c}"/></div>
                                            </td>
                                            
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Transcription"  onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.Transcriptionadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.Transcriptionjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.Transcriptiondetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--<div style="width:50%;">-->
                <div style="width:fit-content"> <!--changes on may 1 by stuti-->
                    <aura:if isTrue="{!v.ProofReading}">
                        <lightning:accordionSection name="I" label="Proof Reading ">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">    
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll9}" aura:id="selectAll9"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     <!--   <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%;" >
                                            <div class="slds-truncate" title="Hours" style="display:inline">Hours(#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%;" >
                                            <div class="slds-truncate" title="Rate (Hourly)" style="display:inline">Rate(Hourly)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                  
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.ProofReadingdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check9" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--    <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                         
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Hours__c}" style="display:inline"><lightning:input  default="0" type="number" min="0" onchange="{!c.ProofReadingcal}" value="{!con.outgoingBid.Hours__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Hourly__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.ProofReadingcal}" value="{!con.outgoingBid.Rate_Hourly__c}"/></div>
                                            </td>
                                            
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>                     <td scope="col">
                                            <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Proof Reading" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.ProofReadingadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.ProofReadingjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.ProofReadingdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--<div style="width:65%;">-->
                <div style="width:fit-content">
                    <aura:if isTrue="{!v.IncentiveManagement}">
                        <lightning:accordionSection name="F" label="Incentive Management">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">     
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll6}" aura:id="selectAll6"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode" style="display:inline">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%;" >
                                            <div class="slds-truncate" title="Respondents" style="display:inline">Respondents(#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Incentive Amount" style="display:inline">Incentive Amount</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Rate(Incentive Fee)" style="display:inline">RateIncentiveFee</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="" style="width:7%;" >
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.IncentiveManagementdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check6"  text="{!con.Id}" value="{!con.check}"/>
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}" style="display:inline">{!con.outgoingBid.Mode__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Respondents__c}">
                                                    <lightning:input  default="0" type="number" min="0" onchange="{!c.IncentiveManagementcal}" value="{!con.outgoingBid.Respondents__c}"/>
                                                </div>
                                            </td>
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Incentive_Amount__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.IncentiveManagementcal}" value="{!con.outgoingBid.Incentive_Amount__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Incentive_Fee__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.IncentiveManagementcal}" value="{!con.outgoingBid.Rate_Incentive_Fee__c}"/></div>
                                            </td>
                                            
                                           
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Incentive Management" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.IncentiveManagementadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.IncentiveManagementjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.IncentiveManagementdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--<div style="width:60%;">-->
                <div style="width:fit-content">
                    <aura:if isTrue="{!v.InlanguageCoding}">
                        <lightning:accordionSection name="E" label="Inlanguage Coding">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid" style="width:110%;" >   
                                <thead>  
                                    <tr>
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                       <ui:inputCheckbox change="{!c.handleSelectAll5}"
                                                            aura:id="selectAll5" />
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                <!--        <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Sample Size" style="display:inline">Sample Size</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                   
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Responses" style="display:inline">Responses(#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="" style="width:7%;">
                                            <div class="slds-truncate" title="Rate (Responses)" style="display:inline">Rate(Responses)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%;">
                                            <div class="slds-truncate" title="Code frame cost" style="display:inline">Code frame cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:10%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.InlanguageCodingdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check5" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--    <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}" style="display:inline">{!con.outgoingBid.Sample_Size__c}</div>
                                            </td>
                                            
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Responses__c}" style="display:inline"><lightning:input type="number" default="0"  min="0" onchange="{!c.InlanguageCodingcal}" value="{!con.outgoingBid.Responses__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Responses__c}" style="display:inline"><lightning:input type="number" default="0" step="0.01" min="0" onchange="{!c.InlanguageCodingcal}" value="{!con.outgoingBid.Rate_Responses__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Code_Frame_Cost__c}" style="display:inline"><lightning:input type="number" default="0" step="0.01" min="0" onchange="{!c.InlanguageCodingcal}" value="{!con.outgoingBid.Code_Frame_Cost__c}"/></div>
                                            </td>
                                           
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="In-language Coding" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.InlanguageCodingadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.InlanguageCodingjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.InlanguageCodingdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--<div style="width:60%;">-->
                <div style="width:fit-content"> <!-- changes on may 1 by stuti-->
                    <aura:if isTrue="{!v.BrandCoding}">
                        <lightning:accordionSection name="C" label="Brand Coding">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid" style="width:110%;" >   
                                <thead>  
                                    <tr>
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox change="{!c.handleSelectAll3}" aura:id="selectAll3"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>

                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    <!--    <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Sample Size" style="display:inline">Sample Size</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Responses" style="display:inline">Responses(#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="" style="width:7%;">
                                            <div class="slds-truncate" title="Rate (Responses)" style="display:inline">Rate(Responses)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%;">
                                            <div class="slds-truncate" title="Code frame cost" style="display:inline">Code frame cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Total Cost" style="display:inline" >Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:10%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.BrandCodingdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check3" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--    <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}" style="display:inline">{!con.outgoingBid.Sample_Size__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Responses__c}" style="display:inline"><lightning:input  default="0" type="number" min="0" onchange="{!c.BrandCodingcal}" value="{!con.outgoingBid.Responses__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Responses__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.BrandCodingcal}" value="{!con.outgoingBid.Rate_Responses__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Code_Frame_Cost__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.BrandCodingcal}" value="{!con.outgoingBid.Code_Frame_Cost__c}"/></div>
                                            </td>
                                           
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Brand Coding" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.BrandCodingadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.BrandCodingjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.BrandCodingdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--<div style="width:61%;">-->
                <div style="width:fit-content">
                    <aura:if isTrue="{!v.BackCheck}">
                        <lightning:accordionSection name="A" label="Back Check" aura:id="abc"  >
                            <table  class="slds-table slds-table_bordered slds-table_striped slds-table_fixed-layout slds-table_resizable-cols " role="grid" >      
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll1}" aura:id="selectAll1"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                            
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="Vendor Name" style="display:inline">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    <!--    <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%" >
                                            <div class="slds-truncate" title="Country Name" style="display:inline">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class="" style="width:4%">
                                            <div class="slds-truncate" title="LOI" style="display:inline">LOI</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%">
                                            <div class="slds-truncate" title="Sample Size" style="display:inline">Sample Size</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Feasibility" style="display:inline">Feasibility</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%">
                                            <div class="slds-truncate" title="Recording" style="display:inline">Recording(%)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency" style="display:inline">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:4%">
                                            <div class="slds-truncate" title="CTV" style="display:inline">CTV</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Total Cost" style="display:inline">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments" style="display:inline">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate" style="display:inline">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.BackCheckdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check1" text="{!con.Id}" value="{!con.check}"/>
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}" style="display:inline">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--    <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}" style="display:inline">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.LOI__c}" style="display:inline">{!con.outgoingBid.LOI__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}" style="display:inline"><lightning:input  default="0"  type="number" min="0" onchange="{!c.BackCheckcal}" value="{!con.outgoingBid.Sample_Size__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Feasibility__c}" style="display:inline">
                                                    <lightning:input  default="0" type="number" min="0" onchange="{!c.BackCheckcal}" value="{!con.outgoingBid.Feasibility__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Recording__c}" style="display:inline">{!con.outgoingBid.Recording__c}</div>
                                            </td>
                                     
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CPI__c}" style="display:inline"><lightning:input step="0.01" default="0"  type="number" min="0" onchange="{!c.BackCheckcal}" value="{!con.outgoingBid.CPI__c}"/></div>
                                            </td>
                                           
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Comments__c}" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Back Check" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.BackCheckadd }" />
                                
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.BackCheckjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.BackCheckdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--<div style="width:61%;"-->
                <div style="width:fit-content"> <!-- changes on may 1 by stuti-->
                    <aura:if isTrue="{!v.VoiceCheck}">
                        <lightning:accordionSection name="O" label="Voice Check">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">   
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                       <ui:inputCheckbox change="{!c.handleSelectAl15}"
                                                            aura:id="selectAl15" />
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                            
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="Vendor Name">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    <!--    <th scope="col" class="" style="width:4%">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%" >
                                            <div class="slds-truncate" title="Country Name">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class="" style="width:4%">
                                            <div class="slds-truncate" title="LOI">LOI</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%">
                                            <div class="slds-truncate" title="Sample Size">Sample Size</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Feasibility">Feasibility</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%">
                                            <div class="slds-truncate" title="Recording">Recording(%)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="CTV">CTV</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Total Cost">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.VoiceCheckdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check15" text="{!con.Id}" value="{!con.check}"/>
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--   <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>--> 
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                        
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.LOI__c}">{!con.outgoingBid.LOI__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}"><lightning:input  default="0" type="decimal" min="0" onchange="{!c.VoiceCheckcal}" value="{!con.outgoingBid.Sample_Size__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Feasibility__c}">
                                                    <lightning:input  default="0" type="number" min="0" onchange="{!c.VoiceCheckcal}" value="{!con.outgoingBid.Feasibility__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Recording__c}">{!con.outgoingBid.Recording__c}</div>
                                            </td>
                                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CPI__c}"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.VoiceCheckcal}" value="{!con.outgoingBid.CPI__c}"/></div>
                                            </td>
                                          
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Comments__c}"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate"  data-recordtype="Voice Check" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row">
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.VoiceCheckadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.VoiceCheckjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.VoiceCheckdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--div style="width:61%;" changes on may 1 by stuti-->
                <div style="width:fit-content">
                    <aura:if isTrue="{!v.TapeCheck}">
                        <lightning:accordionSection name="M" label="Tape Check">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">      
                                <thead>  
                                    <tr class="slds-line-height_reset"> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox change="{!c.handleSelectA13}"
                                                            aura:id="selectA13" />
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                            
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="Vendor Name">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                    <!--    <th scope="col" class="" style="width:4%">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%" >
                                            <div class="slds-truncate" title="Country Name">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class="" style="width:4%">
                                            <div class="slds-truncate" title="LOI">LOI</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%">
                                            <div class="slds-truncate" title="Sample Size">Sample Size</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Feasibility">Feasibility</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%">
                                            <div class="slds-truncate" title="Recording">Recording(%)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%">
                                            <div class="slds-truncate" title="CTV">CTV</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Total Cost">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.TapeCheckdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check13" text="{!con.Id}" value="{!con.check}"/>
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--    <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.LOI__c}">{!con.outgoingBid.LOI__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}"><lightning:input  default="0" type="number" min="0" onchange="{!c.TapeCheckcal}" value="{!con.outgoingBid.Sample_Size__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Feasibility__c}">
                                                    <lightning:input  default="0" type="number" min="0" onchange="{!c.TapeCheckcal}" value="{!con.outgoingBid.Feasibility__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Recording__c}">{!con.outgoingBid.Recording__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CPI__c}"><lightning:input step="0.01"  default="0" type="number" min="0" onchange="{!c.TapeCheckcal}" value="{!con.outgoingBid.CPI__c}"/></div>
                                            </td>
                                            
                                           
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Comments__c}"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Tape Check" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.TapeCheckadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.TapeCheckjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.TapeCheckdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--div style="width:60%;"changes on may 1 by stuti-->
                <div style="width:fit-content">
                    <aura:if isTrue="{!v.RegularCoding}">
                        <lightning:accordionSection name="K" label="Regular Coding ">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid" style="width:110%;" >   
                                <thead>  
                                    <tr>
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox change="{!c.handleSelectAll11}" aura:id="selectAll11"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     <!--   <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Country Name">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Sample Size">Sample Size</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                      
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Responses">Responses(#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class="" style="width:7%;">
                                            <div class="slds-truncate" title="Rate (Responses)">Rate(Responses)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:7%;">
                                            <div class="slds-truncate" title="Code frame cost">Code frame cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Total Cost" >Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:8%;" >
                                            <div class="slds-truncate" title="Comments">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.RegularCodingdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check11" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                        <!--   <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>--> 
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                          
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Sample_Size__c}">{!con.outgoingBid.Sample_Size__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Responses__c}"><lightning:input  default="0" type="number" min="0" onchange="{!c.RegularCodingcal}" value="{!con.outgoingBid.Responses__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Responses__c}"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.RegularCodingcal}" value="{!con.outgoingBid.Rate_Responses__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Code_Frame_Cost__c}"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.RegularCodingcal}" value="{!con.outgoingBid.Code_Frame_Cost__c}"/></div>
                                            </td>
                                            
                                            
                                           
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Regular Coding" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.RegularCodingadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.RegularCodingjs }" />
                                <lightning:button variant="brand"  label="Select Vendor" title="Assign Services" onclick="{! c.RegularCodingdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
                <!--div style="width:63%;"changes done on may 1 by stuti-->
                <div style="width:fit-content"> 
                    <aura:if isTrue="{!v.SecondaryResearch}">
                        <lightning:accordionSection name="L" label="SecondaryResearch  ">
                            <table class="slds-table slds-table_bordered slds-m-around_medium slds-table_striped slds-table_fixed-layout slds-table_resizable-cols" role="grid">     
                                <thead>  
                                    <tr> 
                                        <th class="slds-text-align_center" scope="col" style="width:2%;">
                                            <span id="column-group-header" class="slds-assistive-text">Choose a row</span>
                                            <div class="slds-th__action slds-th__action_form">
                                                <div class="slds-checkbox">
                                                    <label class="slds-checkbox">
                                                        <ui:inputCheckbox  change="{!c.handleSelectAll12}" aura:id="selectAll12"/>
                                                        <span class="slds-checkbox--faux" />
                                                        <span class="slds-form-element__label"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Vendor Name">Vendor</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                     <!--   <th scope="col" class="" style="width:4%;">
                                            <div class="slds-truncate" title="Mode">Mode</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>-->
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Country Name">Country</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%;" >
                                            <div class="slds-truncate" title="Specifications">Specifications</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                       
                                        <th scope="col" class="" style="width:5%;" >
                                            <div class="slds-truncate" title="Currency">Currency</div>
                                            <div class="slds-resizable">
                                                <span class="slds-resizable__handle" >
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:6%;" >
                                            <div class="slds-truncate" title="Resource">Resource(#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class="" style="width:5%;">
                                            <div class="slds-truncate" title="Hours">Hours(#)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                        <th scope="col" class=""  style="width:6%;">
                                            <div class="slds-truncate" title="Rate (Hourly)">Rate(Hourly)</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        
                                       
                                        <th scope="col" class="" style="width:6%;">
                                            <div class="slds-truncate" title="Total Cost">Total Cost</div>
                                            <div class="slds-resizable">
                                                <input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
                                                <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
                                                    <span class="slds-resizable__divider"></span>
                                                </span>
                                            </div>
                                        </th>
                                        <th scope="col" class=""  style="width:10%;" >
                                            <div class="slds-truncate" title="Comments">Comments</div>
                                        </th>
                                        <th scope="col" class=""  style="width:7%;" >
                                            <div class="slds-truncate" title="Replicate">Replicate</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>        
                                    <aura:iteration items="{!v.SecondaryResearchdata}" var="con">
                                        <tr>
                                            <th>
                                                <label class="slds-checkbox slds-align_absolute-center">
                                                    <ui:inputCheckbox aura:id="check12" text="{!con.Id}" value="{!con.check}" />
                                                    <span class="slds-checkbox--faux" />
                                                    <span class="slds-form-element__label"></span>
                                                </label>
                                            </th>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Contact__r.Vendor_Name__c}">{!con.outgoingBid.Contact__r.Vendor_Name__c}</div>
                                            </td>
                                         <!--   <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Mode__c}">{!con.outgoingBid.Mode__c}</div>
                                            </td>-->
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Country_Name__c}">{!con.outgoingBid.Country_Name__c}</div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Specifications__c}">{!con.outgoingBid.Specifications__c}</div>
                                            </td>
                                           
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.CurrencyIsoCode}">
                                                    <lightning:select value="{!con.outgoingBid.CurrencyIsoCode}">
                                                        <aura:iteration items="{!v.currencyPicklist}" var="item">
                                                            <option value="{!item}"> {!item}</option>
                                                        </aura:iteration>
                                                    </lightning:select>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Resource__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.SecondaryResearchcal}" value="{!con.outgoingBid.Resource__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Hours__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.SecondaryResearchcal}" value="{!con.outgoingBid.Hours__c}"/></div>
                                            </td>
                                            <td>
                                                <div class="slds-truncate" title="{!con.outgoingBid.Rate_Hourly__c}" style="display:inline"><lightning:input step="0.01" default="0" type="number" min="0" onchange="{!c.SecondaryResearchcal}" value="{!con.outgoingBid.Rate_Hourly__c}"/></div>
                                            </td>                    
                                            
                                            <td scope="col">
                                                <div class="slds-truncate" title="{!con.outgoingBid.Cost__c}" style="display:inline">{!con.outgoingBid.Cost__c}</div>
                                            </td>
                                            <td scope="col">
                                                <div class="slds-truncate" title="Comments" style="display:inline"><lightning:textarea value="{!con.outgoingBid.Comments__c}"/></div>
                                            </td>
                                            <td role="gridcell" class="replicate-center">
                                                <a href="javascript:void(0);" data-index="{!con.outgoingBid.Id}" title="Replicate" data-recordtype="Secondary Research" onclick="{!c.copyVendor}">Replicate</a>
                                            </td>
                                        </tr>
                                    </aura:iteration>
                                </tbody>
                            </table>
                            <br></br>
                            <div class="row"> 
                                <lightning:button variant="brand" iconName="utility:add" label="Add" title="Assign Services" onclick="{! c.SecondaryResearchadd }" />
                                <lightning:button variant="brand"  label="Save" title="Assign Services" onclick="{! c.SecondaryResearchjs }" />
                                <lightning:button variant="brand"  label="Select Vendors" title="Assign Services" onclick="{! c.SecondaryResearchdetails }" />
                            </div>
                        </lightning:accordionSection>
                    </aura:if>
                </div>
            </lightning:accordion>
        </div>
    </div>
</aura:component>
Editor is loading...