<?php
/***
 * This template is for rendering header social icons
*/
?>
<div class="header-social-inner">
 <ul>
<?php for( $i = 1 ; $i < 8; $i++ ): 
    $socials_url =  get_theme_mod('clearex_social_url_'.$i);
    $socials_icon =  get_theme_mod( 'clearex_social_icon_'.$i );
    if( $socials_icon != 'none' && $socials_url != ''):
?>
        <li><a href="<?php echo esc_url(get_theme_mod('clearex_social_url_'.$i))?>" class="<?php echo esc_attr(get_theme_mod( 'clearex_social_icon_'.$i )) ?>"><i class="fab fa-<?php echo esc_attr(get_theme_mod( 'clearex_social_icon_'.$i ))?>"></i></a></li>
<?php 
endif; 
endfor; 
?>
</ul>
</div>