<apex:page standardController="Report__c" extensions="NewAndEditReportController" id="page" lightningStylesheets="true">
    <apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
    <apex:includeScript value="{! URLFOR($Resource.AWSService, 'AWSService.js') }"/>
    <apex:form id="form">
        <apex:pageblock id="pageBlock">
            <apex:pageBlockSection showHeader="false" title="" collapsible="true" columns="2" id="pageBlockSection">
                <!--Each section has layoutFields, let's iterate them as well-->
                <apex:repeat value="{!layoutEncryptedAPIList}" var="encryptedAPI">
                    <apex:outputField html-data-id="{!encryptedAPI}" title="{!ApiPrefix}{!encryptedAPI}" value="{!Report__c[encryptedAPI]}" />
                </apex:repeat>
                <apex:outputField rendered="{!practitioner1Show}" html-data-id="Practitioner1__c" title="{!ApiPrefix}Practitioner1__c" value="{!Report__c['Practitioner1__c']}" />
                <apex:outputField rendered="{!practitioner2Show}" html-data-id="Practitioner2__c" title="{!ApiPrefix}Practitioner2__c" value="{!Report__c['Practitioner2__c']}" />
                <apex:outputField rendered="{!practitioner3Show}" html-data-id="Practitioner3__c" title="{!ApiPrefix}Practitioner3__c" value="{!Report__c['Practitioner3__c']}" />
                <apex:outputField rendered="{!practitioner4Show}" html-data-id="Practitioner4__c" title="{!ApiPrefix}Practitioner4__c" value="{!Report__c['Practitioner4__c']}" />
                <!-- <apex:outputField rendered="{!practitioner5Show}" html-data-id="Practitioner5__c" title="{!ApiPrefix}Practitioner5__c" value="{!Report__c['Practitioner5__c']}" /> -->
            </apex:pageBlockSection>
            <script>
                var staticResources = JSON.parse('{!staticResource}');
                var AWSToSobjectEncryptedMapJson = JSON.parse('{!AWSToSobjectEncryptedMapJson}');
                var staticResourceContact = JSON.parse('{!staticResourceContact}');
                var ApiPrefix = '{!ApiPrefix}';
                var practitioner1Show = JSON.parse('{!practitioner1Show}');
                var practitioner2Show = JSON.parse('{!practitioner2Show}');
                var practitioner3Show = JSON.parse('{!practitioner3Show}');
                var practitioner4Show = JSON.parse('{!practitioner4Show}');
                // var practitioner5Show = JSON.parse('{!practitioner5Show}');
                console.log('practitioner1Show = ' + practitioner1Show);
                console.log('practitioner2Show = ' + practitioner2Show);
                console.log('practitioner3Show = ' + practitioner3Show);
                console.log('practitioner4Show = ' + practitioner4Show);
                // console.log('practitioner5Show = ' + practitioner5Show);

                function QueryLeadFromAWS() {
                    AWSService.query(staticResources.queryUrl, '{!AWSDataId}', queryBack, staticResources.token);
                    debugger
                    let t1 = "[title='"+'{!ApiPrefix}'+"Practitioner1__c']";
                    let t2 = "[title='"+'{!ApiPrefix}'+"Practitioner2__c']";
                    let t3 = "[title='"+'{!ApiPrefix}'+"Practitioner3__c']";
                    let t4 = "[title='"+'{!ApiPrefix}'+"Practitioner4__c']";
                    // let t5 = "[title='"+'{!ApiPrefix}'+"Practitioner5__c']";
                    let ele1 = document.querySelector(t1);
                    let ele2 = document.querySelector(t2);
                    let ele3 = document.querySelector(t3);
                    let ele4 = document.querySelector(t4);
                    // let ele5 = document.querySelector(t5);
                    if('{!contactAWSDataId1}' != '无' && '{!contactName1}' != '无'){
                        if('{!contactAWSDataId1}' != ''){
                            AWSService.query(staticResourceContact .queryUrl, '{!contactAWSDataId1}', queryContactBack1, staticResourceContact.token);
                        }else{
                            ele1.innerHTML = '{!contactName1}';
                        }
                        if('{!contactAWSDataId2}' != ''){
                            AWSService.query(staticResourceContact .queryUrl, '{!contactAWSDataId2}', queryContactBack2, staticResourceContact.token);
                        }else{
                            ele2.innerHTML = '{!contactName1}';
                        }
                        if('{!contactAWSDataId3}' != ''){
                            AWSService.query(staticResourceContact .queryUrl, '{!contactAWSDataId3}', queryContactBack3, staticResourceContact.token);
                        }else{
                            ele3.innerHTML = '{!contactName1}';
                        }
                        if('{!contactAWSDataId4}' != ''){
                            AWSService.query(staticResourceContact .queryUrl, '{!contactAWSDataId4}', queryContactBack4, staticResourceContact.token);
                        }else{
                            ele4.innerHTML = '{!contactName1}';
                        }
                        // if('{!contactAWSDataId5}' != ''){
                        //     AWSService.query(staticResourceContact .queryUrl, '{!contactAWSDataId5}', queryContactBack5, staticResourceContact.token);
                        // }else{
                        //     ele1.innerHTML = '{!contactName1}';
                        // }
                    }else{
                        ele1.innerHTML = '';
                        ele2.innerHTML = '';
                        ele3.innerHTML = '';
                        ele4.innerHTML = '';
                        // ele5.innerHTML = '';
                    }
                }
                var queryBack = function queryBack(data) {
                    if(!data.object){
                        console.log('data.object is ' + data.object);
                        return;
                    }
                    for(let f in AWSToSobjectEncryptedMapJson){
                        let t = "[title='"+ApiPrefix+AWSToSobjectEncryptedMapJson[f]+"']";
                        let ele = document.querySelector(t);
                        if(ele){
                            ele.title = '';
                            if(data.object.hasOwnProperty(f)){
                                ele.innerHTML = data.object[f];
                            }
                            else{
                                console.log(f + 'is not in data.object');
                            }
                        }else{
                            console.log('selector='+t+' not found');
                        }
                        
                    }
                };
                var queryContactBack1 = function queryContactBack1(data){
                    if(!data.object){
                        console.log('data.object is ' + data.object);
                        return;
                    }
                    console.log('data.object is ' + data.object);
                    
                    let t = "[title='"+'{!ApiPrefix}'+"Practitioner1__c']";
                    let ele = document.querySelector(t);
                    if(ele){
                        ele.title='';
                        ele.innerHTML = data.object.lastName;
                    }

                };
                var queryContactBack2 = function queryContactBack2(data){
                    if(!data.object){
                        console.log('data.object is ' + data.object);
                        return;
                    }
                    console.log('data.object is ' + data.object);
                    
                    let t = "[title='"+'{!ApiPrefix}'+"Practitioner2__c']";
                    let ele = document.querySelector(t);
                    if(ele){
                        ele.title='';
                        ele.innerHTML = data.object.lastName;
                    }

                };
                var queryContactBack3 = function queryContactBack3(data){
                    if(!data.object){
                        console.log('data.object is ' + data.object);
                        return;
                    }
                    console.log('data.object is ' + data.object);
                    
                    let t = "[title='"+'{!ApiPrefix}'+"Practitioner3__c']";
                    let ele = document.querySelector(t);
                    if(ele){
                        ele.title='';
                        ele.innerHTML = data.object.lastName;
                    }

                };
                var queryContactBack4 = function queryContactBack4(data){
                    if(!data.object){
                        console.log('data.object is ' + data.object);
                        return;
                    }
                    console.log('data.object is ' + data.object);
                    
                    let t = "[title='"+'{!ApiPrefix}'+"Practitioner4__c']";
                    let ele = document.querySelector(t);
                    if(ele){
                        ele.title='';
                        ele.innerHTML = data.object.lastName;
                    }

                };
                // var queryContactBack5 = function queryContactBack5(data){
                //     if(!data.object){
                //         console.log('data.object is ' + data.object);
                //         return;
                //     }
                //     console.log('data.object is ' + data.object);
                    
                //     let t = "[title='"+'{!ApiPrefix}'+"Practitioner5__c']";
                //     let ele = document.querySelector(t);
                //     if(ele){
                //         ele.title='';
                //         ele.innerHTML = data.object.lastName;
                //     }

                // };
                sfdcPage.appendToOnloadQueue(function () {
                    QueryLeadFromAWS();
                });
            </script>
        </apex:pageblock>
    </apex:form>
</apex:page>