<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default" style="width:100%;">
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                        <thead>
                            <tr>
                                <th style="text-align:center">No</th>
                                <th style="text-align:center">
                                    Product Namee
                                </th>
                                <th style="text-align:center">
                                    Image
                                </th>
                                <th style="text-align:center" width="30">Edit</th>
                                <th style="text-align:center" width="30">Delete</th>
                                
                            </tr>
                        </thead>
                        <tbody>
                        	
                            <?php
								mysqli_query($conn,'SET NAMES utf8');
								$sql="select * from tbl_galery
								INNER JOIN tbl_product ON(tbl_product.pro_id=tbl_galery.pro_id) where tbl_product.pro_id=$pro_id order by gr_id DESC";
								$res=mysqli_query($conn,$sql);
								$i=0;
								while($row=mysqli_fetch_array($res)){
										
							?>
                            <tr>
                                <td style="font-size:12px; width:40px;" align="center"><?php echo $i+=1; ?></td>
                                <td style="font-size:12px;"><?php echo $row['pro_title'];?></td>
                                <td style="font-size:12px;">
									<img src="../images/gallery/<?php echo $row['gr_file'];?>" width="50"/>
                                </td>
                                <td align="center"><a href="" title="edit"><div class="fa fa-edit fa-fw"></div></a></td>
                                <td align="center"><a href="#myModal<?php echo $row['gr_id']; ?>" data-toggle="modal" title="delete"><div class="fa fa-trash-o fa-fw"></div></a></td>
                            </tr>
                            <div class="modal small fade" id="myModal<?php echo $row['gr_id']; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                        <h3 id="myModalLabel">EURO ASIA CAMBODIA</h3>
                                    </div>
                                    <div class="modal-body">
                                        <p class="error-text"><i class="fa fa-warning modal-icon"></i>Are you sure you want to delete this record?</p><br/>
                                        <center>	
                                        <img src="../images/gallery/<?php echo $row['gr_file'];?>" width="100"/>
                                        </center>
                                    </div>
                                    <div class="modal-footer">
                                        <a class="btn btn-danger" href="include/gallery/delete_gallery.php<?php echo '?gr_id='.$row['gr_id'];?>&pro_id=<?=$row['pro_id'];?>" ><i class="icon-check"></i>&nbsp;Yes</a>
                                        <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i> Close</button>
                                    </div>
                                  </div>
                                </div>
                            </div>
                                <?php
								}		
							?>                             
                       </tbody>
                    </table>
                </div>
                <!-- /.table-responsive -->
                
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->
</div>
<!-- /.row -->