<?php

/**
 * Dyanmically apply user CSS.
 */

namespace Hurrytimer;

use Hurrytimer\Utils\Helpers;

$campaigns = Helpers::getCampaigns(['post_status' => 'any']);

foreach ($campaigns as $post):
    $campaign = new Campaign($post->ID);
    $campaign->loadSettings();

    // Identifier class of the current campaign.
    $campaignClass = ".hurrytimer-campaign-{$campaign->getId()}";
    ?>

    <?php
    // ------------------------------------------------
    // Campaign container
    // ------------------------------------------------
    ?>
    <?php echo $campaignClass ?>{
    text-align: <?php echo $campaign->campaignAlign ?>;
    display: <?php echo $campaign->campaignDisplay ?>;
    }
    <?php
    // ------------------------------------------------
    // Digit and seperator
    // ------------------------------------------------
    ?>

    <?php echo "$campaignClass .hurrytimer-timer-digit" ?>,
    <?php echo "$campaignClass .hurrytimer-timer-sep" ?>
    {
    color: <?php echo $campaign->digitColor ?>;
    display: <?php echo $campaign->blockDisplay ?>;
    font-size: <?php echo $campaign->digitSize ?>px;
    }

    <?php echo "$campaignClass .hurrytimer-timer" ?>{
    <?php if ($campaign->campaignDisplay === "inline"): ?>
    display: inline-flex;
    vertical-align: middle;
<?php else: ?>
    justify-content:
    <?php switch ($campaign->campaignAlign) {
        case  'left':
            echo 'flex-start';
            break;
        case  'right':
            echo 'flex-end';
            break;
        default:
            echo 'center';
            break;
    }
    ?>
<?php endif; ?>
    }

    <?php
// ------------------------------------------------
// Label
// ------------------------------------------------
    ?>
    <?php echo "$campaignClass .hurrytimer-timer-label" ?>
    {
    font-size: <?php echo $campaign->labelSize ?>px;
    color: <?php echo $campaign->labelColor ?>;
    text-transform: <?php echo $campaign->labelCase ?>;
    display: <?php echo $campaign->blockDisplay ?>;
    }

    <?php if ($campaign->enableSticky === C::YES): ?>
    .hurrytimer-sticky-<?php echo $campaign->getId() ?> {
    background-color: <?php echo $campaign->stickyBarBgColor; ?>;
    padding-top: <?php echo $campaign->stickyBarPadding ?>px;
    padding-bottom: <?php echo $campaign->stickyBarPadding ?>px;
    <?php echo $campaign->stickyBarPosition; ?>: 0;
    }
    .hurrytimer-sticky-<?php echo $campaign->getId() ?> .hurrytimer-sticky-close svg{
    fill: <?php echo $campaign->stickyBarCloseBtnColor; ?>
    }
<?php endif; ?>

    <?php ?>

    <?php
// ------------------------------------------------
// Headline
// ------------------------------------------------
    ?>
    <?php echo "$campaignClass .hurrytimer-headline"; ?>
    {
    font-size: <?php echo $campaign->headlineSize ?>px;
    color: <?php echo $campaign->headlineColor ?>;
    <?php if ($campaign->headlinePosition === C::HEADLINE_POSITION_BELOW_TIMER): ?>
    margin-<?php echo $campaign->campaignDisplay === "inline" ? 'left'
        : 'top' ?>: <?php echo $campaign->headlineSpacing; ?>px;
<?php else: ?>
    margin-<?php echo $campaign->campaignDisplay === "inline" ? 'right'
        : 'bottom' ?>: <?php echo $campaign->headlineSpacing; ?>px;
<?php endif; ?>

    <?php if ($campaign->campaignDisplay === "inline"): ?>
    display:inline-block;
    vertical-align:middle;
<?php endif; ?>
    }

    <?php echo "$campaignClass .hurrytimer-button-wrap" ?>{
    <?php if ($campaign->campaignDisplay === 'inline'): ?>
    margin-left: <?php echo $campaign->callToAction['spacing'] ?>px;
<?php else: ?>
    margin-top: <?php echo $campaign->callToAction['spacing'] ?>px;
<?php endif; ?>

    <?php if ($campaign->campaignDisplay === "inline"): ?>
    display:inline-block;
    vertical-align:middle;
<?php endif; ?>
    }
    <?php echo "$campaignClass .hurrytimer-button" ?>{
    font-size: <?php echo $campaign->callToAction['text_size'] ?>px;
    color: <?php echo $campaign->callToAction['text_color'] ?>;
    background-color: <?php echo $campaign->callToAction['bg_color'] ?>;
    border-radius: <?php echo $campaign->callToAction['border_radius'] ?>px;
    padding: <?php echo $campaign->callToAction['y_padding'] . 'px '
                        . $campaign->callToAction['x_padding'] ?>px;
    }

    @media(max-width:425px) {
    <?php echo $campaignClass ?> .hurrytimer-button-wrap,
    <?php echo $campaignClass ?> .hurrytimer-headline
    {
    margin-left: 0;
    margin-right: 0;
    }
    }
    <?php
// ------------------------------------------------
// Append Custom CSS
// ------------------------------------------------

endforeach;
?>