GIF89a;
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function(){
$(".search1").click(function() 
{ 
var p = $(this).attr('id');
var dataString = 'search='+ p;
if(p!='')
{
	$.ajax({
	type: "POST",
	url: "edit-tour-cost-details.php",
	data: dataString,
	cache: false,
	success: function(html)
	{
	$("#result_"+p).html(html).hide();
	}
	});
}return false;    
});

jQuery("#result").live("click",function(e){ 
	var $clicked = $(e.target);
	var $name = $clicked.find('.name').html();
	var decoded = $("<div/>").html($name).text();
	$('#searchid').val(decoded);
});
jQuery(document).live("click", function(e) { 
	var $clicked = $(e.target);
	if (! $clicked.hasClass(".search")){
	jQuery("#result").fadeOut(); 
	}
});
$('.searchid').click(function(){
   var p1 = $(this).attr('id');
	jQuery("#result_"+p1).fadeOut();
});
});
</script>
<style>
.show {
	width:100%;
 //height:250px;
 //margin-top:-30px;
 //margin-bottom:15px;
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
}
.search1 {
	text-align: right;
	margin-right: 15px;
	margin-top: 10px;
	color: #FF0000;
	font-weight: bold;
	font-size: 15px;
}
.mk_css {
	font-family: 'Hind', sans-serif;
	font-size: inherit;
	line-height: inherit;
	padding: 3px 7px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
</style>
<?php
include("config.php");

if($_POST)
{
$q=$_POST['search'];
$sql_res=mysqli_query($con,"select * from tourcost where id ='$q'");
while($data=mysqli_fetch_array($sql_res))
{
?>
<div class="show">
  <div id="<?php echo $q;?>" class="search1" style="cursor:pointer">Closed</div>  
            <form method="post" action="include/edit-action-tourcost.php">
              <div class='box-body pad'>
                <div class="form-group">
                  <label>Heading</label>
                  <input type="text" name="heading" class="form-control" value="<?php echo $data['package']?>">
                </div>
                <div class="form-group">
                  <label>No Of People</label>
                  <input type="text" name="no_of_people" class="form-control" value="<?php echo $data['no_people']?>">             <input type="hidden" name="id" value="<?php echo $data['id']?>" class="form-control">
                </div>
                <div class="form-group">
                  <label>Deluxe Cost</label>
                  <input type="text" name="dcost" class="form-control" value="<?php echo $data['Deluxe']?>">
                </div>
                <div class="form-group">
                  <label>Super Deluxe</label>
                  <input type="text" name="sdcost" class="form-control" value="<?php echo $data['Super_Deluxe']?>">
                </div>
                <div class="form-group">
                  <label>Premuim</label>
                  <input type="text" name="pcost" class="form-control" value="<?php echo $data['Premuim']?>">
                </div>
                <div class="form-group">
                  <label>Luxury Cost</label>
                  <input type="text" name="lcost" class="form-control" value="<?php echo $data['Luxury']?>">
                </div>
			  <input type="submit" name="submit"  value="Update" onclick="return edit()" class="btn btn-success">
			  </div>
            </form>
  <script>
	function edit(){
	var r=confirm('Are you sure want to edit ?');
	if(!r){
	return false;
	}
	else{
	return true;
	}
	}
	</script>
</div>
<?php  

} } ?>
<!-- jQuery 2.0.2 -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="js/AdminLTE/app.js" type="text/javascript"></script>
<!-- CK Editor -->
<script src="js/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
<script type="text/javascript">
            $(function() {
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace('editor1');
                //bootstrap WYSIHTML5 - text editor
                $(".textarea").wysihtml5();
            });
        </script>
<script type="text/javascript">
            $(function() {
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace('editor2');
                //bootstrap WYSIHTML5 - text editor
                $(".textarea").wysihtml5();
            });
        </script>