<div id="error_box"></div>
<form class="form-horizontal" id="order_shipments_form">
<div class="form-group1">
<div class="table-responsive" id="shipment_item_qty_box">
<table class="table table-hover table-condensed">
<thead>
<tr>
<th colspan="2">
<input type="checkbox" class="select_checkbox_all display_none" /> Item Detail
</th>
<th class="text-right">Item Remaining</th>
</tr>
</thead>
<tbody>
<?php
foreach($result as $row){
?>
<tr>
<td colspan="2">
<label><input type="checkbox" class="checkbox_row" name="order_items[]" value="<?php echo $this->common_lib->encode($row->order_item_id) ?>" />
<b><?php echo $row->product_name ?></b><br />
<b><code><?php echo $row->sku ?></code></b>
<b><code>Size: <?php echo $row->size ?></code></b>
<code><?php echo $row->color ?></code></label>
</td>
<td class="text-right"><b><?php echo $row->qty_remaining ?></b></td>
</tr>
<?php
}
?>
</tbody>
</table>
<div class="col-sm-12 text-center">
<p class="bg-danger"><strong>Note: </strong>All items will considered as selected if none from the above is selected.</p>
</div>
<div class="col-sm-offset-4 col-sm-8 text-right">
<button type="button" class="btn btn-primary show_shipping_services">Continue</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<input type="hidden" name="token" value="<?php echo $token ?>" />
</div>
</div>
<div id="shipment_shipping_services_box" class="display_none">
<div class="form-group">
<label for="total_weight" class="col-lg-2 control-label">Weight</label>
<div class="col-lg-9">
<div class="input-group">
<input type='text' name="total_weight" id="total_weight" placeholder="Total Weight. eg: 20lb" class="form-control" />
<div class="input-group-addon">lbs</div>
</div>
</div>
</div>
<div class="form-group" style="margin:0px !important; ">
<label for="total_weight" class="col-lg-2 control-label"></label>
<div class="col-lg-3">Length (inches)</div>
<div class="col-lg-3">Width (inches)</div>
<div class="col-lg-3">Height (inches)</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<label for="total_weight" class="col-lg-2 control-label">Box Size</label>
<div class="col-lg-3">
<div class="input-group">
<input type='text' name="box_length" id="box_length" placeholder='eg: 8"' class="form-control" />
<div class="input-group-addon">" In</div>
</div>
</div>
<div class="col-lg-3">
<div class="input-group">
<input type='text' name="box_width" id="box_width" placeholder='eg: 5"' class="form-control" />
<div class="input-group-addon">" In</div>
</div>
</div>
<div class="col-lg-3">
<div class="input-group">
<input type='text' name="box_height" id="box_height" placeholder='eg: 10"' class="form-control" />
<div class="input-group-addon">" In</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<label for="shipping_service_id" class="col-lg-2 control-label">Shipping</label>
<div class="col-lg-7">
<?php echo $this->common_lib->render_dropdown($shipping_services,"shipping_service_id","shipping_service","shipping_service_id","","Shipping Service") ?>
</div>
<div class="col-lg-2"><button type="button" class="btn btn-default search_shipping_services pull-right" data-loading-text="<i class='fa fa-spinner fa-pulse'></i>" ><i class="fa fa-search"></i></button></div>
<div class="clearfix"></div>
</div>
<div id="shipping_services_list"></div>
<div id="shipping_boxes_list" class="display_none">
<div class="col-md-offset-2 col-md-10">
<div class="row form-group">
<div class="col-md-8" id="shipping_service_label"></div>
<div class="col-md-4" id="shipping_service_price"><b></b></div>
</div>
</div>
</div>
<div class="form-group">
<label for="" class="col-lg-2 control-label">Notes</label>
<div class="col-lg-9">
<textarea class="form-control textarea-md"></textarea>
</div>
<div class="clearfix"></div>
</div>
<div class="col-sm-offset-2 col-sm-9 text-right">
<input type="hidden" name="sc" id="sc" value="" />
<input type="hidden" name="ss" id="ss" value="" />
<input type="hidden" name="token" id="token" value="<?php echo $token ?>" />
<button type="button" class="btn btn-default back_shipment_item_qty_box" >Back</button>
<button type="button" class="btn btn-primary save_shipping_order_box display_none" data-loading-text="Saving...">Save Box</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
<div class="clearfix"></div>
</div>
</div>
</form>
<script>
$(function(){
$(".show_shipping_services").on("click",function(){
$("#shipment_item_qty_box").slideUp();
$("#shipment_shipping_services_box").slideDown();
});
$(".back_shipment_item_qty_box").on("click",function(){
$("#shipment_item_qty_box").slideDown();
$("#shipment_shipping_services_box").slideUp();
});
$(".search_shipping_services").on("click",function(){
$(".save_shipping_order_box").hide();
var clicker = $(this);
clicker.button('loading');
$("#error_box").slideUp().html("");
$.getJSON("<?php echo site_url("admin/ajax/get_shipping_options")?>",{l:$("#box_length").val(),w:$("#box_width").val(),h:$("#box_height").val(),wt:$("#total_weight").val(),shipping_service_id:$("#shipping_service_id").val()},function(response){
clicker.button('reset');
if(response.message != "") $("#error_box").html(response.message).slideDown();
if(response.html != "") $("#shipping_services_list").html(response.html);
});
});
$(document).on("change","#shipping_sub_services",function(){
var serviceObj = $("#shipping_sub_services option:selected");
if($(this).val() == ""){
$(".save_shipping_order_box").hide();
$("#error_box").html("<div class='alert alert-danger'>Please select shipping service!</div>").slideDown();
$("#ss").val("");
$("#sc").val("");
}else{
$("#error_box").slideUp().html("");
$(".save_shipping_order_box").show();
$("#ss").val(serviceObj.data("service"));
$("#sc").val(serviceObj.data("price"));
}
});
$(".save_shipping_order_box").on("click",function(){
$("#error_box").slideUp().html("");
var clicker = $(this);
clicker.button('loading');
var form_data = $("#order_shipments_form").serialize();
$.getJSON("<?php echo site_url("admin/ajax/save_shipping_box") ?>",{token:"<?php ?>",fdata:form_data},function(response){
clicker.button('reset');
if(response.message == "done"){
$('#add_order_shipment').modal('hide');
pNotify('Success','Shipping box added successfully','success');
window.location.reload();
}else{
$("#error_box").html(response.message);
}
window.location.reload();
});
});
});
</script>
@KyuuKazami