<?php

/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;
use app\assets\AppAsset;


AppAsset::register($this);
?>
<?php $this->beginPage() ?>
    <!DOCTYPE html>
    <html lang="<?= Yii::$app->language ?>">
    <head>
        <meta charset="<?= Yii::$app->charset ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <!-- <meta name="MobileOptimized" content="991"/>
        <meta name="HandheldFriendly" content="true"/> -->
        <?= Html::csrfMetaTags() ?>
        <title><?= Html::encode($this->title) ?></title>
        <?php $this->head() ?>
    </head>
    <body>
    <?php $this->beginBody() ?>

    <section class="site-header banner bg-dark d-flex align-items-center">
        <div class="container">
            <div class="row no-gutters">
                <!-- logos -->
                <div class="col-6 col-sm-4 col-lg-5 align-self-center">
                    <a href="/"><img src="/images/react-logic-logo.png" alt="logo" class="logo"></a>
                    <p class="logo-slogan d-none d-lg-inline-block">Електронний торговий<br>майданчик</p>
                </div>
                <!-- contact info -->
                <div class="col-12 col-sm-6 col-lg-7 align-self-center text-right d-none d-sm-inline-block">
					<span class="contact-info text-left d-none d-lg-inline-block">
						<a class="link-contacts" href="tel:+380443337098">044-333-70-98</a><br>
						<a class="link-contacts" href="mailto:office@react-logic.com">office@react-logic.com</a>
					</span>
                    <span class="contact-info text-left d-none d-lg-inline-block">
						<a class="link-contacts" href="tel:+380508883298">050-888-32-98</a><br>
						<a class="link-contacts" href="tel:+380988883298">098-888-32-98</a>
					</span>
                    <?php if (Yii::$app->user->isGuest){?>
                        <span class="contact-info-reg text-right d-lg-inline-block">
						<a class="btn btn-link btn-overlap" href="/site/login">Увійти</a><br>
						<a class="btn btn-link btn-overlap" href="/registration/register">Реєстрація</a>
					</span>
                    <?php }else{?>
                        <a class="btn btn-link btn-overlap" href="/cabinet">Кабінет</a><br>
                    <?php }?>
                </div>

                <!-- start hidden -->
                <div class="col-6 col-sm-2 d-inline-block d-lg-none align-self-center text-right">
                    <button type="button" id="miniRegCall" class="btn btn-primary d-sm-none">
                        <img src="/images/icon-user.png">
                    </button>
                    <button type="button" id="miniListCall" class="btn btn-primary ml-3">
                        <img src="/images/menu-icon.png">
                    </button>
                </div>
                <!-- end hidden -->
            </div>
        </div>

        <nav id="menuMiniReg" class="menu-mini-reg d-sm-none">
            <h4 class="menu-mini-title font-weight-bold text-center">Вхід та реєстрація</h4>
            <a href="/user/login" class="btn btn-primary btn-block btn-lg">Вхід</a>
            <a href="/registration/register" class="btn btn-warning btn-block btn-lg">Реєстрація</a>
            <button type="button" class="menu-mini-close">
                <img src="/images/icon-close.png" alt="">
            </button>
        </nav>

        <nav id="menuMiniList" class="menu-mini-list d-lg-none">

            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item">
                    <a class="nav-link" href="#">Про нас!!!!!!!!!!!!!!!!!!!</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Учасникам</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="/publishing">Публікації</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/category/novini">Новини</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Контакти</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto social">
                <li class="nav-item">
                    <a class="nav-link social-vk" href="#">
                        <!-- <img src="/images/vk.png" alt="vk"> -->
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link social-fb" href="#">
                        <!-- <img src="/images/fb.png" alt="fb"> -->
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link social-gplus" href="#">
                        <!-- <img src="/images/g+.png" alt="gplus"> -->
                    </a>
                </li>
            </ul>
            <ul class="text-center">
                <li><a href="/" class="link-primary">Про нас!!!</a></li>
                <li><a href="#" class="link-primary">Учасникам****</a></li>


                <li><a href="/publishing" class="link-primary">Публікації</a></li>
                <li><a href="/category/novini" class="link-primary">Новини</a></li>
                <li><a href="#" class="link-primary">Контакти</a></li>
            </ul>

            <div class="contact-info-mini text-center">
                <p><a href="tel:+380443337098">044-333-70-98</a></p>
                <p><a href="tel:+380508883298">050-888-32-98</a></p>
                <p><a href="tel:+380988883298">098-888-32-98</a></p>
            </div>

            <button type="button" class="menu-mini-close">
                <img src="/images/icon-close.png" alt="">
            </button>
        </nav>
    </section>

    <!-- menu with socials -->
    <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary site-navigate d-none d-lg-flex">
        <div class="container">
            <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#bottom-menu" aria-controls="bottom-menu" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="bottom-menu">
                <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                    <li class="nav-item">
                        <a class="nav-link" href="#">Про нас</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Учасникам</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="/publishing">Публікації</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/category/novini">Новини</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Контакти</a>
                    </li>
                </ul>
                <ul class="navbar-nav ml-auto social">
                    <li class="nav-item">
                        <a class="nav-link social-vk" href="#">
                            <!-- <img src="/images/vk.png" alt="vk"> -->
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link social-fb" href="#">
                            <!-- <img src="/images/fb.png" alt="fb"> -->
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link social-gplus" href="#">
                            <!-- <img src="/images/g+.png" alt="gplus"> -->
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <main class="site-content">
        <?= $content ?>
    </main>

    <footer class="site-footer align-items-center">
        <div class="container">
            <div class="row">
                <div class="banner-footer col-12 col-lg-6 align-self-center">
                    <a href=""><img class="logo" src="/images/react-logic-logo.png" alt="logo"></a>
                    <p class="logo-slogan d-none d-sm-inline-block text-white">Електронний торговий<br>майданчик</p>

                    <button type="button" id="miniListCallFooter" class="btn btn-primary d-lg-none float-right mt-2">
                        <img src="/images/menu-icon.png">
                    </button>

                    <nav class="menu-mini-list-footer">
                        <ul class="text-center">
                            <li><a href="#" class="link-primary">Про нас</a></li>
                            <li><a href="#" class="link-primary">Учасникам</a></li>
                            <!--<li><a href="#" class="link-primary">Замовникам</a></li>-->
                            <li><a href="/publishing" class="link-primary">Публікації</a></li>
                            <li><a href="/news-catalog.html" class="link-primary">Новини</a></li>
                            <li><a href="#" class="link-primary">Контакти</a></li>
                        </ul>
                        <button type="button" class="menu-mini-close-footer">
                            <img src="/images/icon-close.png" alt="">
                        </button>
                    </nav>

                </div>

                <div class="col-12 col-lg-6 align-self-center text-right d-none d-lg-block">
        	<span class="contact-info text-left d-lg-inline-block">
            	<a class="link-contacts" href="tel:+380443337098">044-333-70-98</a><br>
            	<a class="link-contacts" href="mailto:office@react-logic.com">office@react-logic.com</a>
          	</span>
                    <span class="contact-info text-left d-lg-inline-block">
            	<a class="link-contacts" href="tel:+380508883298">050-888-32-98</a><br>
            	<a class="link-contacts" href="tel:+380988883298">098-888-32-98</a>
          	</span>
                </div>
            </div>
            <nav class="navbar navbar-expand-lg bg-primary bg-dark d-none d-lg-flex">
                <div class="container">
                    <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#top-menu" aria-controls="top-menu" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="top-menu">
                        <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                            <li class="nav-item">
                                <a class="nav-link" href="#">Про нас</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Учасникам</a>
                            </li>
                           <!-- <li class="nav-item">
                                <a class="nav-link" href="#">Замовникам</a>
                            </li>-->
                            <li class="nav-item">
                                <a class="nav-link" href="/publishing">Публікації</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Новини</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Контакти</a>
                            </li>
                        </ul>
                        <ul class="navbar-nav ml-auto social">
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    <img src="/images/vk.png" alt="vk">
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    <img src="/images/fb.png" alt="fb">
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    <img src="/images/gplus.png" alt="g+">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
            <div style="padding: 30px 0 0; border-top: 1px solid #dcdde0; border-bottom: 1px solid #dcdde0" class="contact-info-mini text-center mt-3 d-lg-none">
                <p><a class="link-contacts" href="tel:+380443337098">044-333-70-98</a></p>
                <p><a class="link-contacts" href="tel:+380508883298">050-888-32-98</a></p>
                <p><a class="link-contacts" href="tel:+380988883298">098-888-32-98</a></p>
                <p><a class="link-contacts" href="mailto:office@react-logic.com">office@react-logic.com</a></p>
                <ul class="navbar-nav flex-row social justify-content-center">
                    <li class="nav-item">
                        <a class="nav-link" href="#">
                            <img src="/images/vk.png" alt="vk">
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">
                            <img src="/images/fb.png" alt="fb">
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">
                            <img src="/images/gplus.png" alt="g+">
                        </a>
                    </li>
                </ul>
            </div>

            <div class="copyright mt-2">
                <div class="row">
                    <div class="col d-none d-lg-block">

                        <p class="text-white">&copy; <?=date('Y')?>  <a href="#" class="link-copyright">reactlogic.com.ua</a></p>

                    </div>
                    <div class="col text-center text-lg-right text-white">Сайт розроблено — <a href="#" class="link-copyright">«React Logic»</a></div>
                </div>
            </div>
        </div>
    </footer>
    <?php $this->endBody() ?>


    </body>
    </html>
<?php $this->endPage() ?>
