920 lines
30 KiB
PHP
920 lines
30 KiB
PHP
|
<?php header('Access-Control-Allow-Origin: *'); ?>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Form Customer</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="author" content="">
|
||
|
|
|
||
|
|
<!-- Le styles -->
|
||
|
|
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.css" rel="stylesheet">
|
||
|
|
<link href="<?php echo base_url(); ?>asset/css/style.css" rel="stylesheet">
|
||
|
|
<style type="text/css">
|
||
|
|
body {
|
||
|
|
padding-top: 60px;
|
||
|
|
padding-bottom: 40px;
|
||
|
|
}
|
||
|
|
.sidebar-nav {
|
||
|
|
padding: 9px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 980px) {
|
||
|
|
/* Enable use of floated navbar text */
|
||
|
|
.navbar-text.pull-right {
|
||
|
|
float: none;
|
||
|
|
padding-left: 5px;
|
||
|
|
padding-right: 5px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script src="<?php echo base_url(); ?>asset/bootstrap/js/jquery.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>asset/js/form_view.js"></script>
|
||
|
|
<script>
|
||
|
|
$(document).ready(function()
|
||
|
|
{
|
||
|
|
$(":input").prop("disabled", true);
|
||
|
|
$(".btn").prop("disabled", false);
|
||
|
|
$("#myModal :input").prop("disabled", false);
|
||
|
|
x="<?php echo $action; ?>";
|
||
|
|
if ( x === 'view'){
|
||
|
|
$("#pending").show();
|
||
|
|
//$("#fo1").attr("action", "<?php echo base_url(); ?>form/isApprove/<?php echo $id; ?>");
|
||
|
|
}
|
||
|
|
if ( x === 'edit')$("#saved").show();
|
||
|
|
|
||
|
|
//method
|
||
|
|
var id = "<?php echo $id; ?>";
|
||
|
|
var base_url = "<?php echo base_url(); ?>";
|
||
|
|
//test();
|
||
|
|
load(id,base_url);
|
||
|
|
}
|
||
|
|
|
||
|
|
);
|
||
|
|
</script>
|
||
|
|
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body data-spy="scroll" data-target=".sidebar">
|
||
|
|
<!--Navigation bar-->
|
||
|
|
<div class="navbar navbar-inverse navbar-fixed-top" >
|
||
|
|
<div class="navbar-inner">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
</button>
|
||
|
|
<a class="brand" href="<?php echo base_url(); ?>user">Everseiko</a>
|
||
|
|
<div class="nav-collapse collapse">
|
||
|
|
<ul class="nav pull-right">
|
||
|
|
<li id="fat-menu" class="dropdown">
|
||
|
|
<a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown" style="background-color:#fff;"><i class="icon-user"></i>
|
||
|
|
<?php echo $this->auth->CI->session->userdata('nama'); ?><b class="caret"></b></a>
|
||
|
|
<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
|
||
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="<?php echo base_url(); ?>">
|
||
|
|
<i class="icon-tags"></i>
|
||
|
|
<?php echo $this->auth->CI->session->userdata('role'); ?></a></li>
|
||
|
|
<li role="presentation" class="divider"></li>
|
||
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="<?php echo base_url(); ?>user/logout"><i class="icon-off"></i> Logout</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div><!--/.nav-collapse -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--Container-->
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row-fluid">
|
||
|
|
<!--sidebar-->
|
||
|
|
<div class="span3 sidebar">
|
||
|
|
<div class="well affix span3">
|
||
|
|
<ul class="nav nav-list">
|
||
|
|
<li class="active"><a href="#1">Contact Details</a></li>
|
||
|
|
<li class=""><a href="#2">Vehicles Details</a></li>
|
||
|
|
<li class=""><a href="#3">Types</a></li>
|
||
|
|
<li class=""><a href="#4">Tyre Usages</a></li>
|
||
|
|
<li class=""><a href="#5">Recommendation</a></li>
|
||
|
|
<li class=""><a href="#6">Picture</a></li>
|
||
|
|
</ul>
|
||
|
|
</div><!--/.well -->
|
||
|
|
</div><!--/span3-->
|
||
|
|
<!--section-->
|
||
|
|
<div class="span7 offset1 well">
|
||
|
|
<!--
|
||
|
|
<div class="hero-unit">
|
||
|
|
<h1>Hello, world!</h1>
|
||
|
|
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
|
||
|
|
<p><a href="#" class="btn btn-primary btn-large">Learn more »</a></p>
|
||
|
|
</div>
|
||
|
|
-->
|
||
|
|
<form class="form-horizontal" action="<?php echo base_url(); ?>form/updateform/<?php echo $id; ?>" method="post" enctype="multipart/form-data">
|
||
|
|
<section id="1"><!--contact details-->
|
||
|
|
<fieldset>
|
||
|
|
<legend><strong>Contact Details</strong></legend>
|
||
|
|
</fieldset>
|
||
|
|
<table>
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="3"><strong>General Location</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td width="30%">
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Province</h6></label>
|
||
|
|
<input type="text" name="cdProvince" id="province">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td width="30%">
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Kota</h6></label>
|
||
|
|
<input type="text" name="cdKota" id="kota">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td width="30%"></td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="3"><strong>Company Details</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="radio inline">
|
||
|
|
<input type="radio" name="rbCd" value="appoinment">By Appoinment
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="radio inline">
|
||
|
|
<input type="radio" name="rbCd" value="show">Go show
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="radio inline">
|
||
|
|
<input type="radio" name="rbCd" value=""><input type="text" placeholder="Other" name="rbCd">
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr height="70px">
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Staff of Scene</h6></label>
|
||
|
|
<input type="text" name="cdSos" id="sos">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Customer Name</h6></label>
|
||
|
|
<input type="text" name="cdCusName" id="cust_name">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="radio inline">
|
||
|
|
<input type="radio" name="rbCd2" value="Company">Company
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="radio inline">
|
||
|
|
<input type="radio" name="rbCd2" value="Individual">Individual
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td colspan="3">
|
||
|
|
<hr>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td colspan="3"><strong>Address / Phone no</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Head Office</h6></label>
|
||
|
|
<input type="text" name="cdOffice" id="head_address">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Phone</h6></label>
|
||
|
|
<input type="text" name="cdTelp" onkeypress="return isNumberKey(event)" id="head_phone">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Branch/Garage</h6></label>
|
||
|
|
<input type="text" name="cdBranch" id="branch_address">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Phone</h6></label>
|
||
|
|
<input type="text" name="cdTelp2" onkeypress="return isNumberKey(event)" id="branch_phone">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="3"><strong>Contact Person</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Name</h6></label>
|
||
|
|
<input type="text" name="cdcpname" id="cp_name">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div style="float:left;margin-right:20px;">
|
||
|
|
<label for="name"><h6>Phone</h6></label>
|
||
|
|
<input type="text" name="cdcpphone" onkeypress="return isNumberKey(event)" id="cp_phone">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="3"><strong>Nature Business</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr height="20px">
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="cdCb_1" value="Expedition">Expedition
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="cdCb_2" value="Bus">Bus
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="cdCb_3" value="Minning">Minning
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="20px">
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="cdCb_4" value="Loging">Loging
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="cdCb_5" value="Cement">Cement
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="cdCb_6" value="Bulk">Bulk
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="20px">
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="cdCb_4" value="Container">Container
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
<br></br>
|
||
|
|
<section id="2"><!--vehicles details-->
|
||
|
|
<fieldset>
|
||
|
|
<legend><strong>Vehicles Details</strong></legend>
|
||
|
|
</fieldset>
|
||
|
|
<table><!--Number vehicle owned-->
|
||
|
|
<tr><td colspan="2"><strong>Number of vehicles owned</strong></td></tr>
|
||
|
|
<tr>
|
||
|
|
<td valign="top" width="50%">
|
||
|
|
<table><!--Light Truck-->
|
||
|
|
<tr height="50px">
|
||
|
|
<td width="100px">Lt Truck</td>
|
||
|
|
<td width="100px">QTY</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>4 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdTr4" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>6 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdTr6" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>10 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdTr10" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td width="50%">
|
||
|
|
<table><!--Truck-->
|
||
|
|
<tr height="50px">
|
||
|
|
<td width="70x">Truck</td>
|
||
|
|
<td>QTY</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>6 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt6" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>8 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt8" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>10 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt10" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>12 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt12" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>14 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt14" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>18 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt18" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>Other</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLtot" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td colspan="2">OTR</td></tr>
|
||
|
|
<tr>
|
||
|
|
<td><input class="span10" id="appendedInput" type="text" placeholder="type" name="vdQtrType"></td>
|
||
|
|
<td>
|
||
|
|
<input class="span5" id="appendedInput" type="text" placeholder="Qty" name="vdQtrQty" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
<input class="span5" id="appendedInput" type="text" placeholder="Total tyre" name="vdQtrTyre" maxlength="3" onkeypress="return isNumberKey(event)"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
<table><!--Load and Speed Details-->
|
||
|
|
<tr height="30px">
|
||
|
|
<td colspan="3"><strong>Load and Speed Details</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr height="30px">
|
||
|
|
<td colspan="3">Type of Load</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="30px">
|
||
|
|
<td width="150px">
|
||
|
|
<label class="checkbox"><input type="checkbox" name="vdCb_1" value="Materials">Materials</label>
|
||
|
|
</td>
|
||
|
|
<td width="150px">
|
||
|
|
<label class="checkbox"><input type="checkbox" name="vdCb_2" value="Passenger">Passenger</label>
|
||
|
|
</td>
|
||
|
|
<td width="150px">
|
||
|
|
<label class="checkbox"><input type="checkbox" name="vdCb_3" value="Goods">Goods</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="30px">
|
||
|
|
<td>
|
||
|
|
<label class="checkbox"><input type="checkbox" name="vdCb_4" value="Soil">Soil</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox"><input type="checkbox" name="vdCb_5" value="General Cargo">General Cargo</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="vdCb_6" value="other">
|
||
|
|
<input type="text" style="width:100px" placeholder="Other" name="vdCb_6">
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr height="30px">
|
||
|
|
<td colspan="3">Average Weight of Loads</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td valign="top" width="50%">
|
||
|
|
<table><!--Light Truck-->
|
||
|
|
<tr height="50px">
|
||
|
|
<td width="100px">Lt Truck</td>
|
||
|
|
<td width="100px">Wt</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>4 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdTr4wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>6 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdTr6wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>10 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdTr10wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td width="50%">
|
||
|
|
<table><!--Truck-->
|
||
|
|
<tr height="50px">
|
||
|
|
<td width="70x">Truck</td><td>Wt</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>6 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt6wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>8 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt8wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>10 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt10wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>12 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt12wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>14 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt14wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>18 wheels</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLt18wt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr height="50px">
|
||
|
|
<td>Other</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" style="width:30px" name="vdLtotwt" maxlength="3" onkeypress="return isNumberKey(event)">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="2">Points of Origin Destination <input type="text" name="vdDest" id="destination"></td>
|
||
|
|
</tr>
|
||
|
|
<tr height="30px">
|
||
|
|
<td colspan="2">Driving Condition</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td colspan="2">
|
||
|
|
<div class="input-append">
|
||
|
|
<label><h6>Good Roads</h6></label>
|
||
|
|
<input id="road_condition_good" type="text" placeholder="Good Roads" name="vdgoro" onkeypress="return isNumberKey(event)">
|
||
|
|
<span class="add-on">%</span>
|
||
|
|
</div>
|
||
|
|
<div class="input-append">
|
||
|
|
<label><h6>Tool Roads</h6></label>
|
||
|
|
<input id="road_condition_toll" type="text" placeholder="Toll Roads" name="vdtoro" onkeypress="return isNumberKey(event)">
|
||
|
|
<span class="add-on">%</span>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td colspan="2">
|
||
|
|
<div class="input-append">
|
||
|
|
<label><h6>Bad Roads</h6></label>
|
||
|
|
<input id="road_condition_bad" type="text" placeholder="Bad Roads" name="vdbaro" onkeypress="return isNumberKey(event)">
|
||
|
|
<span class="add-on">%</span>
|
||
|
|
</div>
|
||
|
|
<div class="input-append">
|
||
|
|
<label><h6>Others</h6></label>
|
||
|
|
<input id="road_condition_other" type="text" placeholder="Others" name="vdothers">
|
||
|
|
<span class="add-on">%</span>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
<br></br>
|
||
|
|
<section id="3"><!--types-->
|
||
|
|
<fieldset>
|
||
|
|
<legend><strong>Types</strong></legend>
|
||
|
|
</fieldset>
|
||
|
|
<table>
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="3"><strong>Tyre Brands and Type</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td width="150px">
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_1" value="MRF">MRF</label>
|
||
|
|
</td>
|
||
|
|
<td width="150px">
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_2" value="Goodyear">Goodyear</label>
|
||
|
|
</td>
|
||
|
|
<td width="150px">
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_3" value="Bridgestone">Bridgestone</label>
|
||
|
|
</td>
|
||
|
|
<td width="150px">
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_4" value="GT">GT</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_5" value="Dunlop">Dunlop</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_6" value="Chinese">Chinese</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_7" value="Kumho">Kumho</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_8" value="Hankook">Hankook</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_9" value="Ceat">Ceat</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_10" value="Thai">Thai</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_11" value="Maxxis">Maxxis</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_12" value="Chengsin">Chengsin</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_13" value="Epco">Epco</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_14" value="Swallow">Swallow</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb_15" value="ChaoYang">ChaoYang</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="3"><strong>Type of Purchase</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb2_1" value="New Tyres">New Tyres</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb2_2" value="Retreads">Retreads</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr height="50px">
|
||
|
|
<td colspan="3"><strong>Type</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb3_1" value="Rib">Rib</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb3_2" value="Lug">Lug</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb3_3" value="Bias">Bias</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb3_4" value="Radial">Radial</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="tpCb3_5" value="Rib">Mix</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
<br></br>
|
||
|
|
<section id="4"><!--tyre-->
|
||
|
|
<fieldset>
|
||
|
|
<legend><strong>Tyre Usages</strong></legend>
|
||
|
|
</fieldset>
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span4">
|
||
|
|
<strong>Milleage</strong><br></br>
|
||
|
|
<label class="radio inline"><input type="radio" name="trRb" value="Estimates">Estimates</label>
|
||
|
|
<label class="radio inline"><input type="radio" name="trRb" value="Actual">Actual</label>
|
||
|
|
<br></br>
|
||
|
|
<div class="input-append">
|
||
|
|
<input class="span9" id="mileage_front" type="text" placeholder="Front" name="trmfront" onkeypress="return isNumberKey(event)">
|
||
|
|
<span class="add-on">Km</span>
|
||
|
|
</div>
|
||
|
|
<br></br>
|
||
|
|
<div class="input-append">
|
||
|
|
<input class="span9" id="mileage_rear" type="text" placeholder="Rear" name="trmrear" onkeypress="return isNumberKey(event)">
|
||
|
|
<span class="add-on">Km</span>
|
||
|
|
</div><br></br>
|
||
|
|
|
||
|
|
<label>Details</label>
|
||
|
|
<textarea id="mileage_detail" rows="3" name="trmdetails"></textarea>
|
||
|
|
</div>
|
||
|
|
<div class="span7 offset1">
|
||
|
|
<strong>New Tyre Purchase per Month</strong><br></br>
|
||
|
|
<label class="radio inline"><input type="radio" name="trRb2" value="Estimates">Estimates</label>
|
||
|
|
<label class="radio inline"><input type="radio" name="trRb2" value="Actual">Actual</label>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td>Brand</td>
|
||
|
|
<td>
|
||
|
|
<label class="span3">Pattern</label><label class="span3">Size</label><label class="span3">Qty</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr><!--MRF-->
|
||
|
|
<td width="70px" valign="top">MRF</td>
|
||
|
|
<td>
|
||
|
|
<div id="MRFtype">
|
||
|
|
<!--
|
||
|
|
<div class="MRF0">
|
||
|
|
<input class="span3" id="MRF00" type="text" name="pattern[]" placeholder="pattern">
|
||
|
|
<input class="span3" id="MRF01" type="text" name="size[]" placeholder="size">
|
||
|
|
<input class="span3" id="MRF02" type="text" name="qty[]" placeholder="qty">
|
||
|
|
</div>
|
||
|
|
-->
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td valign="bottom">
|
||
|
|
<button class="btn" type="button" onclick="addPurchaseMRF()" style="margin-left:-40px;display:none;">Add</button>
|
||
|
|
<input type="hidden" name="MRFcount" id="countMRF">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td valign="top">Other</td>
|
||
|
|
<td>
|
||
|
|
<div id="Othertype">
|
||
|
|
<!--
|
||
|
|
<div class="other0">
|
||
|
|
<input class="span3" id="other00" type="text" name="opattern[]" placeholder="pattern">
|
||
|
|
<input class="span3" id="other01" type="text" name="osize[]" placeholder="size">
|
||
|
|
<input class="span3" id="other02" type="text" name="oqty[]" placeholder="qty">
|
||
|
|
</div>
|
||
|
|
-->
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td valign="bottom">
|
||
|
|
<button class="btn" type="button" onclick="addPurchaseOther()" style="margin-left:-40px;display:none;">Add</button>
|
||
|
|
<input type="hidden" name="Othercount" id="countOther">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<br></br>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span4">
|
||
|
|
<strong>Front Tyre</strong><br></br>
|
||
|
|
<input class="span9" id="psi_front" type="text" placeholder="psi" name="trfpsi">
|
||
|
|
<br></br>
|
||
|
|
|
||
|
|
<label class="checkbox inline">
|
||
|
|
<input type="checkbox" name="cb31" value="Estimates">New Tyre</label>  
|
||
|
|
|
||
|
|
<label class="checkbox inline">
|
||
|
|
<input type="checkbox" name="cb32" value="Actual">Retreads</label>
|
||
|
|
</div>
|
||
|
|
<div class="span4 offset1">
|
||
|
|
<strong>Rear Tyre</strong><br></br>
|
||
|
|
<input class="span9" id="psi_rear" type="text" placeholder="psi" name="trrpsi">
|
||
|
|
<br></br>
|
||
|
|
|
||
|
|
<label class="checkbox inline">
|
||
|
|
<input type="checkbox" name="cb41" value="Estimates">New Tyre</label>  
|
||
|
|
|
||
|
|
<label class="checkbox inline">
|
||
|
|
<input type="checkbox" name="cb42" value="Actual">Retreads</label>
|
||
|
|
</div>
|
||
|
|
</div><br></br>
|
||
|
|
<div class="row-fluid">
|
||
|
|
<input class="span9" id="otr" type="text" placeholder="OTR" name='trotr' >
|
||
|
|
<br></br>
|
||
|
|
<textarea class="span9" rows="5" placeholder="Problem faced with current type" name="trproblem" id="problem">
|
||
|
|
</textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<br></br>
|
||
|
|
<section id="5"><!--recommendation-->
|
||
|
|
<fieldset>
|
||
|
|
<legend><strong>Recommendation</strong></legend>
|
||
|
|
</fieldset>
|
||
|
|
<h5>
|
||
|
|
Pattern                          
|
||
|
|
    Size                
|
||
|
|
                  Remark
|
||
|
|
</h5>
|
||
|
|
<div id="recommendation">
|
||
|
|
<div id="space" style="margin-bottom:500px;">No Recommendation Available</div>
|
||
|
|
</div>
|
||
|
|
<br></br><br></br><br></br><br></br><br>
|
||
|
|
</section>
|
||
|
|
<br></br>
|
||
|
|
<section id="6"><!--picture-->
|
||
|
|
<fieldset>
|
||
|
|
<legend><strong>Picture</strong></legend>
|
||
|
|
</fieldset>
|
||
|
|
<div id="gambar"><label id="nopic" style="display:none">No Picture</label></div>
|
||
|
|
<input type="file" name="upload" style="display:none;">
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div class="row-fluid" id="edit" style="display:none;">
|
||
|
|
<div class="span7 offset4 navbar navbar-fixed-bottom">
|
||
|
|
<div class="navbar-inner">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<ul class="nav pull-right">
|
||
|
|
<li>
|
||
|
|
<button type="button" class="btn"><a href="<?php echo base_url(); ?>">Discard</a></button>
|
||
|
|
<button type="submit" value="Submit" class="btn btn-primary">Save</button>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row-fluid" id="pending" style="display:none;">
|
||
|
|
<div class="span7 offset4 navbar navbar-fixed-bottom">
|
||
|
|
<div class="navbar-inner">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<ul class="nav pull-right">
|
||
|
|
<li>
|
||
|
|
<button type="button" class="btn" onclick="parent.location='<?php echo base_url(); ?>'">Reject</button>
|
||
|
|
<button type="button" class="btn btn-primary" data-toggle="modal" href="#myModal">Approve</button>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<div class="row-fluid" id="saved" style="display:none;">
|
||
|
|
<div class="span7 offset4 navbar navbar-fixed-bottom">
|
||
|
|
<div class="navbar-inner">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<ul class="nav pull-right">
|
||
|
|
<li>
|
||
|
|
<button type="button" class="btn btn-warning" name="edit" onclick="edited()">
|
||
|
|
<i class="icon-edit icon-white"></i> Edit</button>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!--<a style="margin-top:300px;"><i class="icon-chevron-left"></i> Back</a>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div><!--/span-->
|
||
|
|
</div><!--/row-->
|
||
|
|
|
||
|
|
<!--modal-->
|
||
|
|
|
||
|
|
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
|
||
|
|
<h3 id="myModalLabel">Data</h3>
|
||
|
|
</div>
|
||
|
|
<form class="form-horizontal" action="<?php echo base_url(); ?>form/isApprove/<?php echo $id; ?>" method="post">
|
||
|
|
<div class="modal-body">
|
||
|
|
<label class="control-label">ID</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input type="text" placeholder="ID" name="ID">
|
||
|
|
</div><br />
|
||
|
|
<label class="control-label">Tier</label>
|
||
|
|
<div class="controls">
|
||
|
|
<select name="tier">
|
||
|
|
<option>Tier 1</option>
|
||
|
|
<option>Tier 2</option>
|
||
|
|
<option>Tier 3</option>
|
||
|
|
<option>Tier 4</option>
|
||
|
|
<option>Tier 5</option>
|
||
|
|
</select>
|
||
|
|
</div><br />
|
||
|
|
<label class="control-label">Customer<br /> Data Status<br /></label>
|
||
|
|
<div class="controls">
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="modalcb1" value="Dealer">Dealer
|
||
|
|
</label>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="modalcb2" value="Everseiko">Everseiko
|
||
|
|
</label>
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" name="modalcb3" value="Callsheet">Callsheet
|
||
|
|
</label>
|
||
|
|
</div><br />
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn" data-dismiss="modal">Cancel</button>
|
||
|
|
<button type="submit" class="btn btn-primary">Approve</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
<!--
|
||
|
|
<footer>
|
||
|
|
<p>© Company 2013</p>
|
||
|
|
</footer>
|
||
|
|
-->
|
||
|
|
</div><!--/.fluid-container-->
|
||
|
|
|
||
|
|
<!--javascript-->
|
||
|
|
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-alert.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-dropdown.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-scrollspy.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-button.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-collapse.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-modal.js"></script>
|
||
|
|
<script>
|
||
|
|
var mrf = 1;
|
||
|
|
function addPurchaseMRF()
|
||
|
|
{
|
||
|
|
var a = "<div> <input class='span3' type='text' name='pattern[]' placeholder='pattern'><input class='span3' type='text' name='size[]' placeholder='size'> <input class='span3' type='text' name='qty[]' placeholder='qty'> </div>"
|
||
|
|
$(a).appendTo('#MRFtype');
|
||
|
|
$("#MRFtype div:last-child").addClass("MRF"+mrf);
|
||
|
|
$('#MRFtype div:last-child input:first-child').attr('id', 'MRF'+mrf+'1');
|
||
|
|
$('#MRFtype div:last-child input:first-child').next().attr('id', 'MRF'+mrf+'2');
|
||
|
|
$('#MRFtype div:last-child input:first-child').next().next().attr('id', 'MRF'+mrf+'3');
|
||
|
|
$('#countMRF').val(mrf);
|
||
|
|
mrf++;
|
||
|
|
}
|
||
|
|
var oth = 1;
|
||
|
|
function addPurchaseOther()
|
||
|
|
{
|
||
|
|
var a = "<div> <input class='span3' type='text' name='opattern[]' placeholder='pattern'><input class='span3' type='text' name='osize[]' placeholder='size'> <input class='span3' type='text' name='oqty[]' placeholder='qty'> </div>"
|
||
|
|
$(a).appendTo('#Othertype');
|
||
|
|
$("#Othertype div:last-child").addClass("other"+oth);
|
||
|
|
$('#Othertype div:last-child input:first-child').attr('id', 'other'+oth+'1');
|
||
|
|
$('#Othertype div:last-child input:first-child').next().attr('id', 'other'+oth+'2');
|
||
|
|
$('#Othertype div:last-child input:first-child').next().next().attr('id', 'other'+oth+'3');
|
||
|
|
$('#countOther').val(oth);
|
||
|
|
oth++;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|