<?php 
session_start();
$uniq = uniqid()."_".uniqid()."_".time();

$cookie_name = "ujnique_id";
$cookie_value = $uniq;

if(!isset($_COOKIE[$cookie_name])) {
        
    setcookie($cookie_name, $cookie_value, time() + (86400 * 365), "/"); // 86400 = 1 day
}else{

        $cookie_value = $_COOKIE[$cookie_name];

}
include('config.php');
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Invata Website</title>

        <!--Form Wizard-->
        <link rel="stylesheet" type="text/css" href="plugins/jquery.steps/css/jquery.steps.css" />


        <link href="plugins/custombox/dist/custombox.min.css" rel="stylesheet">
        <link href="plugins/switchery/switchery.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="plugins/morris/morris.css">

        <link href="plugins/switchery/switchery.min.css" rel="stylesheet" />


        <!--Chartist Chart CSS -->
        <link rel="stylesheet" href="plugins/chartist/dist/chartist.min.css">


        <!-- Plugins css-->
        <link href="plugins/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet" />
        <link href="plugins/multiselect/css/multi-select.css"  rel="stylesheet" type="text/css" />
        <link href="plugins/select2/select2.css" rel="stylesheet" type="text/css" />
        <link href="plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css" rel="stylesheet" />
        <link href="plugins/mjolnic-bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css" rel="stylesheet">
        <link href="plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet">
        <link href="plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css">
        <link href="assets/css/style.css" rel="stylesheet" type="text/css">

        <script src="assets/js/modernizr.min.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>


           <style>

      .signup-form-container div{
        background-color:transparent;
      }

      body{
        /*background-image:url('res/register.jpg');
        background-position: left top;*/
      }


      


      #btn-signup{
        display:block;
        margin:auto;
        border: 1px solid #3bc2e2;
        padding-top: 10px;
        padding-bottom: 10px;
        margin:8px 40px;
        border-radius: 25px;
        color: #3bc2e2;
      }

      #btn-signup:hover{
        box-shadow: 0px 0px 5px #3bc2e2;
      }

      .social-icon:hover{
        color: #3bc2e2;
        border-color: #3bc2e2;
        box-shadow: 0px 0px 3px #3bc2e2;
      }

      .social-icon{
        font-size: 32px;
        border: 1px solid #000;
        border-radius: 5px;
        width: 48px;
        height: 48px;
        vertical-align:top;
        padding:8px;
        margin-left: 10px;
        cursor:pointer;
      }

      #btn-register{
        color: white;
        cursor:pointer;
      }

      #form-register input{
        text-align: left;
      }

      input:placeholder{
        text-align:left;
      }
      .payment-button
      {
        padding-left: 80px;
        padding-right: 80px;
        border-radius: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;

      }
      #card-errors
      {
        width: 100%;
        background-color: red;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 5px;
        margin-bottom: 20px;
        display: none;
      }
    </style>



    </head>


    <body class="fixed-left">

        <!-- Begin page -->
        <div id="wrapper">

            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left">
                    <div class="text-center">
                        <a href="index.html" class="logo"><i class="mdi mdi-radar"></i> <span>Invata</span></a>
                    </div>
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                <nav class="navbar-custom">


                    <ul class="list-inline float-right mb-0">

                        <li class="list-inline-item notification-list hide-phone">
                            <a class="nav-link waves-light waves-effect" href="#" id="btn-fullscreen">
                                <i class="mdi mdi-crop-free noti-icon"></i>
                            </a>
                        </li>
                        <li class="list-inline-item dropdown notification-list">
                            <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
                               aria-haspopup="false" aria-expanded="false">
                                <i class="mdi mdi-cart noti-icon"></i>
                                <span class="badge badge-pink noti-icon-badge">4</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-menu-lg" aria-labelledby="Preview">
                                <!-- item-->
                                <div class="dropdown-item noti-title">
                                    <h5 class="font-16">My Cart</h5>
                                </div>

                               <!--  <a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <div class="notify-icon bg-success"><i class="mdi mdi-comment-account"></i></div>
                                    <p class="notify-details">Robert S. Taylor commented on Admin<small class="text-muted">1 min ago</small></p>
                                </a> --> 
                                <!-- All-->
                                <a href="javascript:void(0);" class="dropdown-item notify-item notify-all">
                                    View All
                                </a>

                            </div>
                        </li>


                    </ul>



                    <ul class="list-inline menu-left mb-0">
                        <li class="float-left">
                            <button class="button-menu-mobile open-left waves-light waves-effect">
                                <i class="mdi mdi-menu"></i>
                            </button>
                        </li>
                       
                    </ul>

                </nav>

            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->

            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">
                    <!--- Divider -->
                    <div id="sidebar-menu">
                        <ul>

                            <li>
                                <a href="index.php" class="waves-effect waves-primary"><i
                                        class="fa fa-plus"></i><span> Ad Builder </span></a>
                            </li>
                            <li>
                                <a href="ads-list.php" class="waves-effect waves-primary"><i
                                        class="fa fa-paper-plane"></i><span> Ads List </span></a>
                            </li>
                            <li>
                                <a href="add-coupon.php" class="waves-effect waves-primary"><i
                                        class="fa fa-plus"></i><span> Add Coupon </span></a>
                            </li>
                            <li>
                                <a href="coupons.php" class="waves-effect waves-primary"><i
                                        class="fa fa-gift"></i><span>Coupons List </span></a>
                            </li>
                             <li>
                                <a href="add-products.php" class="waves-effect waves-primary"><i
                                        class="fa fa-plus"></i><span>Add Products</span></a>
                            </li>
                            <li>
                                <a href="products.php" class="waves-effect waves-primary"><i
                                        class="fa fa-product-hunt"></i><span>Products</span></a>
                            </li>
                        </ul>

                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- Left Sidebar End -->




            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="content-page">
                <!-- Start content -->
                <div class="content">
                    <div class="container-fluid">
