Files
ARCHIVED-IZYIM/modul/orders/shipping-order/create.tpl.php
T
2018-04-02 13:12:38 +08:00

684 lines
30 KiB
PHP
Executable File

<style>
#sample_editable_1_filter {
float: right!important;
}
.btiv {
background: transparent;
border: none !important;
}
.table td,
.table th {
font-size: 14px;
}
table.marking td {
font-size: 12px;
padding-right: 0px !important;
min-width: 60px;
}
</style>
<?php if(getCompany($_SESSION[ 'user_id'])==0 ){ ?>
<center style="margin-top:70px">
Please complete your <strong><a href="/company/edit">Company Information</a></strong> to proceed.
<?php }else{ ?>
<div class="full-height-content" style="min-height: 454px;">
<div class="full-height-content-body">
<div class="portlet box blue-hoki" id="form_wizard_1">
<div class="portlet-title">
<div class="caption">
<i class=" icon-layers"></i>
<span class="caption-subject sbold uppercase"> Create Shipping Order - <span class="step-title"> Step 1 of 2 </span></span>
</div>
</div>
<div class="portlet-body form">
<form id="stepy_form" class="form-horizontal" enctype="multipart/form-data" method="POST">
<div class="form-wizard">
<div class="form-body" style="padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 10px;">
<ul class="nav nav-pills nav-justified steps" style="padding-top: 0px;padding-bottom: 0px;">
<li>
<a href="#tab1" data-toggle="tab" class="step">
<span class="number"> 1 </span>
<span class="desc"><i class="fa fa-check"></i> Order Details </span>
</a>
</li>
<li>
<a href="#tab2" data-toggle="tab" class="step">
<span class="number"> 2 </span>
<span class="desc"><i class="fa fa-check"></i> Items </span>
</a>
</li>
</ul>
<div id="bar" class="progress progress-striped" role="progressbar">
<div class="progress-bar progress-bar-success"> </div>
</div>
<div class="tab-content">
<div id='suksesupdate' class="alert alert-success alert-block fade in" style='display:none;'>
<strong><i class="icon-ok-sign"></i>Success!</strong>Yehaa.. Your pasword has been updated. Reload page in few seconds..
</div>
<div id='gagalupdate' class="alert alert-danger alert-block fade in" style='display:none;'>
<strong><i class="icon-ok-sign"></i>Whoops!</strong>
<h4>You have some form errors. Please check below.</h4>
</div>
<div class="tab-pane active" id="tab1">
<h4 class="form-section">Order Details</h4>
<input class="form-control" id='order_type' style="display:none" name='order_type' value="1" />
<div class="form-group forwarder_id">
<label class="control-label col-md-3">Freight Forwarder
<i class="fa fa-info-circle tooltips" data-placement="bottom" data-original-title="If your freight forwarder is not in the list, please contact your Freight Forwarder to add your company into their Importer List."></i>
</label>
<div class="col-md-3">
<p id="select_forwarder" style="margin-top: 5px;" class="contact-list"><a>Please select forwarder</a>
</p>
<input style="display:none;" class="form-control" name="forwarder_id" id="forwarder_id" />
<p id="forwarder" style="margin-top: 5px;" class="contact-list"></p>
</div>
<?php if (getLastForwarder() <> "" || getLastForwarder()
<> null){ ?>
<div class="col-md-6 last-selected">
<i style="margin-top: 5px; font-size:13px;">Last selected Freight Forwarder <?php echo getCompanyData(getLastForwarder(), "company_id", "name"); ?></i>
<a class="btn btn-sm btn-outline green button-select-last-selected" data-id="<?php echo getLastForwarder(); ?>" data-company_name="<?php echo getCompanyData(getLastForwarder(), "company_id", "name"); ?>" id="button-select-last-selected"> Select</a>
</div>
<?php } ?>
</div>
<div class="form-group supplier">
<label class="control-label col-md-3">Supplier Company Name</label>
<div class="col-md-4">
<input class=" form-control" id="supplier" name="supplier" minlength="2" type="text" />
</div>
</div>
<div class="form-group supplier">
<label class="control-label col-md-3">Supplier Contact Person</label>
<div class="col-md-4">
<input class=" form-control" id="supplier_contact_person" name="supplier_contact_person" minlength="2" type="text" />
</div>
</div>
<div class="form-group supplier">
<label class="control-label col-md-3">Supplier Contact Person No</label>
<div class="col-md-4">
<input class=" form-control" id="supplier_contact_person_no" name="supplier_contact_person_no" minlength="2" type="text" />
</div>
</div>
<h4 class="form-section warehouse">Warehouse Details</h4>
<div class="form-group warehouse">
<label class="control-label col-md-3">Warehouse
<i class="fa fa-info-circle tooltips" data-placement="bottom" data-original-title="If there is no warehouse listed, you need to ask your forwarder to update their lists of warehouse."></i>
</label>
<div class="col-md-4">
<select class="form-control" id="warehouse_id" name="warehouse_id">
<option value="">Please choose warehouse</option>
</select>
</div>
</div>
<div class="form-group warehouse_name">
<label class="control-label col-md-3">Warehouse Name</label>
<div class="col-md-4">
<input class=" form-control" id="warehouse_name" name="warehouse_name" minlength="2" type="text" />
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Warehouse Address</label>
<div class="col-md-4">
<textarea class=" form-control" id="warehouse_address" name="warehouse_address" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Warehouse City</label>
<div class="col-md-4">
<textarea class=" form-control" id="warehouse_city" name="warehouse_city" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Warehouse Zip</label>
<div class="col-md-4">
<textarea class=" form-control" id="warehouse_zip" name="warehouse_zip" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Warehouse State</label>
<div class="col-md-4">
<textarea class=" form-control" id="warehouse_state" name="warehouse_state" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Warehouse Country</label>
<div class="col-md-4">
<textarea class=" form-control" id="warehouse_country" name="warehouse_country" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Warehouse Contact Person</label>
<div class="col-md-4">
<textarea class=" form-control" id="warehouse_contact_person" name="warehouse_contact_person" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Warehouse Contact Number</label>
<div class="col-md-4">
<textarea class=" form-control" id="warehouse_contact_person_no" name="warehouse_contact_person_no" minlength="2" type="text"></textarea>
</div>
</div>
<h4 class="form-section warehouse">Delivery Details</h4>
<div class="form-group warehouse">
<label class="control-label col-md-3">Delivery
<i class="fa fa-info-circle tooltips" data-placement="bottom" data-original-title="If there is no Delivery Address listed, you can just key in the information below."></i>
</label>
<div class="col-md-4">
<select class="form-control" id="delivery_id" name="delivery_id">
<option value="">Please choose / add new your delivery address</option>
</select>
</div>
</div>
<div class="form-group warehouse_name">
<label class="control-label col-md-3">Delivery Name</label>
<div class="col-md-4">
<input class=" form-control" id="delivery_name" name="delivery_name" minlength="2" type="text" />
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Delivery Address</label>
<div class="col-md-4">
<textarea class=" form-control" id="delivery_address" name="delivery_address" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Delivery City</label>
<div class="col-md-4">
<textarea class=" form-control" id="delivery_city" name="delivery_city" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Delivery Postcode</label>
<div class="col-md-4">
<textarea class=" form-control" id="delivery_zip" name="delivery_zip" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Delivery State</label>
<div class="col-md-4">
<textarea class=" form-control" id="delivery_state" name="delivery_state" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Delivery Country</label>
<div class="col-md-4">
<textarea class=" form-control" id="delivery_country" name="delivery_country" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Delivery Contact Person</label>
<div class="col-md-4">
<textarea class=" form-control" id="delivery_contact_person" name="delivery_contact_person" minlength="2" type="text"></textarea>
</div>
</div>
<div class="form-group warehouse_address">
<label class="control-label col-md-3">Delivery Contact Number</label>
<div class="col-md-4">
<textarea class=" form-control" id="delivery_contact_person_no" name="delivery_contact_person_no" minlength="2" type="text"></textarea>
</div>
</div>
</div>
<div class="tab-pane" id="tab2">
<h4 class="block"><span class="caption-subject font-dark bold uppercase">Items</span></h4>
<div class="table-toolbar">
<div class="row">
<div class="col-md-6">
</div>
</div>
</div>
<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
<thead>
<tr>
<th> No </th>
<th> Description </th>
<th> Model </th>
<th> UOM </th>
<th> Qty </th>
<th> CBM </th>
<th> Weight </th>
<th> Photo </th>
<th> Action </th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<td colspan="8">
<center>
<a id="sample_editable_1_new" class="btn green" href="#form_add" data-toggle="modal">
<i class="fa fa-plus"></i>
</a>
</center>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="form-actions">
<div class="row pull-right">
<div class="col-md-12">
<a href="javascript:;" class="btn default button-previous"><i class="fa fa-angle-left"></i> Back </a>
<a href="javascript:;" class="btn btn-outline green button-next" id="button-next"> Continue <i class="fa fa-angle-right"></i></a>
<button type="submit" class="btn green button-submit" id="finish"> Finish!</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade modal-scroll bs-modal-lg in" id="form_add" role="basic" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Add Item</h4>
</div>
<div class="modal-body form" id="form_wizard_2">
<div class="row">
<form class="form-horizontal" id="stepy_form2" enctype="multipart/form-data">
<div class="form-wizard">
<div class="form-body">
<div class="tab-content">
<div class="tab-pane active" id="ttab1">
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<h5><strong>Item Details</strong></h5>
<div class="form-group">
<label class="control-label col-md-3">Description <span class="required"> * </span>
</label>
<div class="col-md-6">
<input type="text" class="form-control" id="description" name="description" placeholder="42 inch" required>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Brand</label>
<div class="col-md-6">
<input type="text" class="form-control" id="brand_no" name="brand_no" placeholder="Sharp">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3"> Model</label>
<div class="col-md-6">
<input type="text" class="form-control" id="model_no" name="model_no" placeholder="Bravia">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3"> Item Code</label>
<div class="col-md-6">
<input type="text" class="form-control" id="item_code" name="item_code" placeholder="">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Quantity </span>
</label>
<div class="col-md-6">
<input type="number" class="form-control int" id="quantity" name="quantity" placeholder="4">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">UOM</label>
<div class="col-md-6">
<select class="form-control" id="uom" name="uom">
<option value="">Please select UOM for your Item</option>
<option value="Bag">Bag</option>
<option value="Bucket">Bucket</option>
<option value="Bundle">Bundle</option>
<option value="Box">Box</option>
<option value="Piece">Piece</option>
<option value="Gallon">Gallon</option>
<option value="Pack">Pack</option>
<option value="Pair">Pair</option>
<option value="Sheet">Sheet</option>
<option value="Rack">Rack</option>
</select>
</div>
</div>
<div class="form-group">
<label for="photo" class="control-label col-md-3">Photo</label>
<div class="col-md-6">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
<img id="uploadPreview" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
</div>
<div>
<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
<span class="fileinput-exists"> Change </span>
<input type="file" name="image" id="image" onchange="PreviewImage();" accept="image/*"> </span>
<input type="text" name="imagebase64" id="imagebase64" style="display:none;">
<a class="btn red remove" onclick="removePhoto('image');" data-id="image"> Remove </a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<h5><strong>Packing</strong></h5>
<div class="form-group">
<label class="control-label col-md-3">Qty of Carton<span class="required"> * </span>
</label>
<div class="col-md-4">
<input type="number" name="packaging_quantity" id="packaging_quantity" placeholder="30" class="form-control int" required>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Total Cartons<span class="required"> * </span>
</label>
<div class="col-md-4">
<input type="number" name="total_cartons" id="total_cartoons" placeholder="30" class="form-control int" required>
</div>
</div>
<div class="form-group" id="pack_type">
<label class="control-label col-md-3">Packaging Type<span class="required"> * </span></label>
<div class="col-md-6">
<select name="packaging_type1" id="packaging_type1" class="form-control">
<option value="">Please choose Packaging Type</option>
<option value="Carton">Carton</option>
<option value="Pallet">Pallet</option>
<option value="Wooden Box">Wooden Box</option>
<option value="Sacks">Sacks</option>
<option value="new">Add New</option>
</select>
</div>
</div>
<div class="form-group" id="pack_type_uom">
<label class="control-label col-md-3">Packaging UOM</label>
<div class="col-md-6">
<input name="packaging_type2" id="packaging_type2" class="form-control">
</div>
</div>
<div class="form-group" id="pack_type_photo">
<label for="fname" class="control-label col-md-3">Photo</label>
<div class="col-md-6">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
<img id="uploadPreview3" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
</div>
<div>
<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
<span class="fileinput-exists"> Change </span>
<input type="file" name="image3" id="image3" onchange="PreviewImage3();" accept="image/*"> </span>
<input type="text" name="image3base64" id="image3base64" style="display:none;">
<a class="btn red remove" onclick="removePhoto('image3');" data-id="image3"> Remove </a>
</div>
</div>
</div>
</div>
<div class="form-group" id="carton">
<label class="control-label col-md-3"></label>
<div class="col-md-9">
<img class="img-responsive" src="/assets/images/carton.jpg">
</div>
</div>
<div class="form-group" id="pallet">
<label class="control-label col-md-3"></label>
<div class="col-md-9">
<img class="img-responsive" src="/assets/images/pallet.png">
</div>
</div>
<div class="form-group" id="wooden_box">
<label class="control-label col-md-3"></label>
<div class="col-md-9">
<img class="img-responsive" src="/assets/images/wooden-box.jpg">
</div>
</div>
<div class="form-group" id="sack">
<label class="control-label col-md-3"></label>
<div class="col-md-9">
<img class="img-responsive" src="/assets/images/sack.jpg">
</div>
</div>
<div class="form-group">
<label for="fname" class="control-label col-md-3">Photo</label>
<div class="col-md-6">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
<img id="uploadPreview2" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
</div>
<div>
<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
<span class="fileinput-exists"> Change </span>
<input type="file" name="image2" id="image2" onchange="PreviewImage2();" accept=".pdf, image/*"> </span>
<input type="text" name="image2base64" id="image2base64" style="display:none;">
<a class="btn red remove" onclick="removePhoto('image2');" data-id="image2"> Remove </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<div class="col-md-12">
<div class="form-group">
<h5><strong>Measurement</strong></h5>
<div class="col-md-4">
<div class="row">
<center>Height (m)</center>
</div>
<div class="row">
<div class="col-md-12">
<input type="number" name="packaging_height" id="packaging_height" placeholder="30" class="form-control int">
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
<center>Width (m)</center>
</div>
<div class="row">
<div class="col-md-12">
<input type="number" name="packaging_width" id="packaging_width" placeholder="20" class="form-control int">
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
<center>Depth (m)</center>
</div>
<div class="row">
<div class="col-md-12">
<input type="number" name="packaging_depth" id="packaging_depth" placeholder="15" class="form-control int">
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3"></label>
<div class="col-md-9">
<img class="img-responsive" src="/assets/images/hwd.jpg">
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-md-12">
<div class="form-group">
<h5><strong>Weight</strong></h5>
<div class="col-md-6">
<div class="row">
<center>Gross (kg)</center>
</div>
<div class="row">
<div class="col-md-12">
<input type="number" name="packaging_gross" id="packaging_gross" class="form-control int" placeholder="30">
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<center>Nett (kg)</center>
</div>
<div class="row">
<div class="col-md-12">
<input type="number" name="packaging_nett" id="packaging_nett" class="form-control int" placeholder="20">
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label for="fname" class="control-label col-md-3">Photo</label>
<div class="col-md-6">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
<img id="uploadPreview4" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
</div>
<div>
<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
<span class="fileinput-exists"> Change </span>
<input type="file" name="image4" id="image4" onchange="PreviewImage4();" accept="image/*"> </span>
<input type="text" name="image4base64" id="image4base64" style="display:none;">
<a class="btn red remove" onclick="removePhoto('image4');" data-id="image4"> Remove </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-actions">
<div class="row pull-right">
<div class="col-md-12" id="form-actions">
<a class="btn green button-submit2" id="finish2"> Add Item</a>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="form_contact_list" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Contact List</h4>
</div>
<div class="modal-body">
<?php if($_SESSION[ 'group_id']==2 ){ ?>
<div class="row" style="margin-bottom:10px;">
<div class="col-md-6 col-sm-6">
</div>
<div class="col-md-6 col-sm-6">
<div class="pull-right">
<a href="/companies" target="_blank" class="btn blue btn-circle exit"> Add Forwarder <i class="fa fa-user-plus"></i></a>
</div>
</div>
</div>
<?php } ?>
<table class="table table-striped table-hover table-bordered" id="contact">
<thead>
<tr>
<th>
<center>Company Logo</center>
</th>
<th>
<center>Name</center>
</th>
<th>
<center>Office Number</center>
</th>
<th>
<center>Status</center>
</th>
<th>
<center>Action</center>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="table-status"></td>
<td class="table-title"></td>
<td class="table-title"></td>
<td class="table-title"></td>
<td class="table-title"></td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<a class="btn dark btn-outline" class="close" data-dismiss="modal" aria-hidden="true">Close</a>
<a class="btn btn-primary" class="close" data-dismiss="modal" aria-hidden="true">Save Changes</a>
</div>
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal fade in" id="modal_success" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="success-content"></div>
</div>
</div>
</div>
</div>
<div class="modal fade in" id="user-detail" tabindex="-1" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
</div>
<div class="modal-body" id="getCode">
</div>
</div>
</div>
</div>
<div class="modal fade in" id="add-user" tabindex="-1" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
</div>
<div class="modal-body form">
<div class="form-horizontal form-row-seperated">
<div class="form-group">
<div class="col-md-12">
<div class="input-group">
<input type="text" id="typeahead_example_modal_3" name="typeahead_example_modal_3" class="form-control" />
<span class="input-group-addon"><i class="fa fa-search" aria-hidden="true"></i></span>
</div>
</div>
</div>
<div id="getCode2">
<div class="row">
<br>
<center>No result found.</center>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php } ?>