<?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>