Mini Shell

<?php include'header.php'; ?>

        <?php include'menu.php'; ?>



<?php

 
 $wid=$_REQUEST["wid"];


?>
         <!-- /#Start -->
          
       <!-- /#Start -->
          
      </div><!-- /#left -->
        
      <div id="content">
        <div class="outer">
          <div class="inner bg-light lter">
            <style>
              .form-control.col-lg-6 {
                width: 50% !important;
              }
            </style>
              
              
              <script>
             function  back()
               {
                   var cn=<?php  echo $wid ?>;
                  

                 window.location.href="work_view.php?pp1="+ cn; 
               }
              </script>
             
              <script>
  
function myFunction(e) {
     if(e)
   

 var cn=e;
    if (confirm("Are you Want to Delete!") == true) {

          var cnr=<?php  echo $wid ?>;
        
		window.location.href = "WORK_pic_delete.php?pp1="+ cn+"&pp2="+cnr;
	  
	 
	   funpicc_complet();
		
    } else {
       
    }
 
   
}
</script>

              
              
              
              
              
              
              
            <div class="row">
              <div class="col-lg-12">
                 <div class="box" style="auto">
                  <header class="dark">
                    <div class="icons">
                      <i class="fa fa-check"></i>
                    </div>
                    <h5>View Work Pic</h5>

                    <!-- .toolbar -->
                    <div class="toolbar">
                      <nav style="padding: 8px;">
                        <a href="javascript:;" class="btn btn-default btn-xs collapse-box">
                          <i class="fa fa-minus"></i>
                        </a> 
                        <a href="javascript:;" class="btn btn-default btn-xs full-box">
                          <i class="fa fa-expand"></i>
                        </a> 
                        <a href="javascript:;" class="btn btn-danger btn-xs close-box">
                          <i class="fa fa-times"></i>
                        </a> 
                      </nav>
                    </div><!-- /.toolbar -->
                  </header>
                    
                    
                    
                      <div id="collapse2" class="body">
                          
                         
                   
                          <style>
.city {
   float: left;
   margin: 10px;
   padding: 10px;
   max-width: 400px;
   height: 300px;
margin-top: 1px;
}
</style>
                          <style>
                          @media (max-width: 368px) {
                              
                              #im1
                              {
                                  width: 200px;
                                   margin-left: -25px;
                              }
                              }
                              
                          </style>
                           
                              <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
                          <?php
     $cli12=mysql_query("select * from work_pic where work_id='$wid' order by id desc");
    while($cli1fetch1=mysql_fetch_row($cli12))
{  
if($cli1fetch1[1])
{
?>
                          <div class="city" >
                              <button class="btn-danger btn-delete"  style="position:absolute;margin-top:10px; margin-left:170px;" onclick="myFunction(this.id);" id="<?php echo $cli1fetch1[0];?>" >X</button>
                              
                          <img class="img-work" src="work_pic/<?php echo $cli1fetch1[1];?>" width="250px;"  style="border-radius:opx;" align="middle" id="im1"/>
	   
                          
                           </div>
                          
                          
                            <?php
}}
		?>
                          
                          
                         
                      <style>
                          
                          </style>
                        <script>
$(document).ready(function(){
    $(".btn-delete").fadeOut();
    $(".img-work").mouseover(function(){
        $(this).siblings().fadeIn();
    });
     $(".img-work").mouseout(function(){
        $(this).siblings().fadeOut();
    });
});
</script>
                          
                          
                          
                          
                          
                  </div>
                    
                    
                </div>
                 
                  <br/><br/><br/>
                          
              </div><!-- /.col-lg-12 -->
            </div><!-- /.row -->
           
              
                <div class="form-actions no-margin-bottom" align="center">
                      
                               <input type="button" value="Back" onclick="back();" class="btn btn-primary">
                      </div>
            
          </div><!-- /.inner -->
        </div><!-- /.outer -->
      </div><!-- /#content -->
      
    </div><!-- /#wrap -->


        
     

      
              <?php include'footer.php'; ?>