<?php
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

/**
 * @var \Magento\Theme\Block\Html\Header $block
 */

$_config    = $this->helper('Sm\Market\Helper\Data');
$mediaSrc   = $_config->getMediaUrl();
$logoMobile = $_config->getMobileThemeLayout('logo_mobile');
?>
<header class="page-header mb-header-device">
    <div class="mobile-top">
        <div class="container">
            <div class="top-content">
                <div class="mobile-logo">
                    <a href="<?php echo $this->getUrl('') ?>">
                        <img src="<?php echo $mediaSrc . 'logomobiletheme/' . $logoMobile; ?>"
                             alt="<?php /* @escapeNotVerified */
                             echo $block->getLogoAlt() ?>"
                             width="<?php echo $_config->getMobileThemeLayout('logomobile_width'); ?>"
                             height="<?php echo $_config->getMobileThemeLayout('logomobile_height'); ?>"/>
                    </a>
                </div>

                <div class="mobile-right">
                    <div class="button-mobile-top mb-search">
                        <a href="javascript:void(0);"><span class="icon-search1"></span></a>
                    </div>

                    <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('mobile-header-phone')->toHtml(); ?>

                    <div class="button-mobile-top mb-cart">
                        <?php echo $this->getChildHtml("minicart"); ?>
                    </div>
                </div>

                <div class="search-wrapper">
                    <?php echo $this->getChildHtml("topSearch"); ?>
                </div>

                <a class="close-search" href="javascript:void(0);"><span class="icon-x"></span></a>
            </div>

        </div>
    </div>

    <div class="sticky-bottom">
        <div class="container">
            <div class="content-group-block">
                <div class="group-block">
                    <div class="block-bottom">
                        <a class="button-sticky-bottom button-no-dropdown" href="<?php echo $this->getUrl('') ?>">
                            <em class="icon-home" style="font-size: 18px;"></em>
                            <span class="title-menu"><?php echo __('Home'); ?></span>
                        </a>
                    </div>

                    <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('mobile-layout-menu-bottom')->toHtml(); ?>

                    <div id="myaccount-drop" class="block-bottom">
                        <a class="button-sticky-bottom" href="javascript:void(0)" data-drop="myaccount-drop">
                            <em class="icon-user1" style="font-size: 18px;"></em>
                            <span class="title-menu"><?php echo __('Account'); ?></span>
                        </a>

                        <div class="dropdown-header-sticky myaccount-dropdown">
                            <?php $login = $block->getLayout()->createBlock('Magento\Customer\Block\Account\Customer'); ?>
                            <div class="content-dropdown-sticky">
                                <div class="title-sticky-bottom">
                                    <?php echo __('My Account'); ?>

                                    <?php if ($login->customerLoggedIn()) { ?>
                                        <a class="btn-logout"
                                           href="<?php echo $this->getUrl('customer/account/logout') ?>"><?php echo __('Logout') ?></a>
                                    <?php } ?>

                                    <a class="toggle-button-sticky close-sticky-bottom" data-drop="myaccount-drop"><i
                                                class="icon-x"></i></a>
                                </div>

                                <div class="content-dropdown">
                                    <?php if ($login->customerLoggedIn()) {
                                        echo $this->getChildHtml('header.links');
                                    } else {
                                        echo $this->getChildHtml("customer_form_login_sticky");
                                    } ?>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="menu-drop" class="block-bottom">
                        <a class="button-sticky-bottom" href="javascript:void(0)" data-drop="menu-drop">
                            <em class="icon-menu" style="font-size: 18px;"></em>
                            <span class="title-menu"><?php echo __('Menu'); ?></span>
                        </a>

                        <div class="dropdown-header-sticky navigation-dropdown">
                            <div class="content-dropdown-sticky">
                                <div class="title-sticky-bottom">
                                    <div class="language-currency-sticky">
                                        <?php echo $this->getChildHtml("store_language"); ?>
                                        <?php echo $this->getChildHtml("currency"); ?>
                                    </div>
                                    <a class="toggle-button-sticky close-sticky-bottom" data-drop="menu-drop"><i
                                                class="icon-x"></i></a>
                                </div>

                                <div class="content-dropdown">
                                    <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('megamenu-mobile')->toHtml(); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

