
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title><?=$_title; ?> | <?=NAME; ?></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta content="Кабинет пользователя" name="description" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

        <link rel="SHORTCUT ICON" type="image/png" href="/assets/images/favicon.png">

        <link href="/assets/styles/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="/assets/styles/icons.css" rel="stylesheet" type="text/css">
        <link href="/assets/styles/style.css" rel="stylesheet" type="text/css">
        <link href="/assets/plugins/bootstrap-sweetalert/sweet-alert.css" rel="stylesheet" type="text/css">
        <link href="/assets/plugins/bootstrap-touchspin/css/jquery.bootstrap-touchspin.min.css" rel="stylesheet" />
    </head>


    <body class="fixed-left">
        <div id="wrapper">
            <div class="topbar">
                <!--<div class="topbar-left">
                    <div class="text-center">
                        <a href="/" class="logo"><span><?=NAME; ?></span></a>
                        <a href="/" class="logo-sm"><span>PP</span></a>
                    </div>
                </div>-->
                <div class="navbar navbar-default" role="navigation">
                    <div class="container">
                        <div class="">
                           <div class="pull-left">
                                <button type="button" class="button-menu-mobile open-left waves-effect waves-light">
                                    <i class="ion-navicon"></i>
                                </button>
                                <span class="clearfix"></span>
                            </div>
                            <div class="btn-group topbtngroup">
							    <a href="/"><span class="topbtnlist waves-effect">Главная</span></a>
							    <a href="/about"><span class="topbtnlist waves-effect">FAQ</span></a>
							    <a href="/stats"><span class="topbtnlist waves-effect">Статистика</span></a>
              <a href="/competitions"><span class="topbtnlist waves-effect"> Конкурсы</span></a>

							    
                            </div>
                            <ul class="nav navbar-nav navbar-right pull-right">
                                <div class="btn-group topbtngroup">
							
							    <a href="/settings" ><span class="topbtnlist waves-effect">Настройки</span></a>
							    
                            </div>
								<div class="btn-group topbtngroup">
							
							    <a href="/exit" ><span class="topbtnlist waves-effect">Выход</span></a>
							    
                            </div>
                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">

                    <div class="user-details">
                        <div class="text-center">
                            <img src="/assets/images/nouser.png" alt="" class="img-circle">
                        </div>
                        <div class="user-info">
                            <div class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><?=$this->user_data['user']; ?></a>
                                <ul class="dropdown-menu">
                                    <li><a href="/cabinet"> Мой кабинет</a></li>
                                    <li><a href="/settings"> Настройки</a></li>
									<li><a href="/referals"><span class="badge badge-success pull-right"><?=$this->counters['referals']; ?></span> Рефералы </a></li>
                                    <li class="divider"></li>
                                    <li><a href="/exit"> Выход</a></li>
                                </ul>
                            </div>

                            <p class="text-muted m-0"><i class="fa fa-dot-circle-o text-success"></i> Online</p>
                        </div>
						<br>
                        <button type="button" class="btn waves-effect btn-default btn-block" style="text-align: left;padding: 6px 10px;font-size: 13px;" data-toggle="tooltip" data-placement="top" data-original-title="Баланс на счету для покупок">
						    <i class="mdi mdi-arrow-left-bold-circle-outline"></i> На покупки: <div class="balancelist"><?=sprintf("%.2f", $this->user_data['money_b']); ?> руб.</div>
						</button>
                        <button type="button" class="btn waves-effect btn-default btn-block" style="text-align: left;padding: 6px 10px;font-size: 13px;margin-top:5px;" data-toggle="tooltip" data-placement="top" data-original-title="Ваш баланс на счету для выплат">
						    <i class="mdi mdi-arrow-right-bold-circle-outline"></i> На вывод: <div class="balancelist"><?=sprintf("%.2f", $this->user_data['money_p']); ?> руб.</div>
						</button>
                        <button type="button" class="btn waves-effect btn-default btn-block" style="text-align: left;padding: 6px 10px;font-size: 13px;margin-top:5px;" data-toggle="tooltip" data-placement="top" data-original-title="Ваш баланс на счету для рекламы">
						    <i class="mdi mdi-bullhorn"></i> На рекламу: <div class="balancelist"><?=sprintf("%.2f", $this->user_data['money_r']); ?> руб.</div>
						</button>
                    </div>
					
					

                    <div id="sidebar-menu">
					
                        <ul>
                            <li><hr></li>
							<li style="font-size: 10px;letter-spacing: 1.5px;text-transform: uppercase;color: #d2d2d2;border-bottom: 1px solid rgba(255,255,255,.035);padding: 10px 20px;">ГЛАВНЫЕ РАЗДЕЛЫ</li>
                            <li><a href="/cabinet" class="waves-effect"><i class="fa fa-user"></i><span> Мой кабинет </span></a></li>
                            <li><a href="/park" class="waves-effect"><i class="fa fa-home"></i><span> Мои активы <span class="badge badge-default pull-right" data-toggle="tooltip" data-placement="left" data-original-title="Кол-во солдат в вашей казарме"><?=$this->counters['deposits']; ?></span></span></a></li>
                            <li><a href="/leaders" class="waves-effect"><i class="fa fa-tachometer"></i><span> Гонка лидеров </span></a></li>
                            <li><hr></li>
							<li style="font-size: 10px;letter-spacing: 1.5px;text-transform: uppercase;color: #d2d2d2;border-bottom: 1px solid rgba(255,255,255,.035);padding: 10px 20px;">ОПЕРАЦИИ С БАЛАНСОМ</li>
                            <li><a href="/insert" class="waves-effect"><i class="fa fa-plus-square"></i><span> Пополнить баланс <span class="badge badge-default pull-right" data-toggle="tooltip" data-placement="left" data-original-title="Акция на пополнение">+<?=$this->config['insert_b_bonus']; ?>%</span></span></a></li>
                            <li><a href="/payment" class="waves-effect"><i class="fa fa-minus-square"></i><span> Заказать выплату </span></a></li>
                            <li><a href="/exchange" class="waves-effect"><i class="fa fa-refresh"></i><span> Обмен баланса </span></a></li>
                            <li><hr></li>
							<li style="font-size: 10px;letter-spacing: 1.5px;text-transform: uppercase;color: #d2d2d2;border-bottom: 1px solid rgba(255,255,255,.035);padding: 10px 20px;">РЕКЛАМНЫЙ РАЗДЕЛ</li>
                            <li><a href="/serfing" class="waves-effect"><i class="fa fa-mouse-pointer"></i><span> Сёрфинг сайтов</span></a></li>
                            <li><a href="/serfing/add" class="waves-effect"><i class="fa fa-forward"></i><span> Добавить сайт в серфинг </span></a></li>
							<li><a href="/insertserfing" class="waves-effect"><i class="fa fa-bullhorn"></i><span> Рекламный баланс <span class="badge badge-default pull-right" data-toggle="tooltip" data-placement="left" data-original-title="Акция на пополнение">+<?=$this->config['insert_r_bonus']; ?>%</span></span></a></li>
                            <li><hr></li>
							<li style="font-size: 10px;letter-spacing: 1.5px;text-transform: uppercase;color: #d2d2d2;border-bottom: 1px solid rgba(255,255,255,.035);padding: 10px 20px;">РЕФЕРЕАЛЬНАЯ СИСТЕМА</li>
                            <li><a href="/partnership" class="waves-effect"><i class="fa fa-handshake-o"></i><span> Партнерская программа </span></a></li>
                            <li><a href="/referals" class="waves-effect"><i class="fa fa-users"></i><span> Список рефералов <span class="badge badge-default pull-right" data-toggle="tooltip" data-placement="left" data-original-title="Кол-во ваших рефералов"><?=$this->counters['referals']; ?></span></span></a></li>
                            <li><a href="/promo" class="waves-effect"><i class="fa fa-picture-o"></i><span> Рекламные материалы </span></a></li>
                            <li><hr></li>
							<li style="font-size: 10px;letter-spacing: 1.5px;text-transform: uppercase;color: #d2d2d2;border-bottom: 1px solid rgba(255,255,255,.035);padding: 10px 20px;">ПОЛЕЗНЫЕ РАЗДЕЛЫ</li>
                         <li><a href="/quests" class="waves-effect"><i class="fa fa-ravelry"></i><span> Оплачиваемые квесты </span></a></li>
						    <li><a href="/bonus" class="waves-effect"><i class="fa fa-gift"></i><span> Ежедневный бонус </span></a></li>
                           <li><a href="/stats" class="waves-effect"><i class="fa fa-area-chart"></i><span> Статистика проекта </span></a></li>
                            <li><a href="/calculator" class="waves-effect"><i class="fa fa-calculator"></i><span> Калькулятор дохода </span></a></li>
                            
                           
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div> 
            </div>
            <div class="content-page">
                <div class="content">

<div class="">
    <div class="page-header-title">
        <h4 class="page-title"><?=$_title; ?></h4>
    </div>
</div>
<style>
/*body{background:#f3f2f0 !important;}*/
.insert_box{padding: 10px;border-radius: 10px;-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.14);-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.14);box-shadow: 0 0px 10px 3px rgba(255, 255, 255, 0.99);}
.insert_new_btn {
    color: #fff;
    font-weight: 700;
    border: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    outline: none;
    -webkit-transition: 333ms ease-in-out;
    transition: 333ms ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 38px 10px;
	margin-top:10px;
    font-size: 15px;
	letter-spacing:1px;
    background-color: #545454;
   /* -webkit-box-shadow: 0 10px 15px 0 rgba(255,140,0,.2);*/
    /*box-shadow: 0 7px 15px 0 rgba(255,140,0,.2);*/
}
.insert_new_btn:hover{color:#fff;-webkit-transition:133ms ease-in-out;transition:133ms ease-in-out-webkit-box-shadow:0 7px 30px 0 rgba(255,140,0,.4));box-shadow:0 7px 30px 0 rgba(0, 0, 0, 0.4);}
.insert_new_input{border-radius: 50px;letter-spacing: 1px;text-align: center;background-color: #fdfdfd;height: 41px;font-size: 13px;}
.insert_new_input:focus::-webkit-input-placeholder {color: transparent}
.insert_new_input:focus::-moz-placeholder          {color: transparent}
.insert_new_input:focus:-moz-placeholder           {color: transparent}
.insert_new_input:focus:-ms-input-placeholder      {color: transparent}
.balancei_pscount{height:25px;color:#7f7f7f;}
.insert_new_btn:active{color:#fff !important;}
.insert_new_btn:focus{color:#fff !important;}
@media (min-width: 1200px) and (max-width: 1470px) {
	.insert_new_input{font-size: 10px;}
	.insert_new_btn{font-size: 13px;padding: 10px 0px 10px;}
	.balancei_pscount{display:none;}
	}
</style>