<!-- Social buttons div -->
<div class="social" id="uploadDivSocial">
    <?php
    if(!empty($social_facebook)) :
        ?>
        <a href="<?php echo $social_facebook; ?>" class="btn btn-social-icon btn-facebook btn-sm" target="_blank"><i class="fa fa-facebook"></i></a>
        <?php
    endif;
    if(!empty($social_twitter)) :
        ?>
        <a href="<?php echo $social_twitter; ?>" class="btn btn-social-icon btn-twitter btn-sm" target="_blank"><i class="fa fa-twitter"></i></a>
        <?php
    endif;
    if(!empty($social_tumblr)) :
        ?>
        <a href="<?php echo $social_tumblr; ?>" class="btn btn-social-icon btn-tumblr btn-sm" target="_blank"><i class="fa fa-tumblr"></i></a>
        <?php
    endif;
    if(!empty($social_google)) :
        ?>
        <a href="<?php echo $social_google; ?>" class="btn btn-social-icon btn-google-plus btn-sm" target="_blank"><i class="fa fa-google"></i></a>
        <?php
    endif;
    if(!empty($social_instagram)) :
        ?>
        <a href="<?php echo $social_instagram; ?>" class="btn btn-social-icon btn-instagram btn-sm" target="_blank"><i class="fa fa-instagram"></i></a>
        <?php
    endif;
    if(!empty($social_github)) :
        ?>
        <a href="<?php echo $social_github; ?>" class="btn btn-social-icon btn-github btn-sm" target="_blank"><i class="fa fa-github"></i></a>
        <?php
    endif;
    if(!empty($social_pinterest)) :
        ?>
        <a href="<?php echo $social_pinterest; ?>" class="btn btn-social-icon btn-google-plus btn-sm" target="_blank"><i class="fa fa-pinterest"></i></a>
        <?php
    endif;
    ?>
</div>
<!-- End social buttons div -->

<div id="uploadSettings" class="uploadSettings" style="display: none;">
    <div style="float: left; margin-left: 20px; margin-top: 7px; width: 130px;">
        <h4><?php echo $site_name; ?></h4><hr style="margin-bottom: 0px;">
        <ul style="list-style-type: none; padding-left: 0;">
            <li><a id="terms_tab" class="settingsNav" onclick="openInlinePage(this.id);"><?php echo $text['terms_service']; ?></a></li>
            <li><a id="about_tab" class="settingsNav" onclick="openInlinePage(this.id);"><?php echo $text['about_us']; ?></a></li>
        </ul>
    </div>
    <div class="settingsContent">
        <div style="float: right; padding-top: 5px; padding-right: 5px;">
            <i class="fa fa-times-circle-o" style="color: #716C6C; font-size: 25px; cursor: pointer; cursor: hand;" onclick="closeSettings();"></i>
        </div>
        <div class="settingsBody">
            <div id="terms_tab_body" class="settingsBodyContent" style="display: none; overflow: auto; height: 360px; width: 90%;">
                <?php
                echo $terms_text;
                ?>
            </div>
            <div id="about_tab_body" class="settingsBodyContent" style="display: none; overflow: auto; height: 360px; width: 90%;">
                <?php
                echo $about_text;
                ?>
            </div>
        </div>
    </div>
    <div class="headerDivider"></div>
</div>

<div class="main" id="cookieDiv">
    <div id="downloadError" style="width: 70%; margin-left: auto; margin-right: auto; font-size: 14px;">
        <div class="progressImage"><i class="fa fa-globe fa-5x"></i></div>
        <div class="progressMessage">
            <p><?php echo $text['accept_terms']; ?></p>
        </div>

        <div style="text-align: center;">
            <p><a href="?goto=terms_tab"><?php echo $text['view_terms']; ?></a></p>
        </div>

        <div class="buttonSection" style="width: 70%;">
            <a class="btn btn-default btn-block btn-sm" href="src/action.php?action=acceptterms"><i class="fa fa-check"></i> <?php echo $text['accept']; ?></a>
        </div>
    </div>
</div>