<?php


namespace ColibriWP\Theme\Components;


use ColibriWP\Theme\Core\ComponentBase;
use ColibriWP\Theme\Core\Hooks;
use ColibriWP\Theme\Defaults;
use ColibriWP\Theme\Theme;
use ColibriWP\Theme\Translations;
use ColibriWP\Theme\View;
use Exception;

class Header extends ComponentBase {

    protected static function getOptions() {
        return array(
            "settings" => array(),

            "sections" => array(
                "top_bar" => array(
                    'title'    => Translations::get( 'top_bar_settings' ),
                    'priority' => 0,
                    'panel'    => 'header_panel',
                    'type'     => 'colibri_section',
                ),

                "nav_bar" => array(
                    'title'    => Translations::get( 'nav_settings' ),
                    'priority' => 0,
                    'panel'    => 'header_panel',
                    'type'     => 'colibri_section',
                ),

                "hero" => array(
                    'title'    => Translations::get( 'hero_settings' ),
                    'priority' => 0,
                    'panel'    => 'header_panel',
                    'type'     => 'colibri_section',
                ),
            ),

            "panels" => array(
                "header_panel" => array(
                    'priority'       => 1,
                    'title'          => Translations::get( 'header_sections' ),
                    'type'           => 'colibri_panel',
                    'footer_buttons' => array(
                        'change_header' => array(
                            'label'         => Translations::get( 'change_header_design' ),
                            'name'          => 'colibriwp_headers_panel',
                            'classes'       => array( 'colibri-button-large', 'colibri-button-orange' ),
                            'icon'          => 'dashicons-admin-customizer',
                            'activate_when' => array(
                                'selector' => Defaults::get( 'header_front_page.hero.selective_selector', false )
                            )
                        )
                    )
                ),
            ),
        );
    }

    /**
     * @throws Exception
     */
    public function renderContent() {

        Hooks::colibri_do_action( 'before_header' );
        $header_class = View::isFrontPage() ? "header-front-page" : "header-inner-page";
        View::printSkipToContent();
        ?>
        <div class="header <?php echo $header_class; ?>">
            <?php View::isFrontPage() ? $this->renderFrontPageFragment() : $this->renderInnerPageFragment(); ?>
        </div>
        <script type='text/javascript'>
            (function () {
                // forEach polyfill
                if (!NodeList.prototype.forEach) {
                    NodeList.prototype.forEach = function (callback) {
                        for (var i = 0; i < this.length; i++) {
                            callback.call(this, this.item(i));
                        }
                    }
                }

                var navigation = document.querySelector('[data-colibri-navigation-overlap="true"], [data-colibri-component="navigation"][data-overlap="true"]');
                if (navigation) {
                    var els = document
                        .querySelectorAll('.h-navigation-padding');
                    if (els.length) {
                        els.forEach(function (item) {
                            item.style.paddingTop = navigation.offsetHeight + "px";
                        });
                    }
                }
            })();
        </script>
        <?php
    }


    /**
     * @throws Exception
     */
    private function renderFrontPageFragment() {

        //Theme::getInstance()->get( 'top-bar' )->render();
        Theme::getInstance()->get( 'front-nav-bar' )->render();
        Theme::getInstance()->get( 'front-hero' )->render();
    }

    private function renderInnerPageFragment() {
        //Theme::getInstance()->get( 'top-bar' )->render();
        Theme::getInstance()->get( 'inner-nav-bar' )->render();
        Theme::getInstance()->get( 'inner-hero' )->render();
    }

    public function getRenderData() {
        return array(
            'mods' => $this->mods(),
        );
    }
}