File: /home/owzicwjp/public_html/gaatitrack/new_parcel.php
<?php if(!isset($conn)){ include 'db_connect.php'; } ?>
<style>
textarea{
resize: none;
}
</style>
<div class="card card-outline">
<div class="row">
<div class="col-md-10">
<h3><?php echo $title ?></h3>
</div>
</div>
<!-- Author Name: Mayuri K.
for any PHP, Codeignitor, Laravel OR Python work contact me at mayuri.infospace@gmail.com
Visit website : www.mayurik.com -->
<div class="card-body">
<form action="" id="manage-parcel">
<input type="hidden" name="id" value="<?php echo isset($id) ? $id : '' ?>">
<div id="msg" class=""></div>
<div class="row">
<div class="col-md-6">
<b>Sender Information</b>
<div class="form-group">
<label for="" class="control-label">Name</label>
<input type="text" name="sender_name" id="" class="form-control" value="<?php echo isset($sender_name) ? $sender_name : '' ?>" required>
</div>
<div class="form-group">
<label for="" class="control-label">Address</label>
<input type="text" name="sender_address" id="" class="form-control " value="<?php echo isset($sender_address) ? $sender_address : '' ?>" required>
</div>
<div class="form-group">
<label for="" class="control-label">Contact #</label>
<input type="text" name="sender_contact" id="" class="form-control " value="<?php echo isset($sender_contact) ? $sender_contact : '' ?>" required>
</div>
</div>
<div class="col-md-6">
<b>Recipient Information</b>
<div class="form-group">
<label for="" class="control-label">Name</label>
<input type="text" name="recipient_name" id="" class="form-control " value="<?php echo isset($recipient_name) ? $recipient_name : '' ?>" required>
</div>
<div class="form-group">
<label for="" class="control-label">Address</label>
<input type="text" name="recipient_address" id="" class="form-control " value="<?php echo isset($recipient_address) ? $recipient_address : '' ?>" required>
</div>
<div class="form-group">
<label for="" class="control-label">Contact #</label>
<input type="text" name="recipient_contact" id="" class="form-control " value="<?php echo isset($recipient_contact) ? $recipient_contact : '' ?>" required>
</div>
</div>
</div>
<!-- Author Name: Mayuri K.
for any PHP, Codeignitor, Laravel OR Python work contact me at mayuri.infospace@gmail.com
Visit website : www.mayurik.com -->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="dtype" <?php echo isset($type) && $type == 1 ? 'checked' : '' ?> data-bootstrap-switch data-toggle="toggle" value="1">
<label class="" for="customSwitch1">Toggle this switch element</label>
</div>
<small>Deliver = Deliver to Recipient Address</small>
<small>, Pickup = Pickup to nearest Branch</small>
</div>
</div>
<div class="col-md-6" id="" <?php echo isset($type) && $type == 1 ? 'style="display: none"' : '' ?>>
<?php if($_SESSION['login_branch_id'] <= 0): ?>
<div class="form-group" id="fbi-field">
<label for="" class="control-label">Branch Processed</label>
<select name="from_branch_id" id="from_branch_id" class="form-control select2" required="">
<option value=""></option>
<?php
$branches = $conn->query("SELECT *,concat(street,', ',city,', ',state,', ',zip_code,', ',country) as address FROM branches");
while($row = $branches->fetch_assoc()):
?>
<option value="<?php echo $row['id'] ?>" <?php echo isset($from_branch_id) && $from_branch_id == $row['id'] ? "selected":'' ?>><?php echo $row['branch_code']. ' | '.(ucwords($row['address'])) ?></option>
<?php endwhile; ?>
</select>
</div>
<?php else: ?>
<input type="hidden" name="from_branch_id" value="<?php echo $_SESSION['login_branch_id'] ?>">
<?php endif; ?>
<div class="form-group" id="tbi-field">
<label for="" class="control-label">Pickup Branch</label>
<select name="to_branch_id" id="to_branch_id" class="form-control select2">
<option value=""></option>
<?php
$branches = $conn->query("SELECT *,concat(street,', ',city,', ',state,', ',zip_code,', ',country) as address FROM branches");
while($row = $branches->fetch_assoc()):
?>
<option value="<?php echo $row['id'] ?>" <?php echo isset($to_branch_id) && $to_branch_id == $row['id'] ? "selected":'' ?>><?php echo $row['branch_code']. ' | '.(ucwords($row['address'])) ?></option>
<?php endwhile; ?>
</select>
</div>
</div>
</div>
<hr> <div class="d-flex justify-content-end">
<div class="col-md-2">
<button class="btn btn-primary" type="button" id="new_parcel">Add</button>
</div>
</div>
<b>Parcel Information</b>
<table class="table table-bordered" id="parcel-items">
<thead>
<tr>
<th>Weight</th>
<th>Height</th>
<th>Length</th>
<th>Width</th>
<th>Price</th>
<?php if(!isset($id)): ?>
<th></th>
<?php endif; ?>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" name='weight[]' value="<?php echo isset($weight) ? $weight :'' ?>" required></td>
<td><input type="text" name='height[]' value="<?php echo isset($height) ? $height :'' ?>" required></td>
<td><input type="text" name='length[]' value="<?php echo isset($length) ? $length :'' ?>" required></td>
<td><input type="text" name='width[]' value="<?php echo isset($width) ? $width :'' ?>" required></td>
<td><input type="text" class="text-right number" name='price[]' value="<?php echo isset($price) ? $price :'' ?>" required></td>
<?php if(!isset($id)): ?>
<td><button class="btn btn-sm btn-danger" type="button" onclick="$(this).closest('tr').remove() && calc()"><i class="fa fa-times"></i></button></td>
<?php endif; ?>
</tr>
</tbody>
<?php if(!isset($id)): ?>
<tfoot>
<th colspan="4" class="text-right">Total</th>
<th class="text-right" id="tAmount">0.00</th>
<th></th>
</tfoot>
<?php endif; ?>
</table>
<?php if(!isset($id)): ?>
<?php endif; ?>
</div>
</form>
<div class="row">
<div class="col-md-6">
<button class="btn btn-primary" form="manage-parcel">Save</button>
<button class="btn btn-secondary" href="./index.php?page=parcel_list">Cancel</button>
</div>
</div>
<div id="ptr_clone" class="d-none">
<table>
<tr>
<td><input type="text" name='weight[]' required></td>
<td><input type="text" name='height[]' required></td>
<td><input type="text" name='length[]' required></td>
<td><input type="text" name='width[]' required></td>
<td><input type="text" class="text-right number" name='price[]' required></td>
<td><button class="btn btn-sm btn-danger" type="button" onclick="$(this).closest('tr').remove() && calc()"><i class="fa fa-times"></i></button></td>
</tr>
</table>
</div>
</div>
</div>
<!-- Author Name: Mayuri K.
for any PHP, Codeignitor, Laravel OR Python work contact me at mayuri.infospace@gmail.com
Visit website : www.mayurik.com -->
<script>
$('#dtype').change(function(){
if($(this).prop('checked') == true){
$('#tbi-field').hide()
}else{
$('#tbi-field').show()
}
})
$('[name="price[]"]').keyup(function(){
calc()
})
$('#new_parcel').click(function(){
var tr = $('#ptr_clone tr').clone()
$('#parcel-items tbody').append(tr)
$('[name="price[]"]').keyup(function(){
calc()
})
$('.number').on('input keyup keypress',function(){
var val = $(this).val()
val = val.replace(/[^0-9]/, '');
val = val.replace(/,/g, '');
val = val > 0 ? parseFloat(val).toLocaleString("en-US") : 0;
$(this).val(val)
})
})
$('#manage-parcel').submit(function(e){
e.preventDefault()
start_load()
if($('#parcel-items tbody tr').length <= 0){
alert_toast("Please add atleast 1 parcel information.","error")
end_load()
return false;
}
$.ajax({
url:'ajax.php?action=save_parcel',
data: new FormData($(this)[0]),
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
success:function(resp){
if(resp == 1){
alert_toast('Data successfully saved',"success");
setTimeout(function(){
location.href = 'index.php?page=parcel_list';
},2000)
}
}
})
})
function displayImgCover(input,_this) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#cover').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
function calc(){
var total = 0 ;
$('#parcel-items [name="price[]"]').each(function(){
var p = $(this).val();
p = p.replace(/,/g,'')
p = p > 0 ? p : 0;
total = parseFloat(p) + parseFloat(total)
})
if($('#tAmount').length > 0)
$('#tAmount').text(parseFloat(total).toLocaleString('en-US',{style:'decimal',maximumFractionDigits:2,minimumFractionDigits:2}))
}
</script>
</div>
</div>