<apex:page controller="waveToSFObject" standardStylesheets="false" sidebar="false">
    <header>
        <apex:styleSheet value="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"/>
        <apex:styleSheet value="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css"/>
        <apex:styleSheet value="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.min.css"/>
        <apex:stylesheet value="{! $Resource.sfdccore }"/>
        <apex:styleSheet value="{! $Resource.waveToSFObjects }"/>
    
        
        <apex:includeScript value="https://code.jquery.com/jquery-2.1.4.min.js"/>
        <apex:includeScript value="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"/>
        <apex:includeScript value="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.js"/>
        <apex:includeScript value="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.min.js"/>
        <!-- <apex:includeScript value="{! $Resource.waveToSFObjectsJS }"/> -->
        <apex:includeScript value="{! $Resource.fileSaver }"/>
        <apex:includeScript value="{! $Resource.tableExport }"/>
        <apex:includeScript value="{! $Resource.waveToExcelJS }" />
        <apex:includeScript value="{! $Resource.mathparser }"/>
    </header>
    
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel"> Export Primary Contacts to Campaign</h4>
                </div>
                <div class="modal-body">
                    <h3 style="display:block; margin-left:10px; margin-bottom:5px;">
                        Select a Campaign
                    </h3>
                    <select id="campaignSelector" class="selectpicker" data-live-search="true">
                    </select>
                    <h3 style="display:block; margin-top:15px; margin-left:10px; margin-bottom:5px;">
                        Select Account ID Field
                    </h3>
                    <select id="accountIDFieldSelector" class="selectpicker" data-live-search="true">
                    </select>
                    <p class="text-info">
                        Note: Only primary contacts for each account will be added
                    </p>
                    <div id="forCampaignResults">
                        
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="slds-button slds-button--brand" data-dismiss="modal">Close</button>
                    <button type="button" class="slds-button slds-button--brand" id="saveCampaignBtn" onclick="saveToCampaign()">Save to Campaign</button>
                </div>
            </div>
        </div>
    </div> 
    
        <div class="modal fade" id="opptyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel2"> Mass Update sObjects</h4>
                </div>
                <div class="modal-body">
                    <h3 style="display:block; margin-left:10px; margin-bottom:5px;">
                        Select an sObject
                    </h3>
                    <select id="sObjectSelector" class="selectpicker" data-live-search="true">
                    </select>
                    <h3 style="display:block; margin-top:15px; margin-left:10px; margin-bottom:5px;">
                        Select ID Field From Dataset
                    </h3>
                    <select id="sObjectIDSelector" class="selectpicker" data-live-search="true">
                    </select>
                    <h3 style="display:block; margin-top:15px; margin-left:10px; margin-bottom:5px;">
                        Select Field to Update in sObject
                    </h3>
                    <select id="sObjectFieldSelector" class="selectpicker" data-live-search="true">
                    </select>
                    <h3 style="display:block; margin-top:15px; margin-left:10px; margin-bottom:5px;">
                        Enter Updated Value
                    </h3>
                    <input type="text" class="form-control" id="valueInput" />
                    <div id="forsObjectResults">
                        
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="slds-button slds-button--brand" data-dismiss="modal">Close</button>
                    <button type="button" class="slds-button slds-button--brand" id="savesObjects" onclick="saveTosObject()">Update Objects</button>
                </div>
            </div>
        </div>
    </div> 
    
    
    <div id="header">
        <div class="navbar" id="headerTitle">
            CSV Download
        </div>
    </div>
    <div id="main">
        <div id="assetPane">
            <input type="text" id="search" placeholder="Search Lens" />
            <div id="assetList">
                
            </div>
        </div>
    </div>
    <div class="notification error"><p class="notification--msg" id="noteError"></p></div>
    <div class="notification success"><p class="notification--msg" id="noteSuccess"></p></div>
        <div id="rightPane">
            <div id="lensAttributesBorder">
                <button class="slds-button slds-button--brand" id="btnToExcel" onclick="downloadExcelResults2()">
                            Download Excel
                        </button>
                <button class="slds-button slds-button--brand" id="btnCSV" onclick="downloadResults()">Download CSV</button>
                <!-- <button class="slds-button slds-button--brand" id="btnToCampaign" data-toggle="modal" data-target="#myModal"> 
                            Export to Campaign
                        </button> -->
                <div id="lensAttributes">

                </div>
            </div>
            <div id="resultsContainer">
                <div id="resultsHeader">
                    <div>
                     <!--<button type="button" class="slds-button slds-button--brand" id="btnToOppty" data-toggle="modal" data-target="#opptyModal">Update Opportunities</button>-->
                       <!-- <button class="slds-button slds-button--brand" id="btnToRDBMS" onclick="sendtoRDBMS()">
                            Send Results to RDBMS
                        </button>-->
                    </div>
                </div>
                <div id="tableContainer">
                    
                </div>
            </div>
          </div>
    <div id="forIframe" style="display: none;">
            <apex:iframe id="queryIFrame" src="{!URLFOR($Resource.queryParser2, 'parser.html')}"/>
    </div>  
</apex:page>