
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <!-- SITE TITTLE -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>WOLFIT ATHLEISURE</title>

        <!-- Facebook Pixel Code -->

        <script>
            var murl = window.location.pathname;
            var mfilename = murl.substring(murl.lastIndexOf('/') + 1);

            !function (f, b, e, v, n, t, s)

            {
                if (f.fbq)
                    return;
                n = f.fbq = function () {
                    n.callMethod ?
                            n.callMethod.apply(n, arguments) : n.queue.push(arguments)
                };

                if (!f._fbq)
                    f._fbq = n;
                n.push = n;
                n.loaded = !0;
                n.version = '2.0';

                n.queue = [];
                t = b.createElement(e);
                t.async = !0;

                t.src = v;
                s = b.getElementsByTagName(e)[0];

                s.parentNode.insertBefore(t, s)
            }(window, document, 'script',
                    'https://connect.facebook.net/en_US/fbevents.js');


            fbq('init', '313304322651952');
            fbq('track', 'PageView');
            if (mfilename == "thankyou.php") {
                fbq('track', 'Purchase', {value: 0.00, currency: 'INR'});
            }
        </script>
        <noscript>
    <img height="1" width="1" src="https://www.facebook.com/tr?id=313304322651952&ev=PageView&noscript=1"/>
    </noscript>
    <!-- End Facebook Pixel Code -->

    <!-- PLUGINS CSS STYLE -->
    <link href="plugins/jquery-ui/jquery-ui.css" rel="stylesheet">
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="plugins/selectbox/select_option1.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css" media="screen">
    <link rel="stylesheet" type="text/css" href="plugins/owl-carousel/owl.carousel.css" media="screen">
    <link rel="stylesheet" href="options/optionswitch.css">

    <!-- GOOGLE FONT -->
    <!--  <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'> -->
    <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
    <!-- CUSTOM CSS -->
    <!--<link href="css/style.css" rel="stylesheet">-->
    <link href="css/styleupd.css" rel="stylesheet">

    <link rel="stylesheet" href="css/colors/default.css" id="option_color">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!--<link href="css/product-list.css?a=<?= mt_rand(); ?>" rel="stylesheet" />-->
    <link href="css/product-detail.css?a=<?= mt_rand(); ?>" rel="stylesheet" />
    <!--<link href="css/checkout.css?a=<?= mt_rand(); ?>" rel="stylesheet" />-->
    <!--<link href="css/xzoom.css?a=<?= mt_rand(); ?>" rel="stylesheet" />-->
    <link rel="stylesheet" href="css/mySuper.css">
    <script src="js/custom.js?a=<?= mt_rand(); ?>"></script>
    <!--        <link href="js/select2/select2.min.css" rel="stylesheet" />
            <script src="js/select2/select2.full.min.js"></script>-->
    <!--        <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
            <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>    
    -->
    <link href="plugins/select2/select2.min.css" rel="stylesheet" />
    <script src="plugins/select2/select2.full.min.js"></script>

    <script>
            $(document).ready(function () {
                $("#login").on("click", ".login", login);
                $("#signup").on("click", ".register", register);
                $("#forgetpwd").on("click", ".pwdforget", ForgetPwd);
                $('.select2').select2();
                $('.mainpart').select2();
                $('.detailpart').select2();
                $('.fetchpart').select2();
                getUserDetails();
                $(document).on('click', '.add-to-cart', addCart)
//                $('.navbar-brandimg').css({'width': '90'});
//                $('.navbar-brandimg').css({'height': '90'});


                $(window).scroll(function () {
                    if ($(window).scrollTop() > 1) {
                        $('.navbar-brandimg').attr({'src': 'img/logohead.jpg'});
                        $('.navbar-brandimg').css({'width': '90'});
                        $('.navbar-brandimg').css({'height': '45'});
//                        $('.navbar-brandimg').css({'margin-top': '9'});
                        // $("body").removeClass("padding-top");

                    }
//                    } else {
//                        $('.navbar-brandimg').css({'width': '150'});
//                    }

                });

                var exist = JSON.parse(localStorage.getItem('CartItems')),
                        i, amount, totcartamt = 0;
                if (exist && exist.length > 0) {
                    for (i = 0; i < exist.length; i++) {
                        amount = parseFloat(exist[i].rate) * parseFloat(exist[i].qty);
                        totcartamt += parseFloat(amount);
                    }
                    $('#totcartamt').text(totcartamt);
                }
            });
    </script>
    <style>
        .headimg{
            height: 45px;
            width: 90px;
            /*margin-left: 550px;*/
        }

        /*            @media (min-width: 768px) and (max-width: 991px) { 
                        .headimg {
                            height: 45px;
                            width: 90px;
                            margin-left: 245px;
                        }
                    }
        
                    @media (min-width: 992px) and (max-width: 1125px) { 
                        .headimg {
                            height: 45px;
                            width: 90px;
                            margin-left: 440px;
                        }
                    }
        
                    @media (min-width: 1126px) and (max-width: 1800px) { 
                        .headimg {
                            height: 45px;
                            width: 90px;
                            margin-left: 480px;
                        }
                    }
        
                    @media only screen and (min-device-width : 100px) and (max-device-width : 768px) {
                        .headimg {
                            height: 45px;
                            width: 90px;
                            margin-left: 100px;
                            padding: 0px;
                        }
                    }*/
    </style>
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
    <script>
            window.addEventListener("load", function () {
                window.cookieconsent.initialise({
                    "palette": {
                        "popup": {
                            "background": "#eaf7f7",
                            "text": "#5c7291"
                        },
                        "button": {
                            "background": "#56cbdb",
                            "text": "#ffffff"
                        }
                    }
                });
            });
    </script>

</head>
<body style='overflow-x: hidden;'>
    <div class="main-wrapper">
        <!-- HEADER -->
        <div class="header clearfix">

            <!-- TOPBAR -->
            <div class="topBar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 hidden-sm col-xs-3">
                            <ul class="list-inline">
                                <li><a href="https://www.instagram.com/wolfit_athleisure/" target="_blank"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="https://m.facebook.com/Wolfit-Athleisure-490110548149524" target="_blank"><i class="fa fa-facebook"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-md-6 col-xs-9">
                            <ul class="list-inline pull-right">
                                <?php if ($_COOKIE['username'] == '') { ?>
                                    <li>
                                        <span id="login-signup-controller">
                                            <a data-toggle="modal" href='.login-modal'>Log in</a>
                                            <small>or</small>
                                            <a data-toggle="modal" href='#signup'>Create account</a>
                                        </span>

                                    </li>
                                <?php } else { ?>
                                    <!--#252525-->

                                    <li class="dropdown settings">

                                        <!--<div id="login-signup-controller">-->
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                            <?php echo $_COOKIE['username']; ?> <i class="fa fa-angle-down"></i>
                                            <ul class="dropdown-menu dropdown-menu-right" style="background-color: black;">
                                                <li><a href="prevorder.php">Previous Orders</a></li>
                                                <li><a href="logout.php" ><i class="fa fa-power-off"></i> Logout</a></li>
                                            </ul>
                                        </a>
                                    </li>
                                <?php }
                                ?>
                                <li class="dropdown">
                                    <?php
                                    ?>
                                    <a href="view-cart.php" class="dropdown-toggle" id='cartamt' data-toggle="dropdown disabled"><i class="fa fa-shopping-cart"></i>&#8377;&nbsp;<span id="totcartamt"></span></a>

                            </ul>
                        </div>
                    </div>
                </div>    
            </div>

            <!-- NAVBAR -->
            <nav class="navbar navbar-main navbar-default" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <input type="hidden" name="eu" class="eu" value="<?php echo $eu; ?>">
                        <input type="hidden" name="un" class="un" value="<?php echo $un; ?>">
                        <!-- <a class="navbar-brand" href="#"><h2>MHA</h2></a> -->
                        <a class="navbar-brand" href="index.php" style="margin-top:0;">
                            <img data-id="url(img/logo.jpg)" style="content: url('img/logo.jpg')" class="navbar-brandimg img-responsive headimg" style="display: block;max-width: 100%;" alt="Image not Found" />
                        </a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse navbar-ex1-collapse" style="padding-top: 2px;">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="product-list.php">All</a></li> 
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true">Men</a>
                                <ul class="dropdown-menu dropdown-menu-right">
                                    <li><a href="product-list.php?category=1">All</a></li>
                                    <?php
                                    $menscat = mysqli_query($conn, "SELECT * FROM `subtype` where category='1' order by name") or die(mysqli_error($conn));
                                    while ($fmenscat = mysqli_fetch_object($menscat)) {
                                        ?>
                                        <li><a href="product-list.php?category=1&stype=<?= $fmenscat->code ?>"><?= $fmenscat->name ?></a></li>
                                    <?php }
                                    ?>
                                </ul>
                            </li>
                            <li><a href="about-us.php">About</a></li>
                            <li><a href="contact-us.php">Contact</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div>
            </nav>

        </div>
    </div>