<aura:component controller="AddDeleteController" >
    <aura:registerEvent name="updateStoreValue" type="c:updateStoreValue"/>
    <aura:attribute name="processForNewStore" type="boolean" default="false"/> 
    <aura:attribute name="isAuthorized" type="boolean" default="false"/> 
	<aura:attribute name="authDone" type="boolean" default="false"/>
    <aura:attribute name="store" type="string" default="default"/>
    <aura:attribute name="CurrencyISOCodeList" type="list" />
    <aura:attribute name="CurrencyISOCode" type="String" />
    <aura:attribute name="OldCurrencyISOCode" type="String" />
    <aura:attribute name="OldPricebook" type="String" />
    <aura:attribute name="warrningmessage" type="list" />
    <aura:attribute name="IsChanged" type="boolean" />
    <aura:attribute name="Spinner" type="boolean" default="true"/>
    <aura:attribute name="MainSpinner" type="boolean" default="false"/>
    <aura:attribute name="AuthenticateButton" type="boolean" default="false"/>
    <aura:attribute name ="CheckCertificate" type= "boolean" default="false"/>
    <aura:attribute name ="CheckSiteAccess" type= "boolean" default="true"/>
    <aura:attribute name ="CheckSiteExist" type= "boolean" default="false"/>
    <aura:attribute name ="hasError" type= "boolean" default="true"/>
    <aura:handler  event="c:CloseSpinner" action="{!c.CloseSpinnerValue}"/> 
    
    <aura:attribute name="storedusername" type="string"  />
    <aura:attribute name="storedpassword" type="string"  />

    <aura:handler name="AuthenticateErorrEvent" event="c:AuthenticateErorrEvent" action="{!c.AuthenticateErrorEventHandler}" />
    
    <aura:attribute name ="OpenSlider" type= "boolean" default="false"/>
    <aura:attribute name="slidercurrentStep" type="string" default=""/>
    
    
    <aura:attribute name="currentStep" type="string" default ="Authenticate" />
    <aura:attribute name="mainBoolean" type="boolean" default ="false"/>
    <aura:attribute name="viewmode" type="String" default=""/>
    <aura:attribute name="pricebookList" type="list" />
    <aura:attribute name="siteURLList" type="list" />
    
    <aura:attribute name="AUthenticationLink" type="String" default="/apex/hic_shopifysync__SalesforceAuthentication?viewmode="/>
    <aura:attribute name="configObj" type="object"  />
    <aura:attribute name="configObjList" type="list"  />
    <aura:attribute name="isValid" type="boolean" default = "false"  />
    <aura:attribute name="AccessScopeError" type= "string" default= "null"/>
    <aura:attribute name="listAccessScopeError" type= "list" default=""/>    
    <aura:attribute name="emaiList" type="list" /> 
    <aura:attribute name="isOpen" type="boolean" default="false"/>
    <aura:attribute name="AccessScope" type= "string" />
    <aura:attribute name= "AccessScopeShow" type= "boolean" default = "false"/>
    <aura:attribute name="DisableButton" type="boolean" default="false"/>
    <aura:dependency resource="markup://force:navigateToURL" type="EVENT"/>
    <aura:attribute name = "errormessage" type = "string" default="Required Field Missing"/>
	<aura:attribute name="storeConfiguration" type="boolean" default="false"/>
	<aura:attribute name="updateExistingStore" type="boolean" default="false"/>
    <aura:attribute name="openstoreselection" type="boolean"/>
    
    <!--Event handler for Add and Delete Row Event which is fire from Child Component-->    
    <aura:handler name="DeleteRowEvt" event="c:DeleteRowEvt" action="{!c.removeDeletedRow}"/>
    <aura:handler name="AddRowEvt" event="c:AddNewRowEvt" action="{!c.addNewRow}"/>
    
    
    <aura:handler name="ParentSaveButtonEvt" event="c:ParentSaveButtonEvent" action="{!c.goNext}"/>
    <aura:handler name="ParentPrevButtonEvt" event="c:ParentPrevButtonEvent" action="{!c.goPrev}"/>
    <aura:handler name="ParentCmpRefresh" event="c:ParentCmpRefresh" action="{!c.doInit}"/>

	<aura:attribute name="showWarning" type="boolean" default="false"/>
	<aura:attribute name="showProcessing" type="boolean" default="false"/>
    <!--Init handler which is call doInit js function on component Load-->  
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
   	
	<aura:attribute name="url" type="String" default =""/>
    <aura:attribute name="OpenMode2" type="boolean" default="false"/>
    <aura:attribute name="ShowForm" type="boolean" default="true"/>
    <aura:attribute name="SendingMail" type="boolean" default="true"/>
    
    <aura:attribute name="OrgID" type="String" default=""/>
    <aura:attribute name="validity" type="Boolean" default="true"/>
    <aura:dependency resource="markup://force:navigateToURL" type="EVENT"/>
    <!--aura:handler name="init" value="this" action="{!c.doinit}"/-->
    <aura:attribute name="pageReference" type="Object"/>
    <aura:attribute name="Issue" type="string" />
    <aura:attribute name="UserName" type="String"/>
    <div class="slds-scope">
        <div  style="margin: 1%;">
            <div class="slds-grid slds-gutters">
                <div class="slds-col slds-size_2-of-3">
                    <span>
                        <div > <a href="https://syncmadeasy.com" target="_blank"><img src="{!$Resource.ShopifyMadeEasyLogo}" style="margin-left: -2%; margin-top: -9px;" height="5"/></a> </div>
                    </span>
                </div>
                <div class="slds-col slds-size_1-of-3" style=" cursor: help !important">
                    <span style="cursor: help !important "> 
                        <P style="float: right;
                                  padding-right: 29px;
                                  font-size: small;
                                  text-align: center;">
                            <a target="_blank" href= "http://support.syncmadeasy.com"  >support.syncmadeasy.com</a><br/>
                            <a target="_blank" onclick="{!c.ContactSupport}">Contact support</a> <br/>
                            <a target="_blank" onclick="{!c.PerformAction}"><u><b>Having more than one store?</b></u></a> 
                        </P>
                    </span>
                </div>
            </div>
        </div>
    </div>
   

    <aura:if isTrue="{!v.showWarning}">
        <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" 
                 aria-modal="true" aria-describedby="modal-content-id-1" 
                 class="slds-modal slds-fade-in-open">
            <div class="slds-modal__container">
                <header class="slds-modal__header">
                    <lightning:buttonIcon iconName="utility:close"
                                          onclick="{! c.hideModel }"
                                          alternativeText="close"
                                          variant="bare-inverse"
                                          class="slds-modal__close"/>
                    <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">
                        Warning</h2>
                </header>
                <!--Modal/Popup Box Body Starts here-->
                <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                    <p><b>Your current store changes may lost!
                        </b>
                    </p>
                </div>
                <!--Modal/Popup Box Footer Starts here-->
                <footer class="slds-modal__footer">
                    <lightning:button variant="neutral"
                                      label="Cancel"
                                      title="Cancel"
                                      onclick="{! c.hideModel }"/>
                    <lightning:button variant="brand"
                                      label="OK"
                                      title="OK"
                                      onclick="{!c.saveDetails}"/>
                </footer>
            </div>
        </section>
        <div class="slds-backdrop slds-backdrop_open"></div>
    </aura:if>
	
	<aura:if isTrue="{!v.showProcessing}">
        <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" 
                 aria-modal="true" aria-describedby="modal-content-id-1" 
                 class="slds-modal slds-fade-in-open">
            <div class="slds-modal__container">
                <header class="slds-modal__header">
                    <lightning:buttonIcon iconName="utility:close"
                                          onclick="{! c.hideModel }"
                                          alternativeText="close"
                                          variant="bare-inverse"
                                          class="slds-modal__close"/>
                    <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">
                        Message</h2>
                </header>
                <!--Modal/Popup Box Body Starts here-->
                <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                    <p><b>Batches are already in progress for a store, please let them finish first!
                        </b>
                    </p>
                </div>
                <!--Modal/Popup Box Footer Starts here-->
                <footer class="slds-modal__footer">
                    
                    <lightning:button variant="brand"
                                      label="OK"
                                      title="OK"
                                      onclick="{!c.saveDetails2}"/>
                </footer>
            </div>
        </section>
        <div class="slds-backdrop slds-backdrop_open"></div>
    </aura:if>
    <aura:if isTrue="{!v.OpenMode2}"> 
        <div class="slds-m-around_xx-large">
            <!--Use aura:if tag to display/hide popup based on isModalOpen value-->  
            
            <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
                <div class="slds-modal__container">
                    <header class="slds-modal__header">
                        <lightning:buttonIcon iconName="utility:close"
                                              onclick="{! c.closeModel2 }"
                                              alternativeText="close"
                                              variant="bare-inverse"
                                              class="slds-modal__close"/>
                        <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate"><b>Contact Support</b> <!--lightning:Icon iconName="utility:report_issue"
                                                                                                                                  alternativeText="Support"
                                                                                                                                  /--></h2>
                    </header>
                    <!--Modal/Popup Box Body Starts here-->
                    <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                        <p>
                            <!-- CREATE NEW EXPENSE -->
                            <div aria-labelledby="newexpenseform">
                                <!-- BOXED AREA -->
                                
                                <!-- CREATE NEW EXPENSE FORM -->
                                
                                <form class="slds-form--stacked">  
                                    <aura:if isTrue="{!v.ShowForm}">
                                        <div >
                                            <lightning:textarea class="topText" aura:id="issuevalue"  value = "{!v.Issue}" required = "true"  name="Issue" label="Issue" placeholder="Please write your issue here.."/>
                                            <center>
                                                <lightning:button label="Submit" 
                                                                  class="slds-m-top--medium"
                                                                  variant="brand"
                                                                  onclick="{!c.onSubmit}"/>
                                            </center> 
                                        </div>

                                        <aura:set attribute="else">
                                            <center>                                         
                                                <aura:if isTrue="{!v.SendingMail}">
                                                    <div style="margin: 4%;">
                                                        <img src="{!$Resource.SendingMailTrue}" style="height: 10%; width: 12%;" height="50"/>
                                                        <div style=" word-wrap: break-word;">
                                                            <P style="font-size: x-large;" ><b>Thank you!</b><br/>
                                                                We will get back to you shortly.
                                                            </P>
                                                        </div> 
                                                    </div>
                                                    <aura:set attribute="else">
                                                        <img src="{!$Resource.SendingMailFalse}" style="height: 50%; width: 12%;" height="50"/>
                                                        <div style="margin:3%">
                                                            <p><b>Issue not sent</b><br/>
                                                                <b>Please try again or for more help contact us at </b>
                                                                <a target="_Top" href= "http://support.syncmadeasy.com" ><b> support.syncmadeasy.com</b></a><br/>
                                                            </p>
                                                        </div>
                                                    </aura:set>
                                                </aura:if>
                                            </center>
                                        </aura:set>
                                    </aura:if>
                                </form>
                                <!-- / CREATE NEW EXPENSE FORM -->
                                
                                <!-- / BOXED AREA -->
                            </div>
                            <!-- / CREATE NEW EXPENSE -->
                        </p>
                    </div>
                    <!--footer class="slds-modal__footer">
                                    <lightning:button variant="neutral"
                                                      label="Cancel"
                                                      title="Cancel"
                                                      onclick="{!c.closeModel}"/>
                                    <lightning:button variant="brand"
                                                      label="OK"
                                                      title="OK"
                                                      onclick="{!c.deleteRecordsFromDataBase}"/>
                                </footer-->
                </div>
            </section>
            <div class="slds-backdrop slds-backdrop_open"></div>
        </div>
    </aura:if>
    
    <!--ltng:require styles="{! $Resource.boostrap337New + '/bootstrap-3.3.7/dist/css/bootstrap.min.css'}" 
                  scripts="{!join(',', 
                         
                           $Resource.jquery224,  
                           $Resource.boostrap337New + '/bootstrap-3.3.7/dist/js/bootstrap.min.js'
                          
                           ) 
                           }" afterScriptsLoaded="{!c.scriptsLoaded}"/-->
    <!--ltng:require styles="{! $Resource.HIC_Shopify_SLDS2019 + '/SLDS19/styles/salesforce-lightning-design-system.min.css'}" 
                 /-->
                 <aura:If isTrue="{!v.openstoreselection}">
                    <div aura:id="editDialog" role="dialog" tabindex="-1" aria-labelledby="header43" class="slds-modal slds-fade-in-open slds-backdrop ">
                        <div class="slds-modal__container" style="width: fit-content;">
                            <div class="slds-modal__header">
                                <h2 class="slds-text-heading--medium">Multi-Store Control</h2>
                                <button class="slds-button slds-modal__close slds-button--icon" title="Close" onclick="{!c.closeModal}">
                                    <lightning:icon iconName="utility:close" size="medium" />
                                    <span class="slds-assistive-text">Close</span>
                                </button>
                            </div>
                            <div class="slds-modal__content slds-p-around--medium" style="height: auto;" >
                                <!--  Write Your Content here  -->
                                <header class="slds-media slds-media_center slds-has-flexi-truncate">
                                    
                                    <div class="slds-media__body">
                                        <h2 class="slds-card__header-title">
                                            <span><lightning:icon iconName="utility:store" alternativeText="shopify store" title="store" />Stores</span>
                                        </h2>
                                    </div>
                                    <div class="slds-no-flex">
                                        <button class="slds-button slds-button_neutral" onclick="{! c.addNewStore }">New</button>
                                    </div>
                                </header>
								<div class="slds-card__body slds-card__body_inner">
                                    <table>
                                        <tr>
                                            <th>Actions</th>
                                            <th>Store Name</th>
                                        </tr>
                                        <aura:iteration items="{!v.configObjList }" var="item">
                                            <tr>   
                                                <td><lightning:buttonIcon iconName="utility:edit" variant="base" alternativeText="Modify this Store" title="Modify this Store" onclick="{!c.selectastore}" name="{!item}"/>
                                                <lightning:buttonIcon iconName="utility:delete" variant="destructive" alternativeText="Remove this Store" title="Remove this Store" onclick="{! c.removeThisStore }" name="{!item.Name}"/></td>
                                                <td style="color:#0176D3;">{!item.Name}</td>
                                            </tr><p style="height:2px"></p>
                                        </aura:iteration>
                                    </table>
                                </div>
                        	</div>
                    	</div>
                     </div>
                </aura:If>
                 
    <div>
        <lightning:progressIndicator type="path" variant="base" currentStep="{!v.currentStep}">
  
            <lightning:progressStep label="Setup" value="Authenticate" onstepfocus="{!c.selectStep}"/> 
            <lightning:progressStep label="Shopify Credentials" value="step1" onstepfocus="{!c.selectStep}"/> 
            <lightning:progressStep label="Object Setup" value="step2" onstepfocus="{!c.selectStep}"/>
            <lightning:progressStep label="Field Mapping" value="step3" onstepfocus="{!c.selectStep}"/>
            <lightning:progressStep label="Record Type" value="step4" onstepfocus="{!c.selectStep}"/>
            <!--lightning:progressStep label="Step 6" value="step5"/-->
            <lightning:progressStep label="Finished" value="Finised" onstepfocus="{!c.selectStep}"/> 
        </lightning:progressIndicator>  
       
    </div>
      <aura:if isTrue ="{!v.Spinner}"> 
             <div class="inner" style="background:white;">
                 <center>  
                     <div style="background:white;">
                         <img src="{!$Resource.PageLoadingGif}" style="width: 26%;margin-top: 10%;" ></img>
                     </div>
                 </center>
             </div>	
         </aura:if> 
    
    
     <div aura:id = "divparent"  id = "divparent" class="parent" style="display:none;">
        <aura:renderIf isTrue="{!and(v.configObj.HIC_ShopifySync__Refresh_Token__c != null,true)  }" >
           
            <aura:If isTrue ="{!!v.configObj.HIC_ShopifySync__Batch_Is_Processing__c}"> 
                <!--aura:if isTrue = "true"--> 
                
                 
                <div class="slds-p-horizontal_medium" >
                    <center>  
                        
                        <aura:if isTrue = "{!!v.mainBoolean}">
                            <br/>
                            <br/>
                            <!--aura:if isTrue = "{!and(v.configObjList, !v.storeConfiguration) }">
                                <div >
                                    <div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">   
                                        
                                        <aura:if isTrue = "{!!v.updateExistingStore}">
                                        <div class="slds-grid slds-wrap">
                                            <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                                <span>
                                                    <div class="slds-form-element__control">
                                                        <lightning:button iconName="utility:add"
                                                                          iconPosition="left"  variant="brand" label="Add new Store" title="Add new Store" onclick="{! c.addNewStore }"/>
                                                        <lightning:button iconName="utility:record_update"
                                                                          iconPosition="left"  variant="brand" label="Update Existing Store" title="Update Existing Store" onclick="{! c.showAvailableStores }" />
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        </aura:if>
                                        <aura:if isTrue = "{!v.updateExistingStore}">
                                        <div class="slds-grid slds-wrap">
                                            <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                                <span>
                                                    <div class="slds-form-element__control">
                                                        Select any store :
                                                    </div>
                                                </span>
                                                <span>
                                                    <div class="slds-form-element__control">
                                                        <aura:iteration items="{!v.configObjList }" var="item">
                                                            <lightning:button variant="brand-outline" label="{!item.Name}" title="{!item}" onclick="{!c.selectastore}" name="{!item}"/>
                                                        </aura:iteration>
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        </aura:if>                                                                                                                                            
                                    </div>
                                </div>
                            </aura:if-->
                            <aura:if isTrue = "{!or(!v.configObjList, !v.storeConfiguration) }">
                            <div >
                                <div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">      
                                    
                                    
                                    <div class="slds-grid slds-wrap">
                                        <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                            <span>
                                                <div class="slds-form-element__control">
                                                    <ui:inputSelect  aura:id="selectItem" class="slds-select" label="Select a Site URL" value="{!v.configObj.HIC_ShopifySync__Salesforce_Site_URL__c}">
                                                        <ui:inputSelectOption text="" label="Select site"/>
                                                        <aura:iteration items="{!v.siteURLList}" var="tableRow2" indexVar="index2" >
                                                            <ui:inputSelectOption text="{!tableRow2.siteUrl}" label="{!tableRow2.siteUrl}"/> 
                                                        </aura:iteration>   
                                                    </ui:inputSelect>  
                                                    
                                                    <aura:if isTrue="{!!v.siteURLList.length > 0}">
                                                        <p style="color:red;">
                                                            There is no activated site in your org. Please <a target="_blank" href="/0DM/o" >click here</a> to create or activate site.
                                                        </p>
                                                    </aura:if>
                                                </div>  
                                            </span>
                                        </div>
                                        <div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
                                            <span>  
                                                <div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                                    <span class="tooltiptext"><p style="word-break: break-word;">Salesforce Sites enables you to create public websites and applications that are directly integrated with your Salesforce organization—without requiring users to log in with a username and password. You can publicly expose any information stored in your organization through a branded URL of your choice. For create new please  <a target="_blank" href="/0DM/o" style="color:red;" >click here</a><br/></p></span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">      
                                    <!--    <label class="slds-form-element__label" for="text-input-id-1"> Shopify Shop URL :</label>  -->
                                    
                                    
                                    <div class="slds-grid slds-wrap">
										
                                        <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                            <span>
                                                <div class="slds-form-element__control">
                                                    <ui:inputText aura:id="StoreURL" label = "Shopify Store URL" class="slds-input" placeholder="https://anunas-store.myshopify.com" value="{!v.configObj.HIC_ShopifySync__Shopify_URL__c}"  />
                                                    <aura:if isTrue="{!v.processForNewStore}">
                                                        <aura:if isTrue="{!and(!v.isAuthorized, !v.authDone)}">
                                                           <!-- <lightning:button variant="brand" label="Authorize" title="Authorize" onclick="{! c.authorizeStore }" /> -->
                                                        </aura:if>
                                                        <aura:if isTrue="{!and(v.isAuthorized, !v.authDone)}">
                                                            <lightning:button variant="brand" label="Check" title="Check" onclick="{! c.refreshConfig }" />
                                                        </aura:if>
                                                        
                                                    </aura:if>
                                                </div> 
                                            </span>
                                        </div>
                                        <div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
                                            <span>  
                                                <div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                                    <span class="tooltiptext"><p>
                                                        Open your store and copy store URL <br/>
                                                        
                                                        <img src="{!$Resource.storeulgetinfo}"  onclick="{!c.OpenSliderPopupFirst}" class="hover-shadow" style="width: 100%;margin: 1%;" height="50%"/>
                                                        </p>
                                                    </span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    
                                </div>
                                <br/> 
                                <!--div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; " > 
                                    
                                    <div class="slds-grid slds-wrap">
                                        <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                            <span>
                                                <div class="slds-form-element__control" >
                                                    
                                                    <ui:inputText aura:id="Shopifyid" class="slds-input" label = "Shopify API Key" placeholder="Shopify API Key" value="{!v.configObj.HIC_ShopifySync__API_Key__c}" /> 
                                                    
                                                </div> 
                                            </span>
                                        </div>
                                        <div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
                                            <span>  
                                                <div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                                    <span class="tooltiptext">Get your Shopify API Key form private app<br/>
                                                        <img src="{!$Resource.Storeapikey}" onclick="{!c.OpenSliderPopupSecond}" style="width: 100%;margin: 1%;" height="50%"/>
                                                        
                                                    </span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                 </div-->
                                <br/> 
                                <div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">      
                                    <!--  <label class="slds-form-element__label" for="text-input-id-1"> Private Key Password :</label>  -->
                                    
                                    
                                    
                                    <div class="slds-grid slds-wrap">
                                        <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                            <span>
                                                <div class="slds-form-element__control">
                                                    <ui:inputSecret aura:id="secret" label="Admin API access token" class="slds-input" placeholder="Shopify Access Token" value="{!v.configObj.HIC_ShopifySync__Private_Key_Password__c}"/>
                                                </div>  
                                            </span>
                                        </div>
                                        <div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
                                            <span>  
                                                <div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                                    <span class="tooltiptext">Get your Shopify password from private app
                                                        <img src="{!$Resource.Storepassword}" onclick="{!c.OpenSliderPopupSecond}" style="width: 100%;margin: 1%;" height="100%"/>
                                                    </span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    
                                </div>
                                <br/> 
                                <div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">      
                                    <div class="slds-grid slds-wrap">
                                        <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                            <span>
                                                <div class="slds-form-element__control">
                                                    <ui:inputSelect class="slds-select" aura:id="Pricebook" label="Select a Pricebook   " value="{!v.configObj.HIC_ShopifySync__Salesforce_Pricebook__c}" >
                                                        <ui:inputSelectOption text="" label="Select Pricebook"/>
                                                        <aura:if isTrue="{!v.pricebookList.length > 0}">
                                                            <aura:iteration items="{!v.pricebookList}" var="price">
                                                                
                                                                <ui:inputSelectOption text="{!price.Id}" label="{!price.Name}"/>
                                                            </aura:iteration>
                                                        </aura:if>
                                                    </ui:inputSelect>
                                                    <aura:if isTrue="{!!v.pricebookList.length > 0}">
                                                        <p style="color:red;">
                                                            There is no activated Pricebook in your org. Please <a target="_blank" href="/01s/o" >click here</a> to create or activate pricebook.
                                                        </p>
                                                        
                                                    </aura:if>
                                                </div> 
                                            </span>
                                        </div>
                                        <div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
                                            <span>  
                                                <div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                                    <span class="tooltiptext"><p style="word-break: break-word;">The standard price book is the master list of all your products and their default standard prices . Salesforce creates the standard price book when you start creating product records. ... A custom price book is a separate list of products with custom prices, called list prices</p></span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    
                                </div>
                                <br/> 
                                 <aura:if isTrue="{!v.CurrencyISOCodeList.length > 1}">
                                 <div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">      
                                    <div class="slds-grid slds-wrap">
                                        <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
                                            <span>
                                                <div class="slds-form-element__control">
                                                   
                                                        <!--ui:inputSelect change="{!c.OnCurrencyChange}" class="slds-select" aura:id="CurrencyISOCode" label="Select a Currency" value="{!v.CurrencyISOCode}" >
                                                         
                                                            
                                                            <aura:iteration items="{!v.CurrencyISOCodeList}" var="Currency">
                                                                <ui:inputSelectOption text="{!Currency.ISOCode}" label="{!Currency.ISOCode}"/>
                                                            </aura:iteration>
                                                            

                                                            
                                                        </ui:inputSelect-->
                                                    
                                                    <lightning:select  aura:id="CurrencyISOCode"  label="Select a Currency" onchange="{!c.oncurrencychange}" value="{!v.CurrencyISOCode}" required="true">
                                                        
                                                        <aura:iteration items="{!v.CurrencyISOCodeList}" var="Currency" >
                                                            <option text="{!Currency.ISOCode}" value="{!Currency.ISOCode}" />
                                                        </aura:iteration>
                                                    </lightning:select>
                                                   
                                                     
                                                </div> 
                                            </span>
                                        </div>
                                        
                                        <div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
                                            <span>  
                                                <div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                                    <span class="tooltiptext"><p style="word-break: break-word;">Multicurrency</p></span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    
                                     </div>
                                     <aura:set attribute="else">
                                         
                                         <div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">      
                                             <div class="slds-grid slds-wrap">
                                                 <div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12"> 
                                                     <span>
                                                         <label class="slds-form-element__label" for="text-input-id-1">Default Currency</label>
                                                         <div class="slds-form-element__control">
                                                             <input type="text" id="text-input-id-1"  placeholder="{!v.CurrencyISOCode}" disabled="true" class="slds-input" />
                                                         </div>
                                                     </span>
                                                 </div>
                                                 <div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
                                                     <span>  
                                                         <div class="tooltip" style="margin-top: 186%;"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                                             <span class="tooltiptext"><p style="word-break: break-word;">Default Organization Currency ISO Code</p></span>
                                                         </div>
                                                     </span>
                                                 </div>
                                             </div>
                                         </div>
                                     </aura:set>
                                </aura:if>
                                
                           
                                <br/> 
                                
                                
                                <aura:if isTrue  ="{!v.AccessScopeShow}" >
                                    <center>
                                        <div style = "width: 23em;">
                                            <ui:message title="Error" severity="error" closable="false"  >
                                                <h1 style= "float:left"><b>This action requires merchant approval :- </b></h1> <br/>
                                                <aura:iteration items="{!v.listAccessScopeError}" var="e">
                                                    <li style= "float:left"> {!e} </li><br/>
                                                </aura:iteration>
                                            </ui:message>
                                        </div>
                                    </center>
                                </aura:if> 
                                
                            </div>
                            
                            
                            
                            
                            <!--****************************************-->
                            <center></center>
                            <fieldset class="slds-box slds-theme--default slds-container--small">
                                
                                <legend  class="slds-text-heading--small slds-p-vertical--medium  RealtimeSyncStyle" style="margin-right: 178px !important;" ><lightning:icon iconName="utility:sync" />
                                    Real-time Sync
                                </legend>
                                
                                <div class="tooltip" style="float:right;margin-top: -8% !important"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
                                    
                                    
                                    
                                    <span class="tooltiptext" style="width: 1642% !important;">  Some objects are mandatory and can not be turned off. </span>
                                </div>  
                                
                                
                                <table style = " margin-left: auto;
                                                margin-right: auto;
                                                max-width: 283px;
                                                float: none;">
                                    
                                    <tr>
                                        <td>
                                            <span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:product' /> Product </span>
                                        </td>
                                        <td style = " align-content: center;    display: block;">
                                            <div class="slds-form-element" style = " align-content: center">
                                                <label class="slds-checkbox_toggle slds-grid">
                                                    <input type="checkbox" aura:id="text-input-id-2"  name="checkbox-toggle-14" value="checkbox-toggle-14" disabled="true" checked = "true" aria-describedby="checkbox-toggle-14" />
                                                    <span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
                                                        <span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
                                                        <span class="slds-checkbox_on"></span>
                                                        <span class="slds-checkbox_off"></span>
                                                    </span> 
                                                </label>
                                            </div> 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:customers' /> Customer  </span>
                                        </td>
                                        <td style = " align-content: center;    display: block;">
                                            
                                            <div class="slds-form-element" style = " align-content: center">
                                                <label class="slds-checkbox_toggle slds-grid">
                                                    <input type="checkbox" aura:id="text-input-id-3" name="checkbox-toggle-14" value="checkbox-toggle-14" disabled="true" checked = "true" aria-describedby="checkbox-toggle-14" />
                                                    <span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
                                                        <span class="slds-checkbox_faux " style = "margin-block-start: 7px;"></span>
                                                        <span class="slds-checkbox_on"></span>
                                                        <span class="slds-checkbox_off"></span>
                                                    </span> 
                                                </label>
                                            </div> 
                                        </td>
                                    </tr>
                                    <tr> 
                                        <td width = "100%" > 
                                            <span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:product_required' /> Collection   </span>
                                        </td> 
                                        <td style = " align-content: center;    display: block; " width = "500%" >
                                            <div class="slds-form-element" style = " align-content: center">
                                                <label class="slds-checkbox_toggle slds-grid">
                                                    
                                                    <ui:inputCheckbox aura:id="text-input-id-1" name="read_collections" value="{!v.configObj.HIC_ShopifySync__Collection_Sync__c}" change = "{!c.checkAccess}"/>
                                                    <span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
                                                        <span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
                                                        <span class="slds-checkbox_on"></span>
                                                        <span class="slds-checkbox_off"></span>
                                                    </span>
                                                </label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span class="slds-form-element__label slds-m-bottom_none iconstyles"> <lightning:icon style="margin-right: 10px;" iconName='standard:orders' /> Order  </span>
                                        </td>
                                        <td style = " align-content: center;    display: block;">
                                            <div class="slds-form-element" style = " align-content: center">
                                                <label class="slds-checkbox_toggle slds-grid">
                                                    <ui:inputCheckbox aura:id="text-input-id-4" name="read_orders" change = "{!c.checkAccess}" value="{!v.configObj.HIC_ShopifySync__Order_Sync__c}" />
                                                    <span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
                                                        <span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
                                                        <span class="slds-checkbox_on"></span>
                                                        <span class="slds-checkbox_off"></span>
                                                    </span>
                                                </label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        
                                        <td>
                                            <span class="slds-form-element__label slds-m-bottom_none  iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:work_order_item' /> Draft  </span>
                                        </td>
                                        <td style = " align-content: center;    display: block;">
                                            <div class="slds-form-element" style = " align-content: center">
                                                <label class="slds-checkbox_toggle slds-grid">
                                                    <ui:inputCheckbox aura:id="text-input-id-5" name="DraOrderSyncButton" value="{!v.configObj.HIC_ShopifySync__Draft_Order_Sync__c}" change="{!c.onchangeOrderandOpportunity}"/>
                                                    <span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
                                                        <span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
                                                        <span class="slds-checkbox_on"></span>
                                                        <span class="slds-checkbox_off"></span>
                                                    </span>
                                                </label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:location' /> Location/Inventory  </span>
                                        </td>
                                        <td style = " align-content: center;    display: block;">
                                            <div class="slds-form-element" style = " align-content: center">
                                                <label class="slds-checkbox_toggle slds-grid">
                                                    <ui:inputCheckbox aura:id="text-input-id-5"  value="{!v.configObj.HIC_ShopifySync__Inventory_Location__c}" 	/>
                                                    <span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
                                                        <span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
                                                        <span class="slds-checkbox_on"></span>
                                                        <span class="slds-checkbox_off"></span>
                                                    </span>
                                                </label>
                                            </div>
                                        </td>                        
                                    </tr>
                                    <!--tr>
                                        <td>
                                            <span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:opportunity' /> Opportunity:  </span>
                                        </td>
                                        <td style = " align-content: center;    display: block;">
                                            <div class="slds-form-element" style = " align-content: center">
                                                <label class="slds-checkbox_toggle slds-grid">
                                                    <ui:inputCheckbox aura:id="text-input-id-5"  value="{!v.configObj.HIC_ShopifySync__Opportunity_Sync__c}" 	/>
                                                    <span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
                                                        <span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
                                                        <span class="slds-checkbox_on"></span>
                                                        <span class="slds-checkbox_off"></span>
                                                    </span>
                                                </label>
                                            </div>
                                        </td>                        
                                    </tr-->
                                    
                                    <!--****************************************-->
                                    
                                </table>
                                
                            </fieldset>
                            
                            
                            <br/>
                            
                            
                            <!--Header Part-->        
                            <div class="slds-page-header">
                                <h1 class="slds-page-header__title iconstyles2"><lightning:icon style="margin-right: 10px;" iconName='standard:list_email' />Please add email addresses for notifications </h1>
                                
                            </div>
                            
                            <!--Table Part-->           
                            <table class="slds-table slds-table_bordered slds-table_cell-buffer"> 
                                <thead>
                                    <tr class="slds-text-title_caps">
                                        <th scope="col" >
                                            <div class="slds-truncate">S.No</div>
                                        </th>
                                        <th scope="col" >
                                            <div class="slds-truncate" title="Email">Email</div>
                                        </th>
                                        <th scope="col">
                                            <div class="slds-truncate" title=""></div>
                                        </th>
                                    </tr>
                                </thead>   
                                <tbody> 
                                    <!--Iterate the child Component for display Table rows 
                            with pass the List Item Index for track the Every child Component 
                            and pass each List Contact Instance -->         
                                    <aura:iteration aura:id = "personEmaillist" items="{!v.emaiList}" var="item" indexVar="index" >
                                        <c:DynamicRowItem  aura:id="child" emailCustomSetting ="{!item}" rowIndex="{!index}" />
                                    </aura:iteration>
                                </tbody> 
                                
                            </table>
                            <br />
                            <p style="margin-top:1%;float:right;"><sup><b style="color: red;">*</b></sup> You can add more emails</p>
                            <br />
                            
                            <br />
                            
                            <!--button class="slds-button slds-button_success" disabled = "" onclick="{!c.validationCheck}"> Save &amp; Go to the next step</button-->
                            <div aura:id="ErrorMessage" id="ErrorMessage"  style="    display: none;
                                                                                  margin: 10px 0px;
                                                                                  padding:12px;
                                                                                  color: #D8000C;
                                                                                  background-color: #FFD2D2;
                                                                                  width: 12%;
                                                                                  font-size: smaller;" >
                                
                                <h1 > Required fields missing</h1> 
                                
                            </div>
                            
                            <lightning:button iconName="utility:forward"
                                                      iconPosition="right"  variant="success" label="Save &amp; Go to the next step" title="Save &amp; Go to the next step" disabled="{!v.DisableButton}" onclick="{! c.gonextbutton }"/>
                            
                            <p style="margin-top:1%;"><sup><b style="color: red;">*</b></sup> Don't worry you can change the steps later.</p>
                            <br />  
                            </aura:if> 
                        </aura:if>
                    </center>
                </div>
                <aura:set attribute="else"> 
                    <c:BatchProcessingPage configObj = "{!v.configObj}" IsBatchProcess = "{!v.configObj.HIC_ShopifySync__Batch_Is_Processing__c}" />
                </aura:set>
               
            </aura:If>
            <aura:set attribute= "else">
                <!--c:ProgressIndicator/--> 
               
                
                <c:AuthenticateOrg hasError = "{!v.hasError}" siteurlparent = '{!v.configObj.HIC_ShopifySync__Salesforce_Site_URL__c}' Refreshtoken = "{!v.configObj.HIC_ShopifySync__Refresh_Token__c}" /> 
            </aura:set>
           
         </aura:renderIf> 
         
         <aura:if isTrue ="false"> 
             <div class="inner" style="background:white;">
                 <center>
                     <div style="background:white;"> 
                         <img src="{!$Resource.PageLoadingGif}" style="width: 26%;margin-top: 10%;" ></img>
                     </div>
                 </center>
             </div>	
         </aura:if>    
         <aura:if isTrue  ="{!v.mainBoolean}" > 
             
             
             {!v.body}
             
             
         </aura:if>
    </div>
    

    

    
    <aura:renderIf isTrue="{!v.isOpen}">            
        
        <!--###### MODAL BOX Start######--> 
        <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
            <center>
                <div class="slds-modal__container">
                    <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                        
                        <div >
                            <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">{!v.errormessage}<aura:if isTrue="{!!v.CheckSiteAccess}">
                                
                                </aura:if></h2>
                           
                            <div style="margin-top:10px">
                                
                                <lightning:button variant="neutral" 
                                                  label="Cancel"
                                                  title="Cancel"
                                                  onclick="{! c.closeModel }"/>
                                <aura:if isTrue="{!and(!v.CheckSiteAccess,!v.CheckCertificate)}">
                                    <lightning:button  
                                                      iconName="utility:forward"
                                                      iconPosition="left" 
                                                      variant="neutral" 
                                                      label="Go to Site page"
                                                      title="Go to Site page"
                                                      onclick="{! c.siteredirect }"/>
                                </aura:if>
                                
                                <span aura:id="CheckStatusButton" style="margin-left: 10px;">
                                    <lightning:button iconName="utility:sync" class="Syncbuttonstyle" iconPosition="left"  variant="destructive" label="Check Status"
                                                      title="Check Status"
                                                      onclick="{!c.SyncAuthenticatepage}"/>
                                </span>
                                <span aura:id="CheckCertificateButton" style="margin-left: 10px;">
                                    <lightning:button iconName="utility:forward" class="Syncbuttonstyle" iconPosition="left"  variant="destructive" label="Check Certificate"
                                                      title="Check Certificate"
                                                      onclick="{!c.gotocertificatepage}"/>
                                </span>
                                <span style="float:right">
                                    <a href="https://youtu.be/7jbAAIasG4s?si=22TIJw5OUa8TTtCv"  target="_blank" style="color:blue;">how ?</a>
                                </span>
                            </div>
                        </div>
                        
                    </div>
                    <br/><br/> 
                </div>
            </center>
        </section> 
        
        <div class="slds-backdrop slds-backdrop_open"></div>
        <!--###### MODAL BOX Part END Here ######-->
    </aura:renderIf>
    <aura:html tag="style">
        .parent {
        //height: 500px;
        position: relative;
        //overflow: scroll;
        overflow-x: hidden;
        }
        
        .inner {
        overflow: hidden;
        background-color: #333;
        
        top: 0;
        width: 100%;
        }    
    </aura:html>
    <aura:attribute name="OpenModel" type="boolean" default="false"/>
    <aura:if isTrue="{!v.OpenModel}"> 
        <div class="slds-m-around_xx-large">
            <!--Use aura:if tag to display/hide popup based on isModalOpen value-->  
            <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
                <div class="slds-modal__container">
                    <header class="slds-modal__header">
                        <lightning:buttonIcon iconName="utility:close"
                                              onclick="{!c.closeagreementform }"
                                              alternativeText="close"
                                              variant="bare-inverse"
                                              class="slds-modal__close"/>
                        <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate"><b>Terms and conditions</b> <!--lightning:Icon iconName="utility:report_issue"
                                                                                                                                  alternativeText="Support"
                                                                                                                                  /--></h2>
                    </header>
                    <!--Modal/Popup Box Body Starts here-->
                    <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                        <p>
                            <!-- CREATE NEW EXPENSE -->
                            <div aria-labelledby="newexpenseform">
                                
                                
                                <form class="slds-form--stacked"> 
                                    
                                    <aura:if isTrue="{!v.warrningmessage.length > 0}">
                                        <p style="font-size:larger">
                                            
                                            <h1 style= "float:left"><b>Attention :- </b></h1> <br/>
                                            <ul class="slds-list_dotted slds-m-top_large">
                                                <aura:iteration items="{!v.warrningmessage}" var="e">
                                                    <li style= "float:left"> {!e} </li><br/>
                                                </aura:iteration>
                                            </ul> 
                                        </p>
                                        
                                        
                                        <br/>
                                        
                                        <!--h1><b>These changes will also update all of your previous shopify records.</b> </h1><br/-->
                                        <h1><b>This changes will reflect to all of your shopify records.</b> </h1><br/> 
                                        <br/>
                                        <aura:set attribute="else">
                                            <p style="font-size:larger">
                                                
                                                <h1 style= "float:left"><b>Attention :- </b></h1> <br/>
                                                <h1>If you change pricebook or currency, It will update all of your previous shopify records.</h1><br/>
                                                <br/>
                                            </p>                                            
                                        </aura:set>
                                    </aura:if>
                                    <p style="font-size:larger">
                                        <lightning:input aura:id ="agreement" type="checkbox" label="Please indicate that you have read and agree to the Terms and Conditions and Privacy Policy" name="agreement" checked="false" onchange="{!c.acceptagreement}"/>
                                    </p>
                                    
                                </form>
                                
                            </div>
                            <!-- / CREATE NEW EXPENSE -->
                        </p>
                    </div>
                    <footer class="slds-modal__footer">
                        <center>
                            <lightning:button variant="brand"
                                              aura:id = "agreedbutton"
                                              class="buttonstyle"
                                              iconName="utility:forward"
                                              iconPosition="right" 
                                              label="Proceed"
                                              disabled="true"
                                              title="Proceed"
                                              onclick="{! c.validationCheck }"/>
                        </center>
                        
                    </footer>
                </div>
            </section>
            <div class="slds-backdrop slds-backdrop_open"></div>
        </div>
    </aura:if>
    
    
    <aura:if isTrue="{!v.OpenSlider}">
        <c:Slider isOpen = "{!v.OpenSlider}" currentStep = "{!v.slidercurrentStep}" />        
    </aura:if>
</aura:component>