<?php
include ("Admin/Includes/db.php");
extract($_POST);
// echo $proid;

$sql = "select * from tbl_product where id='$proid'";
  $sql_res = mysqli_query($con, $sql) or die(mysqli_error($con));
  $sql_row = mysqli_fetch_array($sql_res);

   $name = $sql_row['name'];
   $price = $sql_row['price'];
   $pdesc = $sql_row['pdesc'];
   $img = $sql_row['img'];
?>
<div class="modal-content">
                            <!-- Modal Header -->
                            <div class="modal-header">
                                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <!-- Modal body -->
                            <div class="modal-body">
                                <div class="row">
                                    <!-- Main Thumbnail Image Start -->
                                    <div class="col-lg-5 col-md-6 mb-all-40">
                                        <!-- Thumbnail Large Image start -->
                                        <div class="tab-content">
                                             <?php 
                                $i= 1;
                               $im =  explode(',', $img);

                                foreach ($im as  $value) {

                        ?>
                                            <div id="pro-<?php echo $i; ?>" class="tab-pane fade <?php if($i == 1):?> show active <?php endif; ?>">
                                                <a data-fancybox="images" href="Admin/current_causes/<?php echo $value; ?>">
                                                    <img src="Admin/current_causes/<?php echo $value; ?>" alt="product-view" style="height: 260px;">
                                                </a>
                                            </div>
                                            
                                          
                                            <?php $i++; } ?>
                                        </div>
                                        <!-- Thumbnail Large Image End -->
                                        <!-- Thumbnail Image End -->
                                        <div class="product-thumbnail">
                                            <div class="thumb-menu owl-carousel nav tabs-area" role="tablist">
                                                <?php 
                                                $i= 1;
                                               $im =  explode(',', $img);

                                                foreach ($im as  $value) {

                                                ?>
                                                <a <?php if($i == 1):?> class="active" <?php endif; ?> data-bs-toggle="tab" href="#pro-<?php echo $i; ?>">
                                                    <img src="Admin/current_causes/<?php echo $value; ?>" alt="product-thumbnail" style="height: 105px;">
                                                </a>
                                                <?php $i++; } ?>
                                            </div>
                                        </div>
                                        <!-- Thumbnail image end -->
                                    </div>
                                    <!-- Main Thumbnail Image End -->
                                    <!-- Thumbnail Description Start -->
                                    <div class="col-lg-7 col-md-6">
                                        <div class="thubnail-desc fix">
                                            <h3 class="product-header"><?php echo $name; ?></h3>
                                            <!-- <ul class="rating-summary">
                                                <li class="rating-pro">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star-o"></i>
                                                    <i class="fa fa-star-o"></i>
                                                    <i class="fa fa-star-o"></i>
                                                </li>
                                                <li class="read-review">
                                                    <a href="#">read reviews (1)</a>
                                                </li>
                                                <li class="write-review">
                                                    <a href="#">write review</a>
                                                </li>
                                            </ul> -->
                                            <div class="pro-thumb-price mt-10">
                                                <p class="d-flex align-items-center">
                                                    <!-- <span class="prev-price">16.51</span> -->
                                                    <span class="price"><i class="fa fa-rupee"></i> &nbsp;<?php echo $price; ?></span>
                                                    <!-- <span class="saving-price">-5%</span> -->
                                                </p>
                                            </div>
                                            <p class="pro-desc-details"><?php echo $pdesc; ?></p>
                                            <!-- <div class="product-size mtb-30 clearfix">
                                                <label>Size</label>
                                                <select class="">
                                                    <option>S</option>
                                                    <option>M</option>
                                                    <option>L</option>
                                                </select>
                                            </div> -->
                                            <!-- <div class="color clearfix mb-30">
                                                <label>color</label>
                                                <ul class="color-list">
                                                    <li>
                                                        <a class="white" href="#"></a>
                                                    </li>
                                                    <li>
                                                        <a class="orange active" href="#"></a>
                                                    </li>
                                                    <li>
                                                        <a class="paste" href="#"></a>
                                                    </li>
                                                </ul>
                                            </div> -->
                                            <div class="quatity-stock">
                                                <label>Quantity</label>
                                                <ul class="d-flex flex-wrap  align-items-center">
                                                    <li class="box-quantity">
                                                        <form action="#">
                                                            <input class="quantity" type="number" min="1" value="1">
                                                        </form>
                                                    </li>
                                                    <li>
                                                        <input type="hidden" name="proid" id="proid" value="<?php echo $proid; ?>">
                                                         <input type="hidden" name="pprice" id="pprice" value="<?php echo $price; ?>">
                                                        <?php
                                                        $cid = $_SERVER['REMOTE_ADDR'];
                                                         $sqlsec = "select * from tbl_cart where pid='$proid' and cid='$cid'";
                                                          $sql_ressec = mysqli_query($con, $sqlsec) or die(mysqli_error($con));
                                                          
                                                           $numrowpc = mysqli_num_rows($sql_ressec);
                                                           
                                                            if($numrowpc == 0)
                                                            { ?>
                                                        <button class="pro-cart addtocartqv">add to cart</button>
                                                        <?php } else { ?>    
                                                        <button class="pro-cart addtocartqvs">add to cart</button>
                                                        <?php } ?>
                                                    </li>
                                                   <!--  <li class="pro-ref">
                                                        <p>
                                                            <span class="in-stock">
                                                                <i class="ion-checkmark-round"></i> in stock</span>
                                                        </p>
                                                    </li> -->
                                                </ul>
                                            </div>
                                            <div class="social-sharing mt-30">
                                                <ul>
                                                    <li>
                                                        <label>share</label>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="fa fa-facebook" aria-hidden="true"></i>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="fa fa-twitter" aria-hidden="true"></i>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="fa fa-google-plus" aria-hidden="true"></i>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="fa fa-pinterest-p" aria-hidden="true"></i>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Thumbnail Description End -->
                                </div>
                            </div>
                            <!-- Modal footer -->
                        </div>