Untitled

@import models.users.User
@(pagename: String, user: User)(content:Html)
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="UTF-8"/>

        <link rel="icon" type="image/png" href="@routes.Assets.versioned("images/favicon.png")">


    <!-- Stylesheets -->
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/assets/css/owl.carousel.css"/>
    <link rel="stylesheet" href="/assets/css/style.css"/>
    <link rel="stylesheet" href="/assets/css/animate.css"/>

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">


    <!--[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]-->

        <title>CDR Games</title>
    </head>

    <body>


<!-- Header section -->
    <header class="header-section">
        <div class="container">
            <!-- logo -->
            <img src="/assets/images/logo.png" width="120px" height="100px" alt="">
            <div class="user-panel">
                @if(user != null) {

                        @if(user.isInstanceOf[models.users.Admin]){

                            <a href="@routes.AdminProductCtrl.adminPanel()"><span class="glyphicon glyphicon-cog"></span> Admin Panel</a></li>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        }
                        @if(user.isInstanceOf[models.users.Customer]){
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="@routes.ShoppingCtrl.showBasket()"><span class="glyphicon glyphicon-shopping-cart"></span> Basket</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                       <a href="@routes.ShoppingCtrl.viewOrders()"><span class="glyphicon glyphicon-log-in"></span> View Orders</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                            }
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                       <a href="@routes.HomeController.profile()">
                            <i class="fa fa-user-circle-o"></i>
                            @if(user!=null){
                                @user.getEmail} </span>
                           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </a>
                        <a href="@routes.LoginController.logout()"><span class="glyphicon glyphicon-log-in"></span> Logout</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    } else {
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="@routes.HomeController.registerUser()"><span class="glyphicon glyphicon-user"></span> Sign Up</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="@routes.LoginController.login()"><span class="glyphicon glyphicon-log-in"></span> Login</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    }
            </div>
            <!-- responsive -->
            <div class="nav-switch">
                <i class="fa fa-bars"></i>
            </div>
            <!-- site menu -->
            <nav class="main-menu">
                <ul>
                    <li><a href="@routes.HomeController.home()">Home</a></li>
                    <li><a href="@routes.ProductCtrl.listProducts(0)">Products List</a></li>
                    <li><a href="@routes.HomeController.contact()">Contact</a></li>


                </ul>
            </nav>
        </div>
    </header>
    <!-- Header section end -->
<!-- Latest news section -->
<div class="latest-news-section">
    <div class="ln-title">Latest News</div>
    <div class="news-ticker">
        <div class="news-ticker-contant">
            <div class="nt-item"><span class="new">new</span>Resident Evil 2 out now!</div>
            <div class="nt-item"><span class="strategy">strategy</span>Civilization 6 out on Switch now. </div>
            <div class="nt-item"><span class="racing">discount</span> Use BIGSAVINGS for 15% off.</div>
        </div>
    </div>
</div>
    <!-- Latest news section end -->


<!-- Recent game section  -->
    <section class="recent-game-section spad set-bg" data-setbg="/assets/img/slider-2.jpg">
        <div class="container">

            <div class="row">
                @content
            </div>
        </div>
    </section>
    <!-- Recent game section end -->


        </nav>

</div>

<footer class="footer-section">
    <div class="container">
        <ul class="footer-menu">
            <li><a href="@routes.HomeController.home()">Home</a></li>
                    <li><a href="@routes.ProductCtrl.listProducts(0)">Products List</a></li>
                    <li><a href="@routes.HomeController.contact()">Contact</a></li>
        </ul>
        <p class="copyright">
            Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved
        </p>
    </div>
</footer>
    </body>
</html>
<!--====== Javascripts & Jquery ======-->
    <script src="/assets/js/jquery-3.2.1.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
    <script src="/assets/js/owl.carousel.min.js"></script>
    <script src="/assets/js/jquery.marquee.min.js"></script>
    <script src="/assets/js/main.js"></script>
<script>
    (function($) { // Begin jQuery
        $(function() { // DOM ready
            // If a link has a dropdown, add sub menu toggle.
            $('nav ul li a:not(:only-child)').click(function(e) {
                $(this).siblings('.nav-dropdown').toggle();
                // Close one dropdown when selecting another
                $('.nav-dropdown').not($(this).siblings()).hide();
                e.stopPropagation();
            });
            // Clicking away from dropdown will remove the dropdown class
            $('html').click(function() {
                $('.nav-dropdown').hide();
            });
            // Toggle open and close nav styles on click
            $('#nav-toggle').click(function() {
                $('nav ul').slideToggle();
            });
            // Hamburger to X toggle
            $('#nav-toggle').on('click', function() {
                this.classList.toggle('active');
            });
        }); // end DOM ready
    })(jQuery); // end jQuery
</script>