<?php 
    session_start();
    include "connection.php";
    
?>

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Business Plus Mazgaine | Latest Edition</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/heroic-features.css" rel="stylesheet">
    <link rel="shortcut icon" href="img/icon.png" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
   <style>
                /* Popup container */
        .popup {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }
        
        /* The actual popup (appears on top) */
        .popup .popuptext {
            visibility: hidden;
           
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 8px 0;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            margin-left: -150px;
        }
        
        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left:50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }
        
        /* Toggle this class when clicking on the popup container (hide and show the popup) */
        .popup .show {
            visibility: visible;
            -webkit-animation: fadeIn 1s;
            animation: fadeIn 1s
        }
        
        /* Add animation (fade in the popup) */
        @-webkit-keyframes fadeIn {
            from {opacity: 0;}
            to {opacity: 1;}
        }
        
        @keyframes fadeIn {
            from {opacity: 0;}
            to {opacity:1 ;}
        } 
        .row{padding:0; margin:0;}
        .lts{
	        height:auto;
	        width:100%;
	        display: block;
	        
	    }
	    .mys{
	     
          position: relative;
          
   
	    }
	    .mys:hover .overlay {
          bottom: 0;
          height: 100%;
        }
	    .overlay {
          position: absolute;
          bottom: 100%;
          left: 0;
          right: 0;
          background-color: rgba(0,0,0,0.7);
          overflow: hidden;
          width: 100%;
          height:0;
          transition: .5s ease;
        }
        .text {
          white-space: nowrap; 
          color: white;
          font-size: 20px;
          position: absolute;
          overflow: hidden;
          top: 48%;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
        }
         .text1 {
          white-space: nowrap; 
          color: white;
          font-size: 20px;
          position: absolute;
          overflow: hidden;
          top: 54%;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
        }
        .links{
            text-align:center;
            margin:20px;
        }
        
         .normal {
                xheight: 75px; /* this causes drop down to lose color ??? */
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -ms-transition: 0.5s;
                transition: 0.5s;
            }
            
            .normal .navbar-right {
                padding-top: 12px;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -ms-transition: 0.5s;
                transition: 0.5s;
            }
            .navbar-brand {
                padding: 0px !important;
            }
            .navbar-brand img {
                padding: 5px;
                max-height: 60px;
            }
            .hbzsub {
                background-color: rgba(249,161,89,1.00);
                width: 100%;
                height: 100%;
                padding: 5px;
                box-shadow: 0px 0px 5px rgb(87, 98, 105);
            }
            
            .hbzform-inner {
                text-align: center;
                color: rgb(255, 255, 255);
                font: bold 16px "trebuchet MS","Tahoma";
            }
            
            .hbzemailform {
                width: 240px;
                margin: 10px auto;
            }
            
            #hbzemailbox {
                background-color: #fff;
                color: #000;
                width: 208px;
                border: 1px solid #697780;
                padding: 15px;
                margin-top:10px;
                text-align: center;
                height: 18px;
                box-sizing: content-box;
            }
            
            #hbzemailbutton {
                background-color: #365899;
                border: 1px solid rgb(51, 64, 189);
                color: rgb(255, 255, 255);
                width: 240px;
                font: bold 16px "trebuchet MS","Tahoma";
                padding: 15px;
                text-align: center;
                height: 50px;
                margin: 10px auto;
                cursor: pointer;
            }
            
            #hbzemailbutton:hover {
                background-color: rgb(51, 64, 189);
                border: 1px solid rgb(63, 79, 232);
            }
            
            .hbzsignup-form {
                margin-top: 15px;
            }
            
            .hbzsocial-icons {
                overflow: hidden;
                text-align: center;
                border-bottom: 1px solid rgb(133, 133, 133);
                width: 230px;
                display: block;
                margin: 20px auto;
            }
            
            .hbzsocial-icons ul {
                margin: 0px auto !important;
                text-align: center;
                padding: 0px !important;
                display: inline-block;
            }
            
            .hbzsocial-icons ul li {
                background: transparent none repeat scroll 0% 0% !important;
                border: medium none !important;
                float: left;
                list-style-type: none !important;
                padding: 0px !important;
                margin: 0px 2px !important;
            }
            
            .hbzsocial-icons ul li::before,
            .hbzsocial-icons ul li::after {
                display: none !important;
            }
            
            .hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
                background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                display: block;
                height: 34px;
                overflow: hidden;
                text-indent: -999px;
                transition: all 0.25s linear 0s;
                width: 34px;
            }
            
            .hbzsocial-icons ul li.social-facebook a {
                background-position: -62px 1px;
            }
            
            .hbzsocial-icons ul li.social-facebook a:hover {
                background-color: #3b5998; 
            }
            
            .hbzsocial-icons ul li.social-twitter a {
                background-position: -254px 1px;
            }
            
            .hbzsocial-icons ul li.social-twitter a:hover {
                background-color: #00aced; 
            }
            
            .hbzsocial-icons ul li.social-gplus a {
                background-position: -95px 0px;
            }
            
            .hbzsocial-icons ul li.social-gplus a:hover {
                background-color: #dd4b39; 
            }
            
            .hbzsocial-icons ul li.social-pinterest a {
                background-position: -159px 1px;
            }
            
            .hbzsocial-icons ul li.social-pinterest a:hover {
                background-color: #cb2027; 
            }
            
            .hbzsocial-icons ul li.social-rss a {
                background-position: -190px 0px;
            }
            
            .hbzsocial-icons ul li.social-rss a:hover {
                background-color: #F87E12; 
            }
                       
   </style>
   <script>
        	$(window).scroll(function() {
			if ($(document).scrollTop() > 150) {
			$('.navbar').addClass('shrink');
			}
			else {
			$('.navbar').removeClass('shrink'); }
			});


        </script>
   <script>
// When the user clicks on <div>, open the popup
function myFunction() {
    var popup = document.getElementById("myPopup");
    popup.classList.toggle("show");
}
</script>


</head>

<body style="background:url('img/download.jpg')">

   <nav class="navbar navbar-inverse navbar-fixed-top normal" role="navigation">
  
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="http://businessplus.pk/ebiz"><img class="img-responsive" src="img/logo 2.png" alt="logo"></a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">

          <ul class="nav navbar-nav navbar-right">
            <li><a href="http://businessplus.pk/ebiz_new/">Home</a>
            </li>
            <li class="active"><a href="http://businessplus.pk/ebiz">eBiz</a>
            </li>
            <li><a href="http://businessplus.pk/ebiz_new/about.php">About</a>
            </li>
          </ul>
        </div>
        <!--/.nav-collapse -->
      </div>
      <!--/.contatiner -->
    </nav>
    <!-- Page Content -->
    <div class="container">

        <!-- Jumbotron Header -->
        <header class="jumbotron" style="text-align:justify; margin:0">
            <img src="img/site_desc.png" class="img-responsive"/>
            
        </header>
               <?php
               
               $mag="SELECT * FROM eBiz WHERE id = (SELECT MAX(id) FROM eBiz) ";
               $mag=mysqli_query($link,$mag);
                if($mag)
                    {
                        $row=mysqli_fetch_array($mag);
                        
                   
               ?>
           <div class="row">
	            <div class="col-md-6">
	                <h2>
	                   Latest Magazine
	                </h2>
	                
    	                <div class="mys">
        	                <img class="lts" src="ebiz_img/<?php echo $row['e_img']; ?>" alt="latest Magazine"/>
        	                <a href="ebiz_pdf/<?php echo $row['e_pdf']; ?>"><div class="overlay">
                                
                                <div class="text" style="color:red">Click To Open Magazine</div>
                                <div class="text1"><?php echo $row['e_dec']; ?></div>
                            </div></a>
                        </div>
                        
	            </div>
	           <?php
	                }
                else
                    {
                        echo '<script>alert("Magazines Upadation Error")</script>';
                    }
                    
                    $mag="SELECT * FROM eBiz WHERE id = (SELECT MAX(id)-1 FROM eBiz) ";
                    
                    $mag=mysqli_query($link,$mag);
                   
                if($mag)
                    {
                        $row=mysqli_fetch_array($mag);
                        
                ?>
	            <div class="col-md-6 hidden-xs .hidden-sm">
	                <h2>
	                   Previous Magazine
	                </h2>
	                <div class="row">
    	                <div class="mys">
        	                <img class="lts" src="ebiz_img/<?php echo $row['e_img']; ?>" alt="Previous Magazine"/>
        	                <a href="ebiz_pdf/<?php echo $row['e_pdf']; ?>"> <div class="overlay">
                                <div class="text">Previous Magzine</div>
                                <div class="text1"><?php echo $row['e_dec']; ?></div>
                            </div></a>
                        </div>
                        
                        <?php
                               
                                }
                            else
                                {
                                    echo '<script>alert("Magazines Upadation Error")</script>';
                                }
               
                        
                        ?>
                        
                       <!-- <div class="links">
                            <a href="download/ebiz.pdf" class="btn btn-primary">Read Now!</a> 
                            <a href="download/ebiz.pdf"  class="btn btn-default download" download>Download</a>
                        </div> -->
                        
                    </div>
                  
	            </div>
	        </div>
        </div>
        <!-- /.row -->
                <div class="row links">
                        <a href="http://businessplus.pk/ebiz_new/gallery.php"> <button class="btn btn-success">View Previous Magazines</button></a>
                        <div class="popup" onclick="myFunction()">
                            <button class="btn btn-success" style="margin:10px">Click To Call</button>
                            <div class="panel popuptext"  id="myPopup" style="background:#a1ccfc; border:solid 1px #dedede; box-shadow:2px 2px 30px #b2daf6; padding:10px">
                            <img src="img/homeActionCall.png" style="height:150px; width:250px"/>
                            </div>
                        </div> 
                </div>    
        <hr>
         <!---------------------------Subscribe------------------- -->


                <div class="hbzsub">
                
                <div class="hbzsocial-icons">
                  <ul>
                   <li class="social-facebook"><a href="https://www.facebook.com/businessplus.pk/" target="_blank" title="Facebook">Facebook</a></li>
                   <li class="social-twitter"><a href="https://twitter.com/BusinessplusFsd" target="_blank" title="Twitter">Twitter</a></li>
                   <li class="social-gplus"><a href="https://plus.google.com/100736210589472629411" target="_blank" title="Google+">Google+</a></li>
                  </ul>
                 </div>
                 <div class='hbzsignup-form'>
                  <div class='hbzform-inner'>
                   <h4>Subscribe to eBiz</h4>
                  </div>
                  <div class='hbzemailform'>
                   <form  method="post">
                    <input id='hbzemailbox' name="email" required='' type='text' placeholder='Your Email'/>
                    <input id='hbzemailbox' name="phone" required='' type='text' placeholder='Phone No.'/>
                  
                    <input id='hbzemailbutton' title='' type='submit' name="submit" value='Subscribe'/>
                   </form>
                  
                   <?php 
                   
                        if(isset($_POST['submit']))
                        {
                            $_email=$_POST['email'];
                            $_phone=$_POST['phone'];
                            $sq="SELECT * From subscribe ";
                            $sq=mysqli_query($link,$sq);
                            if($sq)
                            {
                                $i=0;
                                while($row=mysqli_fetch_array($sq))
                                {
                                    
                                    if($row['email']==$_email || $row['phone']==$_phone)
                                     {
                                         $i=1;
                                     }

                                }
                                if($i==1)
                                {
                                    echo '<script>alert("You Are Already subscribe :)")</script>';
                                        
                                }
                                else
                                {
                                     $sql="INSERT INTO subscribe (email,phone) VALUES ('$_email','$_phone');";
                                     $sql=mysqli_query($link,$sql);
                                     if($sql)
                                            {
                                                echo '<script>alert("Thank You For Subscribe! :)")</script>';
                                                
                                             }
                                }
                            }
                            else
                            {
                                echo "Query Error";
                            }
                        }   
                            
                        
                        
                        
                        
                     
                     
                     ?>
                  </div>
                 </div>
                </div>
                
         
         
         
         <!-----------/suvbscribe---------- -->
    
        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12" style="text-align:center">
                    2016 Copyrights &copy; Business Plus Magazine. All Rights Reserve.
                
                </div>
            </div>
        </footer>
    </div>
    <!-- /.container -->
    
    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
      
    <script src="js/bootstrap.min.js"></script>

</body>

</html>
