<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Sudila Printers</title>
<meta name="description" content="overview &amp; stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
<!-- page specific plugin styles -->
<!-- text fonts -->
<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />
<!-- ace styles -->
<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
<!--[if lte IE 9]>
    <link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
<![endif]-->
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<!--[if lte IE 9]>
  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
<![endif]-->
<!-- inline styles related to this page -->
<!-- ace settings handler -->
<script src="assets/js/ace-extra.min.js"></script>
<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
<!--[if lte IE 8]>
    <script src="assets/js/html5shiv.min.js"></script>
    <script src="assets/js/respond.min.js"></script>
<![endif]-->
<Style>
.page-header h1 {
    margin: 0;
    font-size: 18px;
	font-weight: 500;
}
</style>
</head>
<body class="no-skin">
<?php include 'common/navbar.php'; ?>
<div class="main-container ace-save-state" id="main-container">
  <?php include 'common/sidebar.php'; ?>
  <div class="main-content">
    <div class="main-content-inner">
      <div class="breadcrumbs ace-save-state" id="breadcrumbs">
        <ul class="breadcrumb">
          <li> <i class="ace-icon fa fa-home home-icon"></i> <a href="home">Home</a> </li>
          <li class="active"> Courier Charges</li>
        </ul>
        <!-- /.breadcrumb --> 
      </div>
	  <?php $sql_cou = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM courier_charges")); ?>
      <div class="page-content">
        <div class="page-header">
          <h1>  Courier Service Charges </h1>
        </div>
        <!-- /.page-header -->
        <div class="row">
          <div class="col-xs-12"> 
            <!-- PAGE CONTENT BEGINS -->
            <div class="widget-box">
              <div class="widget-body">
                <div class="widget-main"> <br>
                  <!-- Content -->
				  <form id="form_submit1" method="post">
					  <div class="row">
					  <div class="form-group col-sm-6">
						<label>Delivery Charges for 1kg (Rs):<sup class="red">*</sup></label>
						  <input type="text" class="form-control" name="courier_fee"  autocomplete="off" required value="<?php echo $sql_cou['courier_fee'] ?>">
						<span class="help-block"></span>
					  </div>
					  <div class="form-group col-sm-6">
						<label>Charges For Every Additional 1kg:<sup class="red">*</sup></label>
						  <input type="text" class="form-control" name="courier_1kg" autocomplete="off" required value="<?php echo $sql_cou['courier_1kg'] ?>">
						<span class="help-block"></span>
					  </div>
					  </div>
					  <div class="form-group">
						<button class="btn btn-danger btn-xs"> UPDATE</button>
					  </div>
				  </form>
                  <!-- End Content --> 
                </div>
              </div>
            </div>
            <!-- /End .widget-box --> 
          </div>
        </div>
        <div class="space-20"></div>
		<div class="hr hr8 hr-double"></div>
        <div class="space-20"></div>
        <div class="page-header">
          <h1>  Cash On Delivery Charges </h1>
        </div>
        <!-- /.page-header -->
        <div class="row">
          <div class="col-xs-12"> 
            <!-- PAGE CONTENT BEGINS -->
            <div class="widget-box">
              <div class="widget-body">
                <div class="widget-main"> <br>
                  <!-- Content -->
				  <form id="form_submit2" method="post">
					  <div class="row">
					  <div class="form-group col-sm-6">
						<label>Delivery Charges for 1kg (Rs):<sup class="red">*</sup></label>
						  <input type="text" class="form-control" name="cash_on_del"  autocomplete="off" required value="<?php echo $sql_cou['cash_on_del'] ?>">
						<span class="help-block"></span>
					  </div>
					  <div class="form-group col-sm-6">
						<label>Charges For Every Additional 1kg:<sup class="red">*</sup></label>
						  <input type="text" class="form-control" name="cash_on_1kg" autocomplete="off" required value="<?php echo $sql_cou['cash_on_1kg'] ?>">
						<span class="help-block"></span>
					  </div>
					  </div>
					  <div class="form-group">
						<button class="btn btn-success btn-xs"> UPDATE</button>
					  </div>
				  </form>
                  <!-- End Content --> 
                </div>
              </div>
            </div>
            <!-- /End .widget-box --> 
          </div>
        </div>
		
      </div>
      <!-- /.page-content --> 
    </div>
  </div>
  <!-- /.main-content -->
  <?php include 'common/footer.php'; ?>
</div>
<!-- /.main-container -->

<!-- basic scripts --> 
<!--[if !IE]> -->
<script src="assets/js/jquery-2.1.4.min.js"></script>
<!-- <![endif]--> 
<!--[if IE]>
<script src="assets/js/jquery-1.11.3.min.js"></script>
<![endif]--> 
<script type="text/javascript">
	if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script> 
<script src="assets/js/bootstrap.min.js"></script> 
<!-- page specific plugin scripts --> 
<!--[if lte IE 8]>
  <script src="assets/js/excanvas.min.js"></script>
<![endif]-->
<script src="assets/js/jquery.dataTables.min.js"></script>
<script src="assets/js/jquery.dataTables.bootstrap.min.js"></script>
<!-- ace scripts -->
<script src="assets/js/ace-elements.min.js"></script>
<script src="assets/js/ace.min.js"></script>
<script src="assets/jquery.validate.min.js"></script>
<link rel="stylesheet" href="bootstrap-sweetalert/lib/sweet-alert.css" />
<script src="bootstrap-sweetalert/lib/sweet-alert.min.js"></script>
<!-- inline scripts related to this page --> 
<script type="text/javascript">
jQuery(function ($) {
	//initiate dataTables plugin
	var myTable =
	$('#dynamic-table')
	//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
	.DataTable({
		bAutoWidth: false,
		"aaSorting": [],
	});
});

$("#form_submit1").validate({
	rules: {
		courier_fee: {
			number: true,
			min: 1,
		},
		courier_1kg: {
			number: true,
			min: 1,
		},
	},
	 messages:
	{
		courier_fee: {
			number: "Invalid Value",
			min: "Invalid Value",
		},
		courier_1kg: {
			number: "Invalid Value",
			min: "Invalid Value",
		},
	},
 errorPlacement : function(error, element) {
	$(element).closest('.form-group').find('.help-block').html(error.html());
 },
 highlight : function(element) {
	$(element).closest('.form-group').removeClass('has-success').addClass('has-error');
 },
 unhighlight: function(element, errorClass, validClass) {
	$(element).closest('.form-group').removeClass('has-error');
	$(element).closest('.form-group').find('.help-block').html('');
 },
	  submitHandler: submitForm1
});
function submitForm1() {
   $.ajax({
		  url: 'connection/delivery_fee_conn',
		  type: 'POST',
		  data: $('#form_submit1').serialize(),
	 })
	 .done(function(data){
		  if ( data === 'success' ) {
			swal({
			  title: "",
			  text: "Successfully Updated!",
			  type: "success",
			  confirmButtonText: "OK"
				},
				function (isConfirm) {
			  if (isConfirm) {
				  window.location.href = "courier_charges";
			  }
			});
		  
		  } else if ( data === 'invalid' ) {
			  swal("", "Invalid Value. Please Try Again!", "warning");
		  
		  } else {
			  swal("", "Something went wrong! Please Try Again!", "warning");
		  }
	 })
	 .fail(function(){
		  swal("", "Something went wrong! Please Try Again!", "warning");
	 });
}

$("#form_submit2").validate({
	rules: {
		cash_on_del: {
			number: true,
			min: 1,
		},
		cash_on_1kg: {
			number: true,
			min: 1,
		},
	},
	 messages:
	{
		cash_on_del: {
			number: "Invalid Value",
			min: "Invalid Value",
		},
		cash_on_1kg: {
			number: "Invalid Value",
			min: "Invalid Value",
		},
	},
 errorPlacement : function(error, element) {
	$(element).closest('.form-group').find('.help-block').html(error.html());
 },
 highlight : function(element) {
	$(element).closest('.form-group').removeClass('has-success').addClass('has-error');
 },
 unhighlight: function(element, errorClass, validClass) {
	$(element).closest('.form-group').removeClass('has-error');
	$(element).closest('.form-group').find('.help-block').html('');
 },
	  submitHandler: submitForm2
});
function submitForm2() {
   $.ajax({
		  url: 'connection/delivery_fee_conn',
		  type: 'POST',
		  data: $('#form_submit2').serialize(),
	 })
	 .done(function(data){
		  if ( data === 'success' ) {
			swal({
			  title: "",
			  text: "Successfully Updated!",
			  type: "success",
			  confirmButtonText: "OK"
				},
				function (isConfirm) {
			  if (isConfirm) {
				  window.location.href = "courier_charges";
			  }
			});
		  
		  } else if ( data === 'invalid' ) {
			  swal("", "Invalid Value. Please Try Again!", "warning");
		  
		  } else {
			  swal("", "Something went wrong! Please Try Again!", "warning");
		  }
	 })
	 .fail(function(){
		  swal("", "Something went wrong! Please Try Again!", "warning");
	 });
}

</script>
</body>
</html>