<?php /*

Element label: Social bar
Element name: element08

*/

$instagram_url = get_field('instagram', 'option');
$youtube_url = get_field('youtube', 'option');
$facebook_url = get_field('facebook', 'option');

?>
<section class="social-links">
    <div class="social-links__wrap">
        <p class="social-links__text"><?= __('Potražite nas na društvenim mrežama:', 'dinamo'); ?></p>
        <div class="social-links__links">
            <?php if($instagram_url){ ?>
            <a href="<?= $instagram_url ?>" target="_blank" class="social-links__item">
                <img src="<?php echo THEMEROOT; ?>frontend/img/icons/ig-icon.svg" class="social-links__img" alt="Instagram icon">
                <span class="social-links__title"><?= __('Instagram', 'dinamo'); ?></span>
            </a>
            <?php } ?>
            <?php if($youtube_url){ ?>
            <a href="<?= $youtube_url ?>" target="_blank" class="social-links__item">
                <img src="<?php echo THEMEROOT; ?>frontend/img/icons/yt-icon.svg" class="social-links__img" alt="youtube icon">
                <span class="social-links__title"><?= __('Youtube', 'dinamo'); ?></span>
            </a>
            <?php } ?>
            <?php if($facebook_url){ ?>
                <a href="<?= $facebook_url ?>" target="_blank" class="social-links__item">
                    <img src="<?php echo THEMEROOT; ?>frontend/img/icons/fb-icon.svg" class="social-links__img" alt="facebook icon">
                    <span class="social-links__title"><?= __('Facebook', 'dinamo'); ?></span>
                </a>
            <?php } ?>
        </div>
    </div>
</section>