backend/views/layouts/main.php

<?php
    
    /**
     * @var string        $content
     * @var \yii\web\View $this
     */
    
    use artweb\artbox\core\models\User;
    use yii\helpers\Html;
    
    $bundle = yiister\gentelella\assets\Asset::register($this);
    /**
     * @var User $user
     */
    $user = \Yii::$app->user->identity;
?>
<?php $this->beginPage(); ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta charset="<?= Yii::$app->charset ?>"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <?= Html::csrfMetaTags() ?>
        <title><?= Html::encode($this->title) ?></title>
        <?php $this->head() ?>
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="nav-md">
        <?php $this->beginBody(); ?>
        <div class="container body">
            
            <div class="main_container">
                
                <div class="col-md-3 left_col">
                    <div class="left_col scroll-view">
                        
                        <div class="navbar nav_title" style="border: 0;">
                            <a href="/" class="site_title"><i class="fa fa-rocket"></i><span>Artbox!</span></a>
                        </div>
                        <div class="clearfix"></div>
                        
                        <!-- menu prile quick info -->
                        <div class="profile">
                            <div class="profile_pic">
                                <img src="http://placehold.it/128x128" alt="..." class="img-circle profile_img">
                            </div>
                            <div class="profile_info">
                                <span>Welcome,</span>
                                <h2></h2>
                            </div>
                        </div>
                        <!-- /menu prile quick info -->
                        
                        <br/>
                        
                        <!-- sidebar menu -->
                        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                            
                            <div class="menu_section">
                                <h3>General</h3>
                                <?= \yiister\gentelella\widgets\Menu::widget(
                                    [
                                        "items" => [
                                            [
                                                "label" => "Home",
                                                "url"   => "/",
                                                "icon"  => "home",
                                            ],
                                            [
                                                "label" => "Layout",
                                                "url"   => [ "site/layout" ],
                                                "icon"  => "files-o",
                                            ],
                                            [
                                                "label" => "Error page",
                                                "url"   => [ "site/error-page" ],
                                                "icon"  => "close",
                                            ],
                                            [
                                                "label" => "Widgets",
                                                "icon"  => "th",
                                                "url"   => "#",
                                                "items" => [
                                                    [
                                                        "label" => "Menu",
                                                        "url"   => [ "site/menu" ],
                                                    ],
                                                    [
                                                        "label" => "Panel",
                                                        "url"   => [ "site/panel" ],
                                                    ],
                                                ],
                                            ],
                                            [
                                                "label" => "Badges",
                                                "url"   => "#",
                                                "icon"  => "table",
                                                "items" => [
                                                    [
                                                        "label" => "Default",
                                                        "url"   => "#",
                                                        "badge" => "123",
                                                    ],
                                                    [
                                                        "label"        => "Success",
                                                        "url"          => "#",
                                                        "badge"        => "new",
                                                        "badgeOptions" => [ "class" => "label-success" ],
                                                    ],
                                                    [
                                                        "label"        => "Danger",
                                                        "url"          => "#",
                                                        "badge"        => "!",
                                                        "badgeOptions" => [ "class" => "label-danger" ],
                                                    ],
                                                ],
                                            ],
                                            [
                                                "label" => "Multilevel",
                                                "url"   => "#",
                                                "icon"  => "table",
                                                "items" => [
                                                    [
                                                        "label" => "Second level 1",
                                                        "url"   => "#",
                                                    ],
                                                    [
                                                        "label" => "Second level 2",
                                                        "url"   => "#",
                                                        "items" => [
                                                            [
                                                                "label" => "Third level 1",
                                                                "url"   => "#",
                                                            ],
                                                            [
                                                                "label" => "Third level 2",
                                                                "url"   => "#",
                                                            ],
                                                        ],
                                                    ],
                                                ],
                                            ],
                                        ],
                                    ]
                                ) ?>
                            </div>
                        
                        </div>
                        <!-- /sidebar menu -->
                        
                        <!-- /menu footer buttons -->
                        <div class="sidebar-footer hidden-small">
                            <a data-toggle="tooltip" data-placement="top" title="Settings">
                                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                            </a>
                            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                            </a>
                            <a data-toggle="tooltip" data-placement="top" title="Lock">
                                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                            </a>
                            <a data-toggle="tooltip" data-placement="top" title="Logout">
                                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                            </a>
                        </div>
                        <!-- /menu footer buttons -->
                    </div>
                </div>
                
                <!-- top navigation -->
                <div class="top_nav">
                    
                    <div class="nav_menu">
                        <nav class="" role="navigation">
                            <div class="nav toggle">
                                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                            </div>
                            
                            <ul class="nav navbar-nav navbar-right">
                                <li class="">
                                    <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                        <img src="http://placehold.it/128x128" alt="">John Doe
                                        <span class=" fa fa-angle-down"></span>
                                    </a>
                                    <ul class="dropdown-menu dropdown-usermenu pull-right">
                                        <li><a href="javascript:;"> Profile</a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <span class="badge bg-red pull-right">50%</span>
                                                <span>Settings</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">Help</a>
                                        </li>
                                        <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
                                        </li>
                                    </ul>
                                </li>
                                
                                <li role="presentation" class="dropdown">
                                    <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-envelope-o"></i>
                                        <span class="badge bg-green">6</span>
                                    </a>
                                    <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                                        <li>
                                            <a>
                      <span class="image">
                                        <img src="http://placehold.it/128x128" alt="Profile Image"/>
                                    </span>
                                                <span>
                                        <span>John Smith</span>
                      <span class="time">3 mins ago</span>
                      </span>
                                                <span class="message">
                                        Film festivals used to be do-or-die moments for movie makers. They were where...
                                    </span>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                      <span class="image">
                                        <img src="http://placehold.it/128x128" alt="Profile Image"/>
                                    </span>
                                                <span>
                                        <span>John Smith</span>
                      <span class="time">3 mins ago</span>
                      </span>
                                                <span class="message">
                                        Film festivals used to be do-or-die moments for movie makers. They were where...
                                    </span>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                      <span class="image">
                                        <img src="http://placehold.it/128x128" alt="Profile Image"/>
                                    </span>
                                                <span>
                                        <span>John Smith</span>
                      <span class="time">3 mins ago</span>
                      </span>
                                                <span class="message">
                                        Film festivals used to be do-or-die moments for movie makers. They were where...
                                    </span>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                      <span class="image">
                                        <img src="http://placehold.it/128x128" alt="Profile Image"/>
                                    </span>
                                                <span>
                                        <span>John Smith</span>
                      <span class="time">3 mins ago</span>
                      </span>
                                                <span class="message">
                                        Film festivals used to be do-or-die moments for movie makers. They were where...
                                    </span>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="text-center">
                                                <a href="/">
                                                    <strong>See All Alerts</strong>
                                                    <i class="fa fa-angle-right"></i>
                                                </a>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                            
                            </ul>
                        </nav>
                    </div>
                
                </div>
                <!-- /top navigation -->
                
                <!-- page content -->
                <div class="right_col" role="main">
                    <?php if (isset( $this->params[ 'h1' ] )): ?>
                        <div class="page-title">
                            <div class="title_left">
                                <h1><?= $this->params[ 'h1' ] ?></h1>
                            </div>
                            <div class="title_right">
                                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Search for...">
                                        <span class="input-group-btn">
                                <button class="btn btn-default" type="button">Go!</button>
                            </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endif; ?>
                    <div class="clearfix"></div>
                    
                    <?= $content ?>
                </div>
                <!-- /page content -->
                <!-- footer content -->
                <footer>
                    <div class="pull-right">
                        Gentelella - Bootstrap Admin Template by
                        <a href="https://colorlib.com" rel="nofollow" target="_blank">Colorlib</a><br/>
                        Extension for Yii framework 2 by
                        <a href="http://yiister.ru" rel="nofollow" target="_blank">Yiister</a>
                    </div>
                    <div class="clearfix"></div>
                </footer>
                <!-- /footer content -->
            </div>
        
        </div>
        
        <div id="custom_notifications" class="custom-notifications dsp_none">
            <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
            </ul>
            <div class="clearfix"></div>
            <div id="notif-group" class="tabbed_notifications"></div>
        </div>
        <!-- /footer content -->
        <?php $this->endBody(); ?>
    </body>
</html>
<?php $this->endPage(); ?>