Example #1
0
    /**
     * Render fieldset html
     *
     * @param Varien_Data_Form_Element_Abstract $element
     * @return string
     */
    public function render(Varien_Data_Form_Element_Abstract $element)
    {
        $html = $element->getComment();
        if (!$html) {
            $html = $element->getText();
        }
        ?>
		
							<fieldset class="loginRadiusFieldset" style="margin-right:13px; background-color:#EAF7FF; border-color:rgb(195, 239, 250); padding-bottom:25px; width:65%">
		<h4 style="color:#000"><strong><?php 
        echo $this->__('Thank you for installing the LoginRadius Social Plugin!');
        ?>
</strong></h4>
		<p><?php 
        echo $this->__('To activate the extension, you will need to first configure it (manage your desired social networks, etc.) from your LoginRadius account. If you do not have an account, click');
        ?>
 <a target="_blank" href="http://www.loginradius.com/"><?php 
        echo $this->__('here');
        ?>
</a> <?php 
        echo $this->__('and create one for FREE!');
        ?>
</p>
		<p>
		<?php 
        echo $this->__('We also offer Social Plugins for');
        ?>
  <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#wordpress-plugin" target="_blank">Wordpress</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#joomla-extension" target="_blank">Joomla</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#drupal-module" target="_blank">Drupal</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#vbullentin-plugin" target="_blank">vBulletin</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#vanilla-add-ons" target="_blank">VanillaForum</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#oscommerce-add-ons" target="_blank">osCommerce</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#prestashop-module" target="_blank">PrestaShop</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#xcart-extension" target="_blank">X-Cart</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#zencart-plugin" target="_blank">Zen-Cart</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms#dotnetnuke-module" target="_blank">DotNetNuke</a>, <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms/#smf" target="_blank">SMF</a> <?php 
        echo $this->__('and');
        ?>
 <a href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms/#phpbb" target="_blank">phpBB</a> !
		</p>
		<div style="margin-top:10px">
		<a style="text-decoration:none;" href="https://www.loginradius.com/" target="_blank">
			<input class="form-button" type="button" value="<?php 
        echo $this->__('Set up my FREE account!');
        ?>
">
		</a>
		<a class="loginRadiusHow" target="_blank" href="http://support.loginradius.com/customer/portal/articles/593954">(<?php 
        echo $this->__('How to set up an account?');
        ?>
)</a>
		</div>
		</fieldset>
		<!-- Get Updates -->			
		<fieldset class="loginRadiusFieldset" style="width:26%; background-color: rgb(231, 255, 224); border: 1px solid rgb(191, 231, 176); padding-bottom:6px;">
		<h4 style="border-bottom:#d7d7d7 1px solid;"><strong><?php 
        echo $this->__('Get Updates');
        ?>
</strong></h4>
		<p><?php 
        echo $this->__('To receive updates on new features, future releases, etc, please connect with us via Facebook');
        ?>
</p>
		<div>
			<div style="float:left">
				<iframe rel="tooltip" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 46px;
							height: 61px; margin-right:10px" src="//www.facebook.com/plugins/like.php?app_id=194112853990900&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLoginRadius%2F119745918110130&amp;send=false&amp;layout=box_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=90" data-original-title="Like us on Facebook"></iframe>
				</div>
		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
		</div>
		</fieldset>
		<!-- Help & Documentation -->
		<fieldset class="loginRadiusHelpDiv" style="margin-right:13px; width:65%">
		<h4 style="border-bottom:#d7d7d7 1px solid;"><strong><?php 
        echo $this->__('Help & Documentations');
        ?>
</strong></h4>
		<ul style="float:left; margin-right:43px">
			<li><a target="_blank" href="http://support.loginradius.com/customer/portal/articles/1056696-magento-social-login-installation-configuration-and-troubleshooting"><?php 
        echo $this->__('Extension Installation, Configuration and Troubleshooting');
        ?>
</a></li>
			<li><a target="_blank" href="http://support.loginradius.com/customer/portal/articles/677100-how-to-get-loginradius-api-key-and-secret"><?php 
        echo $this->__('How to get LoginRadius API Key & Secret');
        ?>
</a></li>
			<li><a target="_blank" href="http://support.loginradius.com/customer/portal/articles/1056696-magento-social-login-installation-configuration-and-troubleshooting#multisite"><?php 
        echo $this->__('Magento Multisite Feature');
        ?>
</a></li>
			<li><a target="_blank" href="https://www.loginradius.com/loginradius/product-overview"><?php 
        echo $this->__('LoginRadius Products');
        ?>
</a></li>
		</ul>
		<ul style="float:left; margin-right:43px">
			<li><a target="_blank" href="http://community.loginradius.com/"><?php 
        echo $this->__('Discussion Forum');
        ?>
</a></li>
			<li><a target="_blank" href="https://www.loginradius.com/loginradius/team"><?php 
        echo $this->__('About LoginRadius');
        ?>
</a></li>
			<li><a target="_blank" href="https://www.loginradius.com/loginradius-for-developers/loginRadius-cms"><?php 
        echo $this->__('Social Plugins');
        ?>
</a></li>
			<li><a target="_blank" href="https://www.loginradius.com/loginradius-for-developers/loginRadius-sdks"><?php 
        echo $this->__('Social SDKs');
        ?>
</a></li>
		</ul>
		</fieldset>
		<!-- Support Us -->
		<fieldset class="loginRadiusFieldset" style="margin-right:5px; background-color: rgb(231, 255, 224); border: 1px solid rgb(191, 231, 176); width:26%; height:112px">
		<h4 style="border-bottom:#d7d7d7 1px solid;"><strong><?php 
        echo $this->__('Support Us');
        ?>
</strong></h4>
		<p>
		<?php 
        echo $this->__('If you liked our FREE open-source plugin, please send your feedback/testimonial to');
        ?>
 <a href="mailto:feedback@loginradius.com">feedback@loginradius.com</a> !</p>
		</fieldset>
		<div style='clear:both'></div>
		<div id="loginRadiusKeySecretNotification" style="background-color: rgb(255, 255, 224); border: 1px solid rgb(230, 219, 85); padding: 5px; margin-bottom: 11px; display:none"><?php 
        echo $this->__('To activate the <strong>Social Login</strong>, insert LoginRadius API Key and Secret in the <strong>Social Login Basic Settings</strong> section below. <strong>Social Sharing does not require API Key and Secret</strong>');
        ?>
.</div>
		<div style='clear:both'></div>
		<script type="text/javascript">var islrsharing = true; var islrsocialcounter = true;</script>
		<script type="text/javascript" src="//share.loginradius.com/Content/js/LoginRadius.js" id="lrsharescript"></script>
		<script type="text/javascript">
			window.onload = function(){
				if(document.getElementById('sociallogin_options_messages_appid').value.trim() == "" || document.getElementById('sociallogin_options_messages_appkey').value.trim() == ""){
					document.getElementById('loginRadiusKeySecretNotification').style.display = 'block';
				}
				var sharingType = ['horizontal', 'vertical'];
				var sharingModes = ['Sharing', 'Counter'];
				for(var i = 0; i < sharingType.length; i++){
					for(var j = 0; j < sharingModes.length; j++){
						if(sharingModes[j] == 'Counter'){
							var providers = $SC.Providers.All;
						}else{
							var providers = $SS.Providers.More;
						}
						// populate sharing providers checkbox
						loginRadiusCounterHtml = "<ul class='checkboxes'>";
						// prepare HTML to be shown as Vertical Counter Providers
						for(var ii = 0; ii < providers.length; ii++){
							loginRadiusCounterHtml += '<li><input type="checkbox" id="'+sharingType[i]+'_'+sharingModes[j]+'_'+providers[ii]+'" ';
							loginRadiusCounterHtml += 'value="'+providers[ii]+'"> <label for="'+sharingType[i]+'_'+sharingModes[j]+'_'+providers[ii]+'">'+providers[ii]+'</label></li>';
						}
						loginRadiusCounterHtml += "</ul>";
						var tds = document.getElementById('row_sociallogin_options_'+sharingType[i]+'Sharing_'+sharingType[i]+sharingModes[j]+'Providers').getElementsByTagName('td');
						tds[1].innerHTML = loginRadiusCounterHtml;
					}
					document.getElementById('row_sociallogin_options_'+sharingType[i]+'Sharing_'+sharingType[i]+'CounterProvidersHidden').style.display = 'none';
				}
				loginRadiusPrepareAdminUI();
			}
			// toggle sharing/counter providers according to the theme and sharing type
			function loginRadiusToggleSharingProviders(element, sharingType){
				if(element.value == '32' || element.value == '16'){
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'SharingProviders').style.display = 'table-row';
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'CounterProviders').style.display = 'none';
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'SharingProvidersHidden').style.display = 'table-row';
				}else if(element.value == 'single_large' || element.value == 'single_small'){
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'SharingProviders').style.display = 'none';
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'CounterProviders').style.display = 'none';
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'SharingProvidersHidden').style.display = 'none';
				}else{
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'SharingProviders').style.display = 'none';
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'CounterProviders').style.display = 'table-row';
					document.getElementById('row_sociallogin_options_'+sharingType+'Sharing_'+sharingType+'SharingProvidersHidden').style.display = 'none';
				}
			}
		</script>				
		<?php 
    }
    /**
     * Render fieldset html
     *
     * @param Varien_Data_Form_Element_Abstract $element
     * @return string
     */
    public function render(Varien_Data_Form_Element_Abstract $element)
    {
        $html = $element->getComment();
        if (!$html) {
            $html = $element->getText();
        }
        $lruserdataempty = true;
        // get id here
        $customerId = $this->getRequest()->getParam('id');
        if (!empty($customerId)) {
            ?>
            <style type="text/css">
            .sociallogin_table {
                background-color: #efefef;
                border: 1px solid #ccc;
                margin-bottom: 10px;
                border-collapse: collapse;
                font-family: sans-serif;
                font-size: 12px;
                line-height: 1.4em;
                margin-left: 2px;
                width: 100%;
                clear: both
            }
            .sociallogin_table th {
                padding: 10px;
                text-align: left;
                vertical-align: top;
                width: 200px;
                word-break: break-all;
            }
            .ui-tabs {
                position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
                padding: .2em;
            }
            .ui-tabs .ui-tabs-nav {
                margin: 0;
                padding: .2em .2em 0;
            }
            .ui-tabs .ui-tabs-nav li {
                list-style: none;
                float: left;
                position: relative;
                top: 0;
            margin-right: 6px;
                border-bottom-width: 0;
                padding: 0;
                white-space: nowrap;
            }
            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;

            }
            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: -1px;
                padding-bottom: 1px;
            }
            .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
                cursor: text;
            }
            .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
            .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }
            .ui-tabs .ui-tabs-panel {
                display: block;
                border-width: 0;
                dding-left: 3px;
                background: none;
            }
            .ui-tooltip {
                padding: 8px;
                position: absolute;
                z-index: 9999;
                max-width: 300px;
                -webkit-box-shadow: 0 0 5px #aaa;
                box-shadow: 0 0 5px #aaa;
            }
            body .ui-tooltip {
                border-width: 2px;
            }

            ui-state-default,
            .ui-widget-content .ui-state-default,
            .ui-widget-header .ui-state-default {
                border: 1px solid #d3d3d3;
                background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
                font-weight: normal;
                color: #555555;
            }
            .ui-state-default a,
            .ui-state-default a:link,
            .ui-state-default a:visited {
                color: #555555;
                text-decoration: none;
            }
            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus {
                border: 1px solid #999999;
                background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
                font-weight: normal;
                color: #212121;
            }
            .ui-state-hover a,
            .ui-state-hover a:hover,
            .ui-state-hover a:link,
            .ui-state-hover a:visited {
                color: #212121;
                text-decoration: none;
            }
            .ui-state-active,
            .ui-widget-content .ui-state-active,
            .ui-widget-header .ui-state-active {
                border: 1px solid #aaaaaa;
                background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
                font-weight: normal;
                color: #212121;
            }
            .ui-state-active a,
            .ui-state-active a:link,
            .ui-state-active a:visited {
                color: #212121;
                text-decoration: none;
            }
            </style>
            <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
            <script type="text/javascript">
            jQuery(function() {
                jQuery( "#tabs" ).tabs();
                jQuery( ".content-header").hide();

            });
            </script>
            <?php 
            // basic user profile
            $basicProfileResult = $this->getprofiledata('loginradius_basic_profile_data', $customerId);
            $lrEmails = $this->getprofiledata('loginradius_emails', $customerId);
            //contect
            $lrContacts = $this->getprofiledata('loginradius_contacts', $customerId);
            //extended location profile
            $lrExtendedLocation = $this->getprofiledata('loginradius_extended_location_data', $customerId);
            //extended user profile
            $lrExtendedProfile = $this->getprofiledata('loginradius_extended_profile_data', $customerId);
            $lrPositions = $this->getprofiledata('loginradius_positions', $customerId);
            //$basicProfileResult = $this->getprofiledata('loginradius_companies', $customerId);
            $lrEducation = $this->getprofiledata('loginradius_education', $customerId);
            $lrPhoneNumbers = $this->getprofiledata('loginradius_phone_numbers', $customerId);
            $lrIMaccounts = $this->getprofiledata('loginradius_IMaccounts', $customerId);
            $lrAddress = $this->getprofiledata('loginradius_addresses', $customerId);
            $lrSports = $this->getprofiledata('loginradius_sports', $customerId);
            $lrInspirationalPeople = $this->getprofiledata('loginradius_inspirational_people', $customerId);
            $lrSkills = $this->getprofiledata('loginradius_skills', $customerId);
            $lrCurrentStatus = $this->getprofiledata('loginradius_current_status', $customerId);
            $lrCertifications = $this->getprofiledata('loginradius_certifications', $customerId);
            $lrCourses = $this->getprofiledata('loginradius_courses', $customerId);
            $lrVolunteer = $this->getprofiledata('loginradius_volunteer', $customerId);
            $lrRecommendations = $this->getprofiledata('loginradius_recommendations_received', $customerId);
            $lrLanguages = $this->getprofiledata('loginradius_languages', $customerId);
            $lrPatents = $this->getprofiledata('loginradius_patents', $customerId);
            $lrFavorites = $this->getprofiledata('loginradius_favorites', $customerId);
            //facebook events
            $lrFbEvents = $this->getprofiledata('loginradius_facebook_events', $customerId);
            //facebook post
            $lrFbPost = $this->getprofiledata('loginradius_facebook_posts', $customerId);
            //loginradius groups
            $lrGroups = $this->getprofiledata('loginradius_groups', $customerId);
            //linkedin companies
            $lrLinkedinCompanies = $this->getprofiledata('loginradius_linkedin_companies', $customerId);
            //status
            $lrStatus = $this->getprofiledata('loginradius_status', $customerId);
            //twitter mentions
            $lrTwitterMentions = $this->getprofiledata('loginradius_twitter_mentions', $customerId);
            ?>
            <h2>User Profile</h2>
            <div id="tabs">
            <ul>
            <?php 
            if (count($basicProfileResult) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-1"><?php 
                echo 'Basic Profile Data';
                ?>
</a></li>
                <?php 
            }
            if (count($lrExtendedLocation) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-2"><?php 
                echo 'Extended Location Data';
                ?>
</a></li>
                <?php 
            }
            if (count($lrExtendedProfile) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-3"><?php 
                echo 'Extended Profile Data';
                ?>
</a></li>
                <?php 
            }
            if (count($lrFbEvents) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-4"><?php 
                echo 'Facebook events';
                ?>
</a></li>
                <?php 
            }
            if (count($lrContacts) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-5"><?php 
                echo 'Contacts';
                ?>
</a></li>
                <?php 
            }
            if (count($lrFbPost) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-6"><?php 
                echo 'Facebook Post';
                ?>
</a></li>
                <?php 
            }
            if (count($lrGroups) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-7"><?php 
                echo 'Groups';
                ?>
</a></li>
                <?php 
            }
            if (count($lrLinkedinCompanies) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-8"><?php 
                echo 'Companies followed';
                ?>
</a></li>
                <?php 
            }
            if (count($lrStatus) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-9"><?php 
                echo 'Status';
                ?>
</a></li>
                <?php 
            }
            if (count($lrTwitterMentions) > 0) {
                $lruserdataempty = false;
                ?>
                <li style="cursor:pointer;"><a href="#tabs-10"><?php 
                echo 'Twitter Mentions';
                ?>
</a></li>
                <?php 
            }
            ?>
            </ul>
            <?php 
            if (count($basicProfileResult) > 0) {
                $lruserdataempty = false;
                ?>
                <div class="menu_containt_div" id="tabs-1">
                <?php 
                $this->login_radius_show_data($basicProfileResult);
                ?>
                    <?php 
                if (count($lrEmails) > 0) {
                    echo '<h3>Emails</h3>';
                    ?>
                    <table class="sociallogin_table" cellspacing="0">
                    <thead>
                    <tr>
                        <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Email Address';
                    ?>
</th>
                    </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrEmails, true);
                    ?>
                    </table>
                    <?php 
                }
                ?>
                </div>
                <?php 
            }
            if (count($lrExtendedLocation) > 0) {
                ?>
                <div id="tabs-2">
                        <?php 
                $this->login_radius_show_data($lrExtendedLocation);
                ?>
                </div>
                <?php 
            }
            if (count($lrExtendedProfile) > 0) {
                ?>
                <div id="tabs-3">
                <?php 
                $this->login_radius_show_data($lrExtendedProfile);
                ?>
                <?php 
                if (count($lrPositions) > 0) {
                    echo '<h3>Positions</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Positions';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Summary';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Start Date';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'End Date';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Current';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Company';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Industry';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Location';
                    ?>
</th>
                        </tr>
                    </thead>
                    <tfoot>
                    <?php 
                    $count = 0;
                    foreach ($lrPositions as $position) {
                        ?>
                        <tr <?php 
                        if ($count % 2 == 0) {
                            echo 'style="background-color:#fcfcfc"';
                        }
                        ?>
>
                        <?php 
                        foreach ($position as $key => $val) {
                            if ($key == 'user_id') {
                                continue;
                            } elseif ($key == 'company') {
                                if ($val == "NULL" || $val == "") {
                                    ?>
                                    <th scope="col" class="manage-colum"></th>
                                    <th scope="col" class="manage-colum"></th>
                                    <th scope="col" class="manage-colum"></th>
                                    <?php 
                                } else {
                                    // companies
                                    $companies = $this->getprofiledata('loginradius_companies', $val);
                                    if (count($companies) > 0) {
                                        foreach ($companies[0] as $k => $v) {
                                            if ($k == 'id') {
                                                continue;
                                            }
                                            ?>
                                            <th scope="col" class="manage-colum"><?php 
                                            echo ucfirst($v);
                                            ?>
</th>
                                            <?php 
                                        }
                                    } else {
                                        ?>
                                        <th scope="col" class="manage-colum"></th>
                                        <th scope="col" class="manage-colum"></th>
                                        <th scope="col" class="manage-colum"></th>
                                        <?php 
                                    }
                                }
                                continue;
                            } else {
                                ?>
                                <th scope="col" class="manage-colum"><?php 
                                echo ucfirst($val);
                                ?>
</th>
                                <?php 
                            }
                        }
                        ?>
                        </tr>
                        <?php 
                        $count++;
                    }
                }
                ?>
                </tfoot>
                </table>
                <?php 
                if (count($lrEducation) > 0) {
                    echo '<h3>Education</h3>';
                    ?>
                    <table class="sociallogin_table" cellspacing="0">
                    <thead>
                    <tr>
                        <th class="head"><?php 
                    echo 'School';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Year';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Notes';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Activites';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Degree';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'FOS';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Start Date';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'End Date';
                    ?>
</th>
                    </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrEducation, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrPhoneNumbers) > 0) {
                    echo '<h3>PhoneNumbers</h3>';
                    ?>
<table class="sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Value';
                    ?>
</th>
                         </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrPhoneNumbers, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrIMaccounts) > 0) {
                    echo '<h3>IMaccounts</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'UserName';
                    ?>
</th>
                         </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrIMaccounts, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrAddress) > 0) {
                    echo '<h3>Address</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                         <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                         <th class="head"><?php 
                    echo 'Address Line 1';
                    ?>
</th>
                         <th class="head"><?php 
                    echo 'Address Line 2';
                    ?>
</th>
                         <th class="head"><?php 
                    echo 'City';
                    ?>
</th>
                         <th class="head"><?php 
                    echo 'State';
                    ?>
</th>
                         <th class="head"><?php 
                    echo 'Postal Code';
                    ?>
</th>
                         <th class="head"><?php 
                    echo 'Region';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrAddress, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrSports) > 0) {
                    echo '<h3>Sports</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Sport';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrSports, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrInspirationalPeople) > 0) {
                    echo '<h3>InspirationalPeople</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Name';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrInspirationalPeople, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrSkills) > 0) {
                    echo '<h3>Skills</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Skills';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrSkills, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrCurrentStatus) > 0) {
                    echo '<h3>CurrentStatus</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Status';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Source';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Create Date';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrCurrentStatus, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrCertifications) > 0) {
                    echo '<h3>Certifications</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Name';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Authority';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'License Number';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Start Date';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'End Date';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrCertifications, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrCourses) > 0) {
                    echo '<h3>Courses</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Cources';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Cources Numbers';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrCourses, true);
                    ?>
</table><?php 
                }
                if (count($lrVolunteer) > 0) {
                    echo '<h3>Volunteer</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Role';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Orgenization';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Cause';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrVolunteer, true);
                    ?>
</table>
                    <?php 
                }
                if (count($lrRecommendations) > 0) {
                    echo '<h3>Recommendations</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Text';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Recommendation';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrRecommendations, true);
                    ?>
</table>
                    <?php 
                }
                if (count($lrLanguages) > 0) {
                    echo '<h3>Languages</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                             <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Language';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrLanguages, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrPatents) > 0) {
                    echo '<h3>Patents</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                    <tr>
                        <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Title';
                    ?>
</th>
                        <th class="head"><?php 
                    echo 'Date';
                    ?>
</th>
                    </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrPatents, true);
                    ?>
                    </table>
                    <?php 
                }
                if (count($lrFavorites) > 0) {
                    echo '<h3>Favorites</h3>';
                    ?>
                    <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                    echo 'Id';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Name';
                    ?>
</th>
                            <th class="head"><?php 
                    echo 'Type';
                    ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                    $this->login_radius_show_data($lrFavorites, true);
                    ?>
                    </table>
                    <?php 
                }
                ?>
                </div>
                <?php 
            }
            if (count($lrFbEvents) > 0) {
                ?>
                <div id="tabs-4">
                <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                echo 'Id';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Event';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Start Time';
                ?>
</th>
                            <th class="head"><?php 
                echo 'RSVP Status';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Location';
                ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                $this->login_radius_show_data($lrFbEvents, true);
                ?>
                </table></div>
                <?php 
            }
            if (count($lrContacts) > 0) {
                ?>
                <div id="tabs-5">
                <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                echo 'Provider';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Name';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Email';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Phone Number';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Social Id';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Profile URL';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Image URL';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Status';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Industry';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Country';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Gender';
                ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                $this->login_radius_show_data($lrContacts, true);
                ?>
                </table></div>
                <?php 
            }
            if (count($lrFbPost) > 0) {
                ?>
                <div id="tabs-6">
                    <table class="form-table sociallogin_table" cellspacing="0">
                        <thead>
                            <tr>
                                <th class="head"><?php 
                echo 'Id';
                ?>
</th>
                                <th class="head"><?php 
                echo 'From';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Title';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Start Time';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Update Tine';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Message';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Place';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Picture';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Likes';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Shares';
                ?>
</th>
                            </tr>
                        </thead>
                    <?php 
                $this->login_radius_show_data($lrFbPost, true);
                ?>
                    </table>
                </div>
                <?php 
            }
            if (count($lrGroups) > 0) {
                ?>
                <div id="tabs-7">
                     <table class="form-table sociallogin_table" cellspacing="0">
                        <thead>
                            <tr>
                                <th class="head"><?php 
                echo 'Provider';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Id';
                ?>
</th>
                                <th class="head"><?php 
                echo 'Name';
                ?>
</th>
                            </tr>
                        </thead>
                    <?php 
                $this->login_radius_show_data($lrGroups, true);
                ?>
                    </table>
                </div>
                <?php 
            }
            if (count($lrLinkedinCompanies) > 0) {
                ?>
                <div id="tabs-8">
                <table class="form-table sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                echo 'Id';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Company';
                ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                $this->login_radius_show_data($lrLinkedinCompanies, true);
                ?>
                </table>
                </div>
                <?php 
            }
            if (count($lrStatus) > 0) {
                ?>
                <div id="tabs-9">
                <table class="form-table sociallogin_table" cellspacing="0">
                <thead>
                <tr>
                    <th class="head"><?php 
                echo 'Provider';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Id';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Status';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Time';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Likes';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Place';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Source';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Image URL';
                ?>
</th>
                    <th class="head"><?php 
                echo 'Link URL';
                ?>
</th>
                </tr>
                </thead>
                <?php 
                $this->login_radius_show_data($lrStatus, true);
                ?>
                </table>
                </div>
                <?php 
            }
            if (count($lrTwitterMentions) > 0) {
                ?>
                <div id="tabs-10">
                <table class="sociallogin_table" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="head"><?php 
                echo 'Id';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Tweet';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Date Time';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Likes';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Place';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Source';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Image URL';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Link URL';
                ?>
</th>
                            <th class="head"><?php 
                echo 'Mentionedby';
                ?>
</th>
                        </tr>
                    </thead>
                    <?php 
                $this->login_radius_show_data($lrTwitterMentions, true);
                ?>
                </table>
                </div>
                </div>
                <?php 
            }
        } elseif ($lruserdataempty == true) {
            echo 'Profile data not found';
        }
    }
    /**
     * Render fieldset html
     *
     * @param Varien_Data_Form_Element_Abstract $element
     * @return string
     */
    public function render(Varien_Data_Form_Element_Abstract $element)
    {
        $html = $element->getComment();
        if (!$html) {
            $html = $element->getText();
        }
        ?>
        <fieldset class="loginRadiusFieldset" style="margin-right:13px; background-color:#EAF7FF; border-color:rgb(195, 239, 250); padding-bottom:25px; width:65%">
        <h4 style="color:#000"><strong>Thank you for installing the LoginRadius Social Plugin!</strong></h4>
        <p>To activate the plugin, you will need to first configure it (manage your desired social networks, etc.) from your LoginRadius account. If you do not have an account, click <a target="_blank" href="http://www.loginradius.com/">here</a> and create one for FREE!</p>
        <p>
        We also offer Social Plugins for  <a href="http://ish.re/8PE6" target="_blank">Joomla</a>, <a href="http://ish.re/8PE9" target="_blank">Drupal</a>, <a href="http://ish.re/ADDT" target="_blank">WordPress</a>, <a href="http://ish.re/8PED" target="_blank">vBulletin</a>, <a href="http://ish.re/8PEE" target="_blank">VanillaForum</a>, <a href="http://ish.re/8PEG" target="_blank">osCommerce</a>, <a href="http://ish.re/8PEH" target="_blank">PrestaShop</a>, <a href="http://ish.re/8PFQ" target="_blank">X-Cart</a>, <a href="http://ish.re/8PFR" target="_blank">Zen-Cart</a>, <a href="http://ish.re/8PFS" target="_blank">DotNetNuke</a>, <a href="http://ish.re/8PFT" target="_blank">SMF</a> <?php 
        echo __('and');
        ?>
 <a href="http://ish.re/8PFV" target="_blank">phpBB</a> !
        </p>
        <div style="margin-top:10px">
        <a style="text-decoration:none;" href="https://www.loginradius.com/" target="_blank">
            <input class="form-button" type="button" value="Set up my FREE account!">
        </a>
        <a class="loginRadiusHow" target="_blank" href="http://ish.re/ATM4">(How to set up an account?)</a>
        </div>
        </fieldset>
        <!-- Get Updates -->
        <fieldset class="loginRadiusFieldset" style="width:26%; background-color: rgb(231, 255, 224); border: 1px solid rgb(191, 231, 176); padding-bottom:6px;">
        <h4 style="border-bottom:#d7d7d7 1px solid;"><strong>Get Updates</strong></h4>
        <p>To receive updates on new features, future releases, etc, please connect with us via Facebook</p>
        <div>
            <div style="float:left">
                <iframe rel="tooltip" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 50px;
                            height: 61px; margin-right:10px" src="//www.facebook.com/plugins/like.php?app_id=194112853990900&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLoginRadius%2F119745918110130&amp;send=false&amp;layout=box_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=90" data-original-title="Like us on Facebook"></iframe>
                </div>
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        </div>
        </fieldset>
        <!-- Help & Documentation -->
        <fieldset class="loginRadiusHelpDiv" style="margin-right:13px; width:65%">
        <h4 style="border-bottom:#d7d7d7 1px solid;"><strong>Help &amp; Documentations</strong></h4>
        <ul style="float:left; margin-right:43px">
            <li><a target="_blank" href="http://ish.re/9WC9">Extension Installation, Configuration and Troubleshooting</a></li>
            <li><a target="_blank" href="http://ish.re/9VBI">How to get LoginRadius API Key &amp; Secret</a></li>
            <li><a target="_blank" href="http://ish.re/9Z34">Magento Multisite Feature</a></li>
            <li><a target="_blank" href="http://ish.re/96M9">LoginRadius Products</a></li>
        </ul>
        <ul style="float:left; margin-right:43px">
            <li><a target="_blank" href="http://ish.re/8PG2">Discussion Forum</a></li>
            <li><a target="_blank" href="http://ish.re/96M7">About LoginRadius</a></li>
            <li><a target="_blank" href="http://ish.re/8PG8">Social Plugins</a></li>
            <li><a target="_blank" href="http://ish.re/6JMW">Social SDKs</a></li>
        </ul>
        </fieldset>
        <!-- Support Us -->
        <fieldset class="loginRadiusFieldset" style="margin-right:5px; background-color: rgb(231, 255, 224); border: 1px solid rgb(191, 231, 176); width:26%; height:112px">
        <h4 style="border-bottom:#d7d7d7 1px solid;"><strong>Support Us</strong></h4>
        <p>
        If you liked our FREE open-source plugin, please send your feedback/testimonial to <a href="mailto:feedback@loginradius.com">feedback@loginradius.com</a> !</p>
        </fieldset>
        <div style='clear:both'></div>
        <div id="loginRadiusKeySecretNotification" style="background-color: rgb(255, 255, 224); border: 1px solid rgb(230, 219, 85); padding: 5px; margin-bottom: 11px; display:none">To activate the <strong>Social Login</strong>, insert LoginRadius API Key and Secret in the <strong>Social Login Basic Settings</strong> section below. <strong>Social Sharing does not require API Key and Secret</strong>.</div>
        <div style='clear:both'></div>
        <script type="text/javascript">
            window.onload = function(){
                // set 'maxlength' attribute of the tweet textarea
                document.getElementById('sociallogin_advanced_postMessage_tweet').setAttribute('maxlength', '140');
                // set 'maxlength' attribute of the LinkedIn post message textarea
                document.getElementById('sociallogin_advanced_postMessage_linkedinParamsMessage').setAttribute('maxlength', '500');
                // object having social profile data fields to show in the premium "Social Profile Data" option
                var loginRadiusProfileFields = [{value: 'basic',
                                         text: 'Basic Profile Data (All Plans) <a href="javascript:void(0)" title="Data fields include: Social ID, Social ID Provider, First Name, Middle Name, Last Name, Full Name, Nick Name, Profile Name, Birthdate, Gender, Country Code, Country Name, Thumbnail Image Url, Image Url, Local Country, Profile Country" style="text-decoration:none">(?)</a>'},
                                         {value: 'ex_location',
                                         text: 'Extended Location Data (Pro and Premium Plans) <a href="javascript:void(0)" title="Data fields include: Main Address, Hometown, State, City, Local City, Profile City, Profile Url, Local Language, Language" style="text-decoration:none">(?)</a>'},
                                         {value: 'ex_profile',
                                         text: 'Extended Profile Data (Pro and Premium Plans) <a href="javascript:void(0)" title="Data fields include: Website, Favicon, Industry, About, Timezone, Verified, Last Profile Update, Created, Relationship Status, Favorite Quote, Interested In, Interests, Religion, Political View, HTTPS Image Url, Followers Count, Friends Count, Is Geo Enabled, Total Status Count, Number of Recommenders, Honors, Associations, Hirable, Repository Url, Age, Professional Headline, Provider Access Token, Provider Token Secret, Positions, Companies, Education, Phone Numbers, IM Accounts, Addresses, Sports, Inspirational People, Skills, Current Status, Certifications, Courses, Volunteer, Recommendations Received, Languages, Patents, Favorites" style="text-decoration:none">(?)</a>'},
                                         {value: 'linkedin_companies',
                                         text: 'Followed Companies on LinkedIn (Pro and Premium Plans) <a href="javascript:void(0)" title="A list of all the companies this user follows on LinkedIn." style="text-decoration:none">(?)</a>'},
                                         {value: 'events',
                                         text: 'Facebook Profile Events (Pro and Premium Plans) <a href="javascript:void(0)" title="A list of events (birthdays, invitation, etc.) on the Facebook profile of user" style="text-decoration:none">(?)</a>'},
                                         {value: 'status',
                                         text: 'Status Messages (Pro and Premium Plans) <a href="javascript:void(0)" title="Facebook wall activity, Twitter tweets and LinkedIn status of the user, including links" style="text-decoration:none">(?)</a>'},
                                         {value: 'posts',
                                         text: 'Facebook Posts (Pro and Premium Plans) <a href="javascript:void(0)" title="Facebook posts of the user, including links" style="text-decoration:none">(?)</a>'},
                                         {value: 'mentions',
                                         text: 'Twitter Mentions (Pro and Premium Plans) <a href="javascript:void(0)" title="A list of tweets that the user is mentioned in." style="text-decoration:none">(?)</a>'},
                                         {value: 'groups',
                                         text: 'Groups (Pro and Premium Plans) <a href="javascript:void(0)" title="A list of the Facebook groups of user." style="text-decoration:none">(?)</a>'},
                                         {value: 'contacts',
                                         text: 'Contacts/Friend Data (Premium Plans) <a href="javascript:void(0)" title="For email providers (Google and Yahoo), a list of the contacts of user in his/her address book. For social networks (Facebook, Twitter, and LinkedIn), a list of the people in the network of user." style="text-decoration:none">(?)</a>'},
                                        ];
                // get the reference to the <td> corressponding to the Social Profile Data option
                var loginRadiusSocialProfileTds = document.getElementById('row_sociallogin_advanced_socialProfileData_profileDataCheckboxes').getElementsByTagName('td');
                // list these profile fields in the Social Profile Data option
                for(var ps = 0; ps < loginRadiusProfileFields.length; ps++){
                    var checkbox = document.createElement('input');
                    checkbox.setAttribute('type', 'checkbox');
                    checkbox.setAttribute('value', loginRadiusProfileFields[ps].value);
                    checkbox.setAttribute('id', 'login_radius_social_profile_'+loginRadiusProfileFields[ps].value);
                    checkbox.onclick = function(){
                                            loginRadiusPopulateProfileFields(this);
                                        }
                    var label = document.createElement('label');
                    label.setAttribute('for', 'login_radius_social_profile_'+loginRadiusProfileFields[ps].value);
                    label.innerHTML = loginRadiusProfileFields[ps].text;
                    loginRadiusSocialProfileTds[1].appendChild(checkbox);
                    loginRadiusSocialProfileTds[1].appendChild(label);
                    loginRadiusSocialProfileTds[1].appendChild(document.createElement('br'));
                }
                // append help text
                var helpText = document.createElement('div');
                helpText.setAttribute('style', 'clear: both !important;');
                helpText.innerHTML = '<p class="note"><span>Please select the user profile data fields you would like to save in your database. For a list of all fields: <a target="_blank" href="http://www.loginradius.com/user-profile-data">http://www.loginradius.com/user-profile-data</a></span></p>';
                loginRadiusSocialProfileTds[1].appendChild(helpText);
                // increase the width of the container <td>
                loginRadiusSocialProfileTds[1].style.width = '400px';

                // show profile fields checkbox checked according to the options saved.
                var loginRadiusProfileDataHidden = document.getElementById('sociallogin_advanced_socialProfileData_profileData').value.trim();
                if(loginRadiusProfileDataHidden != ""){
                    var loginRadiusProfileOptionsArray = loginRadiusProfileDataHidden.split(',');
                    for(var i = 0; i < loginRadiusProfileOptionsArray.length; i++){
                        document.getElementById('login_radius_social_profile_'+loginRadiusProfileOptionsArray[i]).checked = true;
                    }
                }
            }
            // add/remove icons from counter hidden field
            function loginRadiusPopulateProfileFields(elem){
                // get providers hidden field value
                var providers = document.getElementById('sociallogin_advanced_socialProfileData_profileData');
                if(elem.checked){
                    // add selected providers in the hiddem field value
                    //if(typeof elem.checked != "undefined" || lrDefault == true){
                        if(providers.value == ""){
                            providers.value = elem.value;
                        }else{
                            providers.value += ","+elem.value;
                        }
                    //}
                }else{
                    if(providers.value.indexOf(',') == -1){
                        providers.value = providers.value.replace(elem.value, "");
                    }else{
                        if(providers.value.indexOf(","+elem.value) == -1){
                            providers.value = providers.value.replace(elem.value+",", "");
                        }else{
                            providers.value = providers.value.replace(","+elem.value, "");
                        }
                    }
                }

            }
        </script>
        <?php 
    }