<?php
/**
 * Name:  Header style 20
 **/
?>
<?php
$slide = ocolus_theme_option_meta(
    '_custom_metabox_theme_options',
    'header_slide',
    'metabox_header_slide'
);
$socials = ocolus_theme_option_meta(
    '_custom_metabox_theme_options',
    'header_social',
    'metabox_header_social'
);
?>
<header id="header" class="header style-20 megamenu-wrap ocolus-dropdown overlay">
    <div class="header-top">
        <div class="header-inner">
            <div class="header-left">
                <div class="block-canvas-bar">
                    <a href="javascript:void(0)" class="canvas-open" data-ocolus="ocolus-dropdown">
                        <span class="icon"><span></span><span></span><span></span></span>
                    </a>
                </div>
                <div class="mobile-block block-menu-bar">
                    <a href="#" class="menu-bar menu-toggle">
                        <span class="icon"><span></span><span></span><span></span></span>
                    </a>
                </div>
            </div>
            <div class="header-center">
                <div class="logo"><?php ocolus_get_logo(); ?></div>
            </div>
            <div class="header-right">
                <?php
                if ( function_exists( 'ocolus_header_mini_cart' ) )
                    ocolus_header_mini_cart();
                ocolus_user_link();
                ocolus_header_search( 'style-02' );
                ?>
                <div class="mobile-block block-menu-bar">
                    <a href="#" class="menu-bar menu-toggle">
                        <span class="icon"><span></span><span></span><span></span></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="header-socials">
        <?php
        if ( !empty( $socials ) ) {
            echo ocolus_do_shortcode( 'ovic_socials',
                array(
                    'socials' => $socials,
                )
            );
        }
        ?>
    </div>
    <?php if ( $slide ) : ?>
        <div class="header-bot">
            <?php echo ocolus_do_shortcode( 'rev_slider', array( 'alias' => $slide ) ) ?>
        </div>
    <?php endif; ?>
    <?php ocolus_header_canvas(); ?>
</header>