<section role="main" class="content-body">
					<header class="page-header">
						<h2>Manage Zone Rates</h2>
						<div class="right-wrapper pull-right">
							<ol class="breadcrumbs">
								<li>
									<a href="<?php echo base_url();?>admin">
										<i class="fa fa-home"></i>
									</a>
								</li>
								<li><span>Manage Zone Rates</span></li>
							</ol>
					
						</div>
					</header>
						<section class="panel">
							<header class="panel-heading">
								<h2 class="panel-title">List of All Zone Rates</h2>
							</header>
							<div class="panel-body">
								<table class="table table-bordered table-striped mb-none" id="datatable-tabletools" data-swf-path="assets/vendor/jquery-datatables/extras/TableTools/swf/copy_csv_xls_pdf.swf">
       		  <thead><tr style="background:#CCC;"><th>S.No.</th><th>Zone</th><th>Weight</th><th>Rate</th><th>Action</th></tr></thead>
       <tbody>
       		<?php $i=1;foreach($zones as $z){?>
            	<tr><td><?php echo $i;?></td>
                	<td>Zone <?php echo $z->zone_id;?></td>
        <td width="100px"><input type="text" id="wt<?php echo $z->ship_id;?>" value="<?php echo $z->weight;?>" class="form-control" /></td>
        <td width="100px"><input type="text" id="rate<?php echo $z->ship_id;?>" value="<?php echo $z->rate;?>" class="form-control" /></td>
        <td><a href="#" id="<?php echo $z->ship_id;?>" class="btn btn-warning update_rate"><i class="fa fa-refresh"></i></a>
        <a href="#" id="<?php echo $z->ship_id;?>" class="btn btn-danger delete"><i class="fa fa-trash-o"></i></a></td>
                   </tr>
            <?php $i++;}?>
       </tbody>
                </table>
							</div>
						</section>
				</section>
                
			</div>

			
		</section>

		<!-- Vendor -->
        <script>
$(document).ready(function(){
	$(".update_rate").click(function(e){e.preventDefault();
		var id=$(this).attr("id");
		var rate=$("#rate"+id).val();
		var wt=$("#wt"+id).val();
		$.ajax({
			 type: "POST",
			 url: '<?php echo base_url();?>admin/ajax_update_zonerate',
			 data: {id:id,rate:rate,wt:wt},
			 success: function(res){
				alert(res);
				//$(".rate").html(res);
			 }
			 });
	});
});
</script>
	<script src="<?php echo base_url();?>admin_assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/bootstrap/js/bootstrap.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/nanoscroller/nanoscroller.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/magnific-popup/magnific-popup.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>
		
		<!-- Specific Page Vendor -->
		<script src="<?php echo base_url();?>admin_assets/vendor/select2/select2.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/jquery-datatables/media/js/jquery.dataTables.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/jquery-datatables/extras/TableTools/js/dataTables.tableTools.min.js"></script>
		<script src="<?php echo base_url();?>admin_assets/vendor/jquery-datatables-bs3/assets/js/datatables.js"></script>
		
		<!-- Theme Base, Components and Settings -->
		<script src="<?php echo base_url();?>admin_assets/javascripts/theme.js"></script>
		
		<!-- Theme Custom -->
		<script src="<?php echo base_url();?>admin_assets/javascripts/theme.custom.js"></script>
		
		<!-- Theme Initialization Files -->
		<script src="<?php echo base_url();?>admin_assets/javascripts/theme.init.js"></script>


		<!-- Examples -->
		<script src="<?php echo base_url();?>admin_assets/javascripts/tables/examples.datatables.default.js"></script>
		<script src="<?php echo base_url();?>admin_assets/javascripts/tables/examples.datatables.row.with.details.js"></script>
		<script src="<?php echo base_url();?>admin_assets/javascripts/tables/examples.datatables.tabletools.js"></script>
</body>
</html>