<?php
/**
 * Plugin Name: Countdown Time
 * Description: Display your events date into a timer to your visitor with countdown time block
 * Version: 1.0.6
 * Author: bPlugins LLC
 * Author URI: http://bplugins.com
 * License: GPLv3
 * License URI: https://www.gnu.org/licenses/gpl-2.0.txt
 * Text Domain: countdown-time
 */

// ABS PATH
if ( !defined( 'ABSPATH' ) ) { exit; }

// Constant
define( 'CTB_PLUGIN_VERSION', 'localhost' === $_SERVER['HTTP_HOST'] ? time() : '1.0.6' );
define( 'CTB_ASSETS_DIR', plugin_dir_url( __FILE__ ) . 'assets/' );

// Generate Styles
class CTBStyleGenerator {
    public static $styles = [];
    public static function addStyle( $selector, $styles ){
        if( array_key_exists( $selector, self::$styles ) ){
           self::$styles[$selector] = wp_parse_args( self::$styles[$selector], $styles );
        }else { self::$styles[$selector] = $styles; }
    }
    public static function renderStyle(){
        $output = '';
        foreach( self::$styles as $selector => $style ){
            $new = '';
            foreach( $style as $property => $value ){
                if( $value == '' ){ $new .= $property; }else { $new .= " $property: $value;"; }
            }
            $output .= "$selector { $new }";
        }
        return $output;
    }
}

// Countdown Time
class CTBCountdownTimeBlock{
    protected static $_instance = null;

    function __construct(){
        add_action( 'init', [$this, 'register'] );
    }

    public static function instance(){
        if( self::$_instance === null ){
            self::$_instance = new self();
        }
        return self::$_instance;
    }

    function register() {
        wp_register_script( 'ctb_editor_script', plugins_url( 'dist/editor.js', __FILE__ ), [ 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-rich-text' ], CTB_PLUGIN_VERSION, false ); // Backend Script
        wp_register_style( 'ctb_editor_style', plugins_url( 'dist/editor.css', __FILE__ ), [ 'wp-edit-blocks' ], CTB_PLUGIN_VERSION ); // Backend Style
        wp_register_script( 'ctb_script', plugins_url( 'dist/script.js', __FILE__ ), [ 'jquery' ], CTB_PLUGIN_VERSION, true ); // Frontend Script
        wp_register_style( 'ctb_style', plugins_url( 'dist/style.css', __FILE__ ), [ 'wp-editor' ], CTB_PLUGIN_VERSION ); // Frontend Style

        register_block_type( 'ctb/countdown-time', [
            'editor_script' => 'ctb_editor_script',
            'editor_style'  => 'ctb_editor_style',
            'script'        => 'ctb_script',
            'style'         => 'ctb_style',
            'render_callback' => [$this, 'render']
        ] ); // Register Block
        
        wp_set_script_translations( 'ctb_editor_script', 'countdown-time', plugin_dir_path( __FILE__ ) . 'languages' ); // Translate
    }

    function render( $attributes ){
        extract( $attributes );
        $align = $align ?? '';
        $cId = $cId ?? '';
        $layout = $layout ?? 'default';
        $boxIsInline = $boxIsInline ?? false;
        $boxPosition = $boxPosition ?? 'center';
        $isLabels = $isLabels ?? true;
        $isDays = $isDays ?? true;
        $daysLabel = $daysLabel ?? 'Days';
        $isHours = $isHours ?? true;
        $hoursLabel = $hoursLabel ?? 'Hours';
        $isMinutes = $isMinutes ?? true;
        $minutesLabel = $minutesLabel ?? 'Minutes';
        $isSeconds = $isSeconds ?? true;
        $secondsLabel = $secondsLabel ?? 'Seconds';
        $width = $width ?? '0px';
        $background = $background ?? [ 'color' => '#0000' ];
        $padding = $padding ?? [ 'vertical' => '10px', 'horizontal' => '15px' ];
        $shadow = $shadow ?? [];
        $alignment = $alignment ?? 'center';
        $boxBG = $boxBG ?? [ 'type' => 'gradient', 'color' => '#4527a4', 'gradient' => 'linear-gradient(135deg, #4527a4, #8344c5)' ];
        $boxWidth = $boxWidth ?? '170px';
        $boxHeight = $boxHeight ?? '120px';
        $boxSpace = $boxSpace ?? '30px';
        $boxBorder = $boxBorder ?? [ 'radius' => '5%' ];
        $boxShadow = $boxShadow ?? [];
        $digitTypo = $digitTypo ?? [ 'fontSize' => 48 ];
        $digitColor = $digitColor ?? '#fff';
        $labelTypo = $labelTypo ?? [ 'fontSize' => 18 ];
        $labelColor = $labelColor ?? '#fff';
        $isSep = $isSep ?? false;
        $sepType = $sepType ?? ':';
        $sepSize = $sepSize ?? 52;
        $sepColor = $sepColor ?? '#4527a4';

        $countdownStyle = new CTBStyleGenerator(); // Generate Styles
        $countdownStyle::addStyle( "#ctbCountdownTime-$cId", [
            'align-items' => $alignment,
            'justify-content' => $alignment
        ] );
        $countdownStyle::addStyle( "#ctbCountdownTime-$cId .countdownItems", [
            'width' => '0px' === $width || '0%' === $width || '0em' === $width ? 'auto' : $width,
            $background['styles'] ?? 'background-color: #0000;' => '',
            'padding' => $padding['styles'] ?? '10px 15px',
            'box-shadow' => $shadow['styles'] ?? 'none',
            'justify-content' => $boxPosition
        ] );
        $countdownStyle::addStyle( "#ctbCountdownTime-$cId .countdownItems .countdownItem", [
            $boxBG['styles'] ?? 'background-image: linear-gradient(135deg, #4527a4, #8344c5);' => '',
            'width' => $boxWidth,
            'height' => $boxHeight,
            'margin-left' => "calc( $boxSpace / 2 )",
            'margin-right' => "calc( $boxSpace / 2 )",
            $boxBorder['styles'] ?? 'border-radius: 5%;' => '',
            'box-shadow' => $boxShadow['styles'] ?? '0 0 0 0 #0000'
        ] );
        $countdownStyle::addStyle( "#ctbCountdownTime-$cId .countdownItems .separator::before", [
            'content' => "'$sepType'",
            'font-size' => $sepSize . 'px',
            'color' => $sepColor
        ] );
        $countdownStyle::addStyle( "#ctbCountdownTime-$cId .countdownItems .countdownItem .digit", [
            'color' => $digitColor,
            $digitTypo['styles'] ?? 'font-size: 48px;' => ''
        ] );
        $countdownStyle::addStyle( "#ctbCountdownTime-$cId .countdownItems .countdownItem .label", [
            'color' => $labelColor,
            $labelTypo['styles'] ?? 'font-size: 18px;' => ''
        ] );

        $boxClass = $boxIsInline ? 'inline' : '';

        ob_start(); ?>
        <div class='wp-block-ctb-countdown-time <?php echo 'align' . esc_attr( $align ); ?>' id='ctbCountdownTime-<?php echo esc_attr( $cId ) ?>' data-date="<?php echo esc_attr( wp_json_encode( ['destDate' => $destDate ?? ''] ) ); ?>">
            <style>@import url( <?php echo esc_url( $digitTypo['googleFontLink'] ?? '' ); ?> ); @import url( <?php echo esc_url( $labelTypo['googleFontLink'] ?? '' ); ?> ); <?php echo wp_kses( $countdownStyle::renderStyle(), [] ); ?>
                @media screen and ( max-width: 575px ) { #ctbCountdownTime-<?php echo esc_html( $cId ); ?> .countdownItems .countdownItem{
                    margin-top: calc( <?php echo esc_html( $boxSpace ); ?> / 2 ); margin-bottom: calc( <?php echo esc_html( $boxSpace ); ?> / 2 );
                } }
            </style>

            <div class='countdownItems'>
                <?php $this->box( $isDays, "countdownDays $boxClass", $isLabels, $daysLabel ); ?>
                <?php echo $isSep && $isDays && ( $isHours || $isMinutes || $isSeconds ) ? "<span class='separator'></span>" : ''; ?>
                <?php $this->box( $isHours, "countdownHours $boxClass", $isLabels, $hoursLabel ); ?>
                <?php echo $isSep && $isHours && ( $isMinutes || $isSeconds ) ? "<span class='separator'></span>" : ''; ?>
                <?php $this->box( $isMinutes, "countdownMinutes $boxClass", $isLabels, $minutesLabel ); ?>
                <?php echo $isSep && $isMinutes && $isSeconds ? "<span class='separator'></span>" : ''; ?>
                <?php $this->box( $isSeconds, "countdownSeconds $boxClass", $isLabels, $secondsLabel ); ?>
            </div>
        </div>

        <?php $countdownStyle::$styles = []; // Empty styles
        return ob_get_clean();
    } // Render

    function box( $is, $boxClass, $isLabels, $label ){
        if( $is ){ ?><div class='countdownItem <?php echo esc_attr( $boxClass ) ?>'>
            <span class='digit'>00</span> 
            <?php echo $isLabels ? "<span class='label'>". wp_kses_post( $label ) ."</span>" : ''; ?>
        </div><?php }
    } // Box
}
CTBCountdownTimeBlock::instance();