Hi Community,

I am bit new to VF page, can someone help me with one scenario. I have to create a vf page with 2 sections in such a way that in 1st section data related to one custom object VOIP_Settings__c should pop up with fields such as username, password, phone etc. in 2nd section i have to keep a picklist having 5 standard objects (Account, Contact, Lead, Case, Opportunity) in left side. In right side the phone data type fields should populate when changing the picklist of objects.
Attaching the screenshot and vf page code snippt which i did so far. Appreciate your help genuinely .

<apex:page standardController="VOIP_Setting__c" showHeader="false" sidebar="false" standardStylesheets="true">
  <apex:form >
 <div id="col1">
  <apex:pageBlock title="User Profile Settings">
  <apex:pageBlockSection title="VOIP Settings">
  <table>
  <tr>
  <td>
  <apex:inputField value="{!VOIP_Setting__c.Name}" />
  </td>
  </tr>
  <tr>
  <td>
  <apex:inputField value="{!VOIP_Setting__c.Make_Default__c}"/>
  </td>
  </tr>
  <tr>
  <td>
  <apex:inputField value="{!VOIP_Setting__c.User_Name__c}"/>
  </td>
  </tr>
  <tr>
  <td>
<apex:inputSecret required="true" value="{!VOIP_Setting__c.Password__c}"  />
  </td>
  </tr>
      <tr>
  <td>
<apex:inputField value="{!VOIP_Setting__c.Phone_Number__c}" />
  </td>
  </tr>

  </table>
  </apex:pageBlockSection>
  </apex:pageBlock>
      </div>
      <div id="col2">
            <apex:pageblock >
                <apex:pageblockSection title="Call History Settings">
                   
                    <apex:selectList id="Entity" size="1">
                        <apex:pageBlockTable columns="2" value="{!VOIP_Setting__c.Name}" var="obj">
<apex:column headerValue="Select Entity"/>    
                            </apex:pageBlockTable>
<apex:selectoption itemLabel="Leads" itemValue="Leads"></apex:selectoption>
<apex:selectoption itemLabel="Contacts" itemValue="Contacts"></apex:selectoption>
<apex:selectoption itemLabel="Accounts" itemValue="Accounts"></apex:selectoption>
<apex:selectoption itemLabel="Opportunities" itemValue="Opportunities"></apex:selectoption>
<apex:selectoption itemLabel="Cases" itemValue="Cases"></apex:selectoption>                        
</apex:selectList>
                     <apex:pageBlockTable columns="2" value="{!VOIP_Setting__c.Name}" var="obj">
                        <apex:column headerValue="Select Default Field to view History"/>
                         
                    </apex:pageBlockTable>
                </apex:pageblockSection>
                
            </apex:pageblock>
        </div>       
      <center style="margin-top: 10%"> 
      <apex:commandButton value="Save" action="{!Save}" /> <br/>
      <apex:commandButton value="Cancel" action="{!Cancel}" /> <br/>
      </center>
  </apex:form>
</apex:page>