<?php
	class Header extends SideBar
	{	
		 
		function header($text='')
		{  
		    $page_body =
            '<!DOCTYPE html>
                <html lang="en">
                
                <head>
                    <!-- Required meta tags-->
                    <meta charset="UTF-8">
                    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
                    <meta name="description" content="pos laravel">
                    <meta name="author" content="Samir Gotur">
                    <meta name="keywords" content="pos laravel">
                
                    <!-- Title Page-->
                    <title>'.$text.'</title>
                
                    <!-- Fontfaces CSS-->
                    <link href="'.BASE_URL.'css/font-face.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">
                
                    <!-- Bootstrap CSS-->
                    <link href="'.BASE_URL.'vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">
                
                    <!-- Vendor CSS-->
                    <link href="'.BASE_URL.'vendor/animsition/animsition.min.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/wow/animate.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/slick/slick.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/select2/select2.min.css" rel="stylesheet" media="all">
                    <link href="'.BASE_URL.'vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">
                
                    <!-- Main CSS-->
                    <link href="'.BASE_URL.'css/theme.css" rel="stylesheet" media="all">
                    <style>
					
						#wait {
							margin: 0px;
							padding: 0px;
							position: fixed;
							right: 0px;
							top: 0px;
							width: 100%;
							height: 100%;
							background-color: rgb(102, 102, 102);
							z-index: 30001;
							opacity: 0.5;
							display:none;
						}
						
						#wait img {
							top: 30%;
							left: 45%;
							position: absolute;
							width: 120px;
						}
					</style>
					<script>var base_url = "'.ROOT.'";</script>
                
                </head>';
        			if($text!='remove_loader'){
        				$page_body .= '<div class="ajax-wrapper" id="wait"><img src="'.IMAGE.'Ajax-loader.gif"></div>';
        			}
			$page_body .='
                <body class="animsition">
                    <div class="page-wrapper">
                         <!-- HEADER MOBILE-->
                        <header class="header-mobile d-block d-lg-none">
                            <div class="header-mobile__bar">
                                <div class="container-fluid">
                                    <div class="header-mobile-inner">
                                        <a href="'.ROOT.'" style="color: initial;text-transform: capitalize;font-size: 1.5rem;"><b>POS </b>Manage</a>
                                        <button class="hamburger hamburger--slider" type="button">
                                            <span class="hamburger-box">
                                                <span class="hamburger-inner"></span>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <nav class="navbar-mobile">
                                <div class="container-fluid">
                                    <ul class="navbar-mobile__list list-unstyled">
                                        <li class="'.(($text=='Dashboard')?'active':'').'">
                                            <a href="'.ROOT.'">
                                                <i class="fas fa-tachometer-alt"></i>Dashboard</a>
                                            
                                        </li>
                                        <li class="'.(($text=='PO Requests')?'active':'').'">
                                            <a href="'.ROOT.'po-requests.php">
                                                <i class="fas fa-table"></i>PO Requests</a>
                                        </li>
                                        <!--li class="'.(($text=='Manage Sales')?'active':'').'">
                                            <a href="'.ROOT.'manage-sales.php">
                                                <i class="fas fa-table"></i>Manage Sales</a>
                                        </li-->
                                        <li class="'.(($text=='Suppliers')?'active':'').'">
                                            <a href="'.ROOT.'suppliers.php">
                                                <i class="fas fa-table"></i>Suppliers</a>
                                        </li>
                                    </ul>
                                </div>
                            </nav>
                        </header>
                        <!-- END HEADER MOBILE-->
                        
                        
        <div class="page-container">
            
            <header class="header-desktop">
                <div class="section__content section__content--p30">
                    <div class="container-fluid">
                        <div class="header-wrap float-right">
                            <div class="header-button" >
                                <!--div class="noti-wrap">
                                    <div class="noti__item js-item-menu">
										<i class="zmdi zmdi-notifications"></i>
										<span class="quantity"></span>
										<div class="notifi-dropdown js-dropdown">
											<div class="notifi__title">
												<p>You have 0 Notifications</p>
											</div>
											<div class="notify__links">
											
											</div>
										</div>
									</div>
                                </div--> 
                                <div class="account-wrap">
                                    <div class="account-item clearfix js-item-menu">
                                        <div class="image">
                                            <img src="images/icon/avatar-01.jpg" alt="John Doe" />
                                        </div>
                                        <div class="content">
                                            <a class="js-acc-btn" href="#">POS Admin</a>
                                        </div>
                                        <div class="account-dropdown js-dropdown">
                                            <div class="info clearfix">
                                                <div class="image">
                                                    <a href="#">
                                                        <img src="images/icon/avatar-01.jpg" alt="John Doe" />
                                                    </a>
                                                </div>
                                                <div class="content">
                                                    <h5 class="name">
                                                        <a href="#">POS Admin</a>
                                                    </h5>
                                                    <span class="email">Admin</span>
                                                </div>
                                            </div>
                                            
                                            <div class="account-dropdown__footer">
                                                <a href="'.ROOT.'logout.php">
                                                    <i class="zmdi zmdi-power"></i>Logout</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>';
                        
                        return $page_body;
        }
    }
?>