<?php include("include/header.php"); ?>

<style type="text/css">
  .post{
    margin-top: 5%;
    border: 1px solid black;
    width: 100%;
    height: auto;
    box-shadow: 5px 5px 5px black;
  }
  .admin-image{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 5px;
    display: inline;
  }
  .image{
    border: 1px dotted blue; 
    margin-left: 2%;
    margin-top: 2%;
  }
  .admin-name{
    font-size: 20px;
    margin-top: 5%;
    font-weight: bolder;
    margin-left: 2%;

  }
  .post-content{
    padding-left: 2%;
  }
  
  .post-image{
    width: 100%;
    height: auto;
  }
  .consultant{
    background-color: #f0f2f5;
    width: 100%;
    margin-left: 0px;
  }
  .consultant1{
      width:70%;
  }
  .consultant2{
      width:25%;
      float:left;
  }
  .call-now-btn{
    background-color: #d0d0d2;
    color: black;
    padding: 10px;
    font-weight: bolder;
    border: none;
    margin-top: 10%;
    border-radius: 10%;
    float: right;
  }
  .like{
    margin-left: 25px;
    font-size: 25px;
  }

    @media only screen and (max-width: 600px) {
  .likecmt{
    padding: 2px;
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 5px;
  }
  
  .likecmt1{
      width:33%;
    margin-left: 0px;
  }
  #laptop{
      display:none;
  }
  .btn-primary{
      width:98%;
      font-weight:bold;
  }
  
}
@media only screen and (min-width: 600px) {
  .likecmt{
    padding: 5px;
    font-size: 20px;
    margin-left: 10px;
    width:100%;
    margin-bottom: 5px;
  }
  .likecmt1{
      width:33%;
  }
  .btn-primary{
      width:90%;
      font-weight:bold;
  }
  #mobile{
      display:none;
  }
}



  .input{
    width: 100%;
    height: 40px;
    border-radius: 10px;
    margin-bottom: 5%;
    margin-left: 10px;
  }
  #share-media{
    width: 100%;
    background-color: #f0f2f5;
  }
  .mediaul{
    list-style: none;
  }
  .mediali{
    display: inline;
    margin-left: 7%;
    margin-right: 7%;
  }
  .descriptionpost{
      padding-left:2%;
      padding-right:2%;
  }
</style>   
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>     
        <!-- Page Header Start -->
       <section class="breadcrumbs">
      <div class="container">

        <div class="d-flex justify-content-between align-items-center">
          <h2>Our Post</h2>
          <ol>
            <li><a href="index.php">Home</a></li>
            <li>Posts</li>
          </ol>
        </div>

      </div>
    </section>
        <!-- Page Header End -->


         <section class="contact" data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-duration="500">
      <div class="container">
        <div class="row">
          
          <?php  
          $sql="select * from post";
          $run=mysqli_query($con,$sql);
          while($row=mysqli_fetch_array($run)){
            $id=$row['id'];
            $date=$row['date-time'];
            $image=$row['image'];
            $description=$row['description'];
            $like=$row['like'];
         

          ?>

          <div class="col-lg-3"></div>
          <div class="col-lg-6">      
            <div class="post">
              <img src="admin/bmi-logo.png" class="admin-image image">
              <p class="admin-image admin-name">Business Marathon India</p>
              <p class="date-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <?php echo $date; ?>  &#127758;</p>
              <p class="post-content">
                  <div class="descriptionpost">
                <p style="padding-left: 20px;"><?php echo $description; ?></p>
                </div>
              </p>
              <img src="admin/post-image/<?php echo $image; ?>" class="post-image">
              <div class="row consultant">
                <div class="consultant1">
                  <h5>Business Marathon India</h5>
                  <p>Business consultant</p>
                </div>
                <div class=" consultant2">
                    <a href="tel:+919599350524">
                  <button class="call-now-btn">Call Now</button></a>
                </div>
              </div>
              <div class="like">
                <i class="fa fa-thumbs-up" aria-hidden="true" style="color: blue;"></i> <span id="like_loop_<?php echo $id; ?>"><?php echo $like; ?></span>
              </div><hr> 
              <div class="row likecmt">
                <div class="likecmt1">
                  <a href="javascript:void(0)" class="btn btn-primary">
                  <span onclick="like_update('<?php echo $id; ?>')"><i class="fa fa-thumbs-up" aria-hidden="true" style="color: black;"></i> Like </span> </a>
                </div>
                <div class="likecmt1">
                  <span  class="btn btn-primary">
                  <i class="fa fa-comment" aria-hidden="true" style="color: black;"></i> Comment</span>
                </div>
                <div class="likecmt1" >
                    <span class="btn btn-primary" onclick="col13('<?php echo $id; ?>')">
                  <i class="fa fa-share" aria-hidden="true" style="color: black"></i> Share </span>
                </div>
              </div><hr> 

              <div id="share-media<?php echo $id; ?>" style="display: none;">
                <ul class="mediaul">
                  <li class="mediali"><a href="http://www.facebook.com/share.php?u=https://businessmarathonindia.in/post-details.php?post_id=<?php echo $id; ?>" target="_blanck"><i class="fa fa-facebook" class="mediaicon"></i></a></li>

                  <li id="mobile" class="mediali "><a href="whatsapp://send?text=https://businessmarathonindia.in/post-details.php?post_id=<?php echo $id; ?>" target="_blanck"><i class="fa fa-whatsapp" class="mediaicon"></i></a></li>
                  <li id="laptop" class="mediali "><a href="https://web.whatsapp.com/send?text=https://businessmarathonindia.in/post-details.php?post_id=<?php echo $id; ?>" target="_blanck"><i class="fa fa-whatsapp" class="mediaicon"></i></a></li>

                  <li class="mediali"><a href="https://twitter.com/share?url=https://businessmarathonindia.in/post-details.php?post_id=<?php echo $id; ?>" target="_blanck"><i class="fa fa-twitter" class="mediaicon"></i></a></li>
                  </ul>
              </div>
              
              
            </div>
          </div>
          <div class="col-lg-3"></div>
          <?php } ?>

        </div>
      </div>
    </section><!-- End Contact Section -->

<script type="text/javascript">
  function like_update(id){
    
    jQuery.ajax({
      url:'update_count.php',
      type:'post',
      data:'type=like&id='+id,
      success:function(result){
        var cur_count=jQuery('#like_loop_'+id).html();
    cur_count++;
    jQuery('#like_loop_'+id).html(cur_count);
      }
    });
  }


function col13(id){    
  document.getElementById("share-media"+id).style.cssText="background-color:yellow; font-size:25px;"
}
</script>
        
<?php include("include/footer.php"); ?>