home *** CD-ROM | disk | FTP | other *** search
/ 61.19.244.139 / 61.19.244.139.zip / 61.19.244.139 / 2015-03-03 / views / package-setup-add.jsp < prev    next >
Text File  |  2015-03-03  |  40KB  |  634 lines
  1.  
  2. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  3. <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
  4. <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
  5. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
  6. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  7. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  8.  
  9.  
  10. <form:form class="form-horizontal well"    action="savePackageH" id="packageSetupForm" modelAttribute="packageHBean">
  11.     <fieldset>
  12.  
  13.  
  14.         <!-- Tabs --> 
  15.         <div class="widget-content">
  16.             <div class="widget-box">
  17.  
  18.  
  19.                 <div class="box-tab">
  20.                     <div class="tabbable">
  21.                         <ul class="nav nav-tabs">
  22.                             <li class="active"><a data-toggle="tab" href="#tab1"><i class="black-icons blocks_images"></i> α╕úα╕▓α╕óα╕Ñα╕░α╣Çα╕¡α╕╡α╕óα╕ö Package</a></li>
  23.                             <li><a data-toggle="tab" href="#tab2"><i class="black-icons blocks_images"></i> α╕úα╕½α╕▒α╕¬α╕úα╕ûα╕óα╕Öα╕òα╣î</a></li>
  24.                             <li><a data-toggle="tab" href="#tab3"><i class="black-icons abacus"></i> α╕óα╕╡α╣êα╕½α╣ëα╕¡α╕úα╕ûα╕óα╕Öα╕òα╣î</a></li>
  25.                             <li><a data-toggle="tab" href="#tab4"><i class="black-icons abacus"></i> α╕äα╕ºα╕▓α╕íα╕äα╕╕α╣ëα╕íα╕äα╕úα╕¡α╕ç</a></li>
  26.                             <li><a data-toggle="tab" href="#tab5"><i class="black-icons abacus"></i> α╣Çα╕Üα╕╡α╣ëα╕óα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕ó</a></li>
  27.                         </ul>
  28.  
  29.                         <div class="tab-content">
  30.  
  31.                             <div id="tab1" class="tab-pane active">
  32.                                 <div class=" row-fluid">
  33.                                     <div class="control-group">
  34.                                         <label class="control-label" for="packageCode">α╕úα╕½α╕▒α╕¬ Package</label>
  35.                                         <div class="controls">
  36.                                             <form:input path="packageCode" class="input-small" type="text" id="packageCode" name="packageCode" placeholder="α╕úα╕½α╕▒α╕¬ Package" />
  37.                                              <form:input path="packageDesc" class="input-xxlarge" type="text" id="packageDecs" name="packageDecs" placeholder="α╕úα╕▓α╕óα╕Ñα╕░α╣Çα╕¡α╕╡α╕óα╕ö Package" />
  38.  
  39.                                         </div>
  40.                                     </div>
  41.  
  42.  
  43.                                     <div class="control-group">
  44.                                         <label class="control-label" for="polType">α╕¢α╕úα╕░α╣Çα╕áα╕ùα╕üα╕úα╕íα╕ÿα╕úα╕úα╕íα╣î</label>
  45.                                         <div class="controls">
  46.                                             <form:select path="polType" name="polType" id="polType">
  47.                                                 <%-- <form:options items="${polTypeBeanList}" itemValue="polType" itemLabel="polTypeName" /> --%>
  48.  
  49.                                                 <c:forEach var="pol" items="${polTypeBeanList}">
  50.                                                     <form:option value="${pol.polType}">
  51.                                                         <c:out value="${pol.polType}-${pol.polTypeName}" />
  52.                                                     </form:option>
  53.                                                 </c:forEach>
  54.                                             </form:select>
  55.  
  56.                                         </div>
  57.                                     </div>
  58.  
  59.                                     <div class="control-group">
  60.                                         <label class="control-label" for="startDate">α╕ºα╕▒α╕Öα╕ùα╕╡α╣êα╣Çα╕úα╕┤α╣êα╕íα╕òα╣ëα╕Ö-α╕¬α╕┤α╣ëα╕Öα╕¬α╕╕α╕ö α╕üα╕▓α╕úα╕éα╕▓α╕ó</label>
  61.                                         <div class="controls">
  62.                                             <form:input path="startDate" type="text" name="startDate" id="startDate" readonly="readonly" class="input-small form-control clsDatePicker" placeholder="dd/mm/yyyy"  />
  63.                                             <span class="input-group-addon"><i id="calIconTourDateDetails" class="glyphicon glyphicon-th"></i></span> -
  64.                                                 <form:input path="endDate" id="endDate" name="endDate" class="input-small" type="text" placeholder="dd/mm/yyyy" />
  65.                                         </div>
  66.                                     </div>
  67.  
  68.                                     <div class="control-group">
  69.                                         <label class="control-label" for="vehAge">α╕¡α╕▓α╕óα╕╕α╕úα╕ûα╣äα╕íα╣êα╣Çα╕üα╕┤α╕Ö</label>
  70.                                         <div class="controls">
  71.                                             <form:input path="vehAge" class="input-small" type="text" placeholder="" maxlength="2" id="vehAge" name="vehAge" />
  72.                                             α╕¢α╕╡
  73.                                         </div>
  74.                                     </div>
  75.  
  76.                                     <div class="control-group">
  77.  
  78.                                         <div class="controls">
  79.                                             <form:checkbox path="annualFlag" id="annualFlag" name="annualFlag" value="Y" />
  80.                                             Package α╣Çα╕ëα╕₧α╕▓α╕░α╣Çα╕òα╣çα╕íα╕¢α╕╡α╣Çα╕ùα╣êα╕▓α╕Öα╕▒α╣ëα╕Ö
  81.                                         </div>
  82.                                     </div>
  83.                                     <div class="control-group">
  84.                                         <div class="controls">
  85.                                             <form:checkbox path="prorata" id="prorata" name="prorata" class="group1"  value="Y" />
  86.                                             α╕üα╕úα╕íα╕ÿα╕úα╕úα╕íα╣äα╕íα╣êα╣Çα╕òα╣çα╕íα╕¢α╕╡ Pro Rata
  87.                                         </div>
  88.                                     </div>
  89.                                     <div class="control-group">
  90.                                         <div class="controls">
  91.                                             <form:checkbox path="shortrate" id="shortrate" name="shortrate" class="group1"  value="Y" />
  92.                                             α╕üα╕úα╕íα╕ÿα╕úα╕úα╕íα╣äα╕íα╣êα╣Çα╕òα╣çα╕íα╕¢α╕╡ Short Rate
  93.                                         </div>
  94.                                     </div>
  95.                                     <div class="control-group">
  96.  
  97.                                         <div class="controls">
  98.                                             <form:checkbox path="insureType" id="insureType" name="insureType"  value="Y" />
  99.                                             Package α╣Çα╕ëα╕₧α╕▓α╕░α╕Üα╕╕α╕äα╕äα╕Ñα╕ÿα╕úα╕úα╕íα╕öα╕▓α╣Çα╕ùα╣êα╕▓α╕Öα╕▒α╣ëα╕Ö
  100.                                         </div>
  101.                                     </div>
  102.                                     <div class="control-group">
  103.                                         <div class="controls">
  104.                                             <form:checkbox path="drivrers" id="drivrers" name="drivrers"  value="Y"  />
  105.                                             α╕úα╕░α╕Üα╕╕α╕£α╕╣α╣ëα╕éα╕▒α╕Üα╕éα╕╡α╣ê
  106.                                         </div>
  107.                                     </div>
  108.  
  109.                                 </div>
  110.                             </div>
  111.                             <!-- End Tab1 -->
  112.                             <div id="tab2" class="tab-pane">
  113.                                 <div class=" row-fluid">
  114.                                     <div class="control-group">
  115.                                         <div class="controls">
  116.                                             <label class="checkbox"> <form:checkbox path="allVehCode" name="allVehCode" id="allVehCode"  value="Y" /> α╣äα╕íα╣êα╕üα╕│α╕½α╕Öα╕öα╕úα╕½α╕▒α╕¬α╕úα╕ûα╕óα╕Öα╕òα╣î
  117.                                             </label>
  118.                                         </div>
  119.                                     </div>
  120.  
  121.  
  122.                                     <div class="control-group">
  123.                                         <div class="controls">
  124.                                             <div class="span6">
  125.                                                 <form:select path="vehSizeBeans" id="vehSizeBeans" multiple="true">
  126.                                                     <form:options items="${vSizeList}" itemLabel="vehSizeDesc" itemValue="key" />
  127.                                                     <%-- <c:forEach var="vSize" items="${vSizeList}" varStatus="loop">
  128.                                                             <form:option  value="${vSizeList[loop.index].mainClass}|${vSizeList[loop.index].vehCode}|${vSizeList[loop.index].vehSize}">
  129.                                                                      ${vSizeList[loop.index].vehSizeDesc} 
  130.                                                             </form:option>
  131.                                                     </c:forEach> --%>
  132.                                                 </form:select>
  133.                                             </div> 
  134.                                         </div>
  135.  
  136.  
  137.  
  138.                                     </div>
  139.                                 </div>
  140.                             </div>
  141.                             <!-- End Tab2 -->
  142.                             <div id="tab3" class="tab-pane">
  143.                                 <div class=" row-fluid">
  144.  
  145.  
  146.  
  147.                                     <div class="control-group">
  148.                                         <div class="controls">
  149.                                             <label class="checkbox"> <form:checkbox path="allBrand"  value="Y"  name="allBrand" id="allBrand" /> α╣äα╕íα╣êα╕üα╕│α╕½α╕Öα╕öα╕óα╕╡α╣êα╕½α╣ëα╕¡α╕úα╕ûα╕óα╕Öα╕òα╣î
  150.                                             </label>
  151.                                         </div>
  152.                                     </div>
  153.  
  154.                                     <div class="control-group">
  155.  
  156.                                         <div class="controls">
  157.                                             <div class="span6">
  158.  
  159.  
  160.                                                 <form:select path="brandmodels" id="brandmodels" multiple="true">
  161.                                                     <form:options items="${packageBrandmodelBean}" itemLabel="label" itemValue="key" />
  162.  
  163.                                                     <%-- <c:forEach var="vSize" items="${packageBrandmodelBean}" varStatus="loop">
  164.                                                             <form:option value="${packageBrandmodelBean[loop.index].brand}|${packageBrandmodelBean[loop.index].model}">
  165.                                                                     ${packageBrandmodelBean[loop.index].brand}-->${packageBrandmodelBean[loop.index].model}
  166.                                                             </form:option>
  167.                                                     </c:forEach> --%>
  168.                                                 </form:select>
  169.  
  170.  
  171.  
  172.  
  173.                                                 <!--  <select multiple="multiple"   id="brandmodels" name="brandmodels"> -->
  174.  
  175.  
  176.                                             </div>
  177.  
  178.                                         </div>
  179.  
  180.  
  181.  
  182.                                     </div>
  183.  
  184.  
  185.                                 </div>
  186.                             </div>
  187.                             <!-- End Tab3 -->
  188.                             <div id="tab4" class="tab-pane">
  189.                                 <div class=" row-fluid">
  190.                                     <div role="grid" class="dataTables_wrapper">
  191.                                         <div class="table_top clearfix"></div>
  192.                                         <div id="covTable"> 
  193.                                             <div class="table_content">
  194.  
  195.                                                 <table class="data-tbl-striped table table-striped table-bordered dataTable">
  196.                                                     <thead>
  197.                                                         <tr role="row">                                                           
  198.                                                             <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 100px;">α╕äα╕ºα╕▓α╕íα╕äα╕╕α╣ëα╕íα╕äα╕úα╕¡α╕ç</th>
  199.                                                             <th class=" " role="columnheader" rowspan="1" colspan="1" style="width: 87px;">α╕ùα╕╕α╕Öα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕ùα╕▒α╣ëα╕çα╕üα╕úα╕íα╕ÿα╕úα╕úα╕íα╣î</th>
  200.                                                             <th class=" " role="columnheader" rowspan="1" colspan="1" style="width: 87px;">α╕ùα╕╕α╕Öα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕òα╣êα╕¡α╕äα╕úα╕▒α╣ëα╕ç</th>
  201.                                                             <th class=" " role="columnheader" rowspan="1" colspan="1" style="width: 87px;">α╕ùα╕╕α╕Öα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕òα╣êα╕¡α╕äα╕Ö</th>
  202.                                                             <th class=" " role="columnheader" rowspan="1" colspan="1" style="width: 53px;">α╕êα╕│α╕Öα╕ºα╕Öα╕äα╕Ö</th>
  203.                                                             <th class=" " role="columnheader" rowspan="1" colspan="1" style="width: 152px;">Deduct</th>
  204.  
  205.                                                         </tr>
  206.                                                     </thead>
  207.  
  208.  
  209.                                                     <tbody role="alert" aria-live="polite" aria-relevant="all">
  210.  
  211.  
  212.                                                         <c:forEach var="listValue" items="${coverages}" varStatus="loop">
  213.                                                             <tr class="odd">                                                                
  214.  
  215.                                                                 <td class="span6">${listValue.covCode} : ${listValue.covName} 
  216.                                                                     <%-- <input type="hidden" name="coverages[${loop.index}].covCode"  value="${listValue.covCode}"/> --%>
  217.                                                                     <%-- <input type="hidden" name="coverages[${loop.index}].covName"  value="${listValue.covName}"/> --%>
  218.  
  219.                                                                     <form:hidden path="coverages[${loop.index}].covCode"/>
  220.                                                                     <form:hidden path="coverages[${loop.index}].covName"/>
  221.  
  222.                                                                 </td>
  223.                                                                 <td class=" "> 
  224.                                                                     <c:choose>
  225.                                                                         <c:when test="${not listValue.enableSumOfPol}">
  226.                                                                             <input type="text" class="input-small" name="coverages[${loop.index}].sumOfPol" value="" readonly="readonly"/>
  227.  
  228.                                                                         </c:when>
  229.                                                                         <c:when test="${listValue.enableSumOfPol}">
  230.                                                                             <fmt:formatNumber var="fmtSumOfPol" type="Number" value="${listValue.sumOfPol}" maxFractionDigits="2" />
  231.                                                                             <input type="text" class="autoPol input-small" name="coverages[${loop.index}].sumOfPol" value="${fmtSumOfPol}"/>
  232.                                                                             <%--<input type="number" class="autoPol input-small" name="coverages[${loop.index}].sumOfPol" value="${listValue.sumOfPol}"/>--%>
  233.  
  234.                                                                         </c:when>
  235.                                                                     </c:choose>
  236.  
  237.                                                                 </td>
  238.                                                                 <td class="center ">
  239.  
  240.                                                                     <c:choose>
  241.                                                                         <c:when test="${not listValue.enableSumOfTimes}">
  242.                                                                             <input type="text" class="input-small" name="coverages[${loop.index}].sumOfTimes" value="" readonly="readonly"/>
  243.  
  244.                                                                         </c:when>
  245.                                                                         <c:when test="${listValue.enableSumOfTimes}">
  246.                                                                             <fmt:formatNumber var="fmtSumOfTimes" type="Number" value="${listValue.sumOfTimes}" maxFractionDigits="2" />
  247.                                                                             <input type="text" class="autoPol input-small" name="coverages[${loop.index}].sumOfTimes" value="${fmtSumOfTimes}" />
  248.                                                                             <%--<input type="number" class="autoTime input-small" name="coverages[${loop.index}].sumOfTimes"   value="${listValue.sumOfTimes}"/>--%>
  249.  
  250.                                                                         </c:when>
  251.                                                                     </c:choose>
  252.                                                                 </td>
  253.                                                                 <td class="center ">
  254.  
  255.                                                                     <c:choose>
  256.                                                                         <c:when test="${not listValue.enableSumOfPerson}">
  257.                                                                             <input type="text" class="input-small" name="coverages[${loop.index}].sumOfPerson" value="" readonly="readonly"/>
  258.  
  259.                                                                         </c:when>
  260.                                                                         <c:when test="${listValue.enableSumOfPerson}">
  261.                                                                             <%--<input type="number" class="autoPerson input-small" name="coverages[${loop.index}].sumOfPerson"    value="${listValue.sumOfPerson}"/>--%>
  262.                                                                             <fmt:formatNumber type="Number" value="${listValue.sumOfPerson}" maxFractionDigits="2" />
  263.                                                                             
  264.  
  265.                                                                         </c:when>
  266.                                                                     </c:choose>
  267.                                                                 </td>
  268.                                                                 <td class="center ">
  269.                                                                     <c:choose>
  270.                                                                         <c:when test="${not listValue.enableNoPerson}">
  271.                                                                             <input type="text" class=" input-mini" name="coverages[${loop.index}].noPerson" value="" readonly="readonly"/>
  272.  
  273.                                                                         </c:when>
  274.                                                                         <c:when test="${listValue.enableNoPerson}">
  275.                                                                             <input type="number" class="autoNoPerson input-mini" name="coverages[${loop.index}].noPerson"     value="${listValue.noPerson}"/>
  276.  
  277.                                                                         </c:when>
  278.                                                                     </c:choose>
  279.                                                                 </td>
  280.                                                                 <td class="center sdate ">
  281.  
  282.                                                                     <c:choose>
  283.                                                                         <c:when test="${not listValue.enableDeduct}">
  284.                                                                             <input type="text" class="input-mini" name="coverages[${loop.index}].deduct" value="" readonly="readonly"/>
  285.  
  286.                                                                         </c:when>
  287.                                                                         <c:when test="${listValue.enableDeduct}">
  288.                                                                             <input type="text" class="autoDeduct input-mini" name="coverages[${loop.index}].deduct"   value="${listValue.deduct}"/>
  289.  
  290.                                                                         </c:when>
  291.                                                                     </c:choose>
  292.                                                                 </td>
  293.  
  294.                                                             </tr>
  295.                                                         </c:forEach>
  296.  
  297.  
  298.  
  299.  
  300.                                                     </tbody>
  301.                                                 </table>
  302.  
  303.                                             </div></div>
  304.                                     </div>
  305.                                 </div>
  306.                             </div>
  307.                             <!-- End Tab4 -->
  308.                             <div id="tab5" class="tab-pane">
  309.                                 <div class=" row-fluid">
  310.  
  311.                                     <div class="control-group">
  312.                                         <label class="control-label" for="premBas">α╣Çα╕Üα╕╡α╣ëα╕óα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕òα╕▓α╕íα╕äα╕ºα╕▓α╕íα╕äα╕╕α╣ëα╕íα╕äα╕úα╕¡α╕çα╕½α╕Ñα╕▒α╕ü</label>
  313.                                         <div class="controls">
  314.  
  315.                                             <form:input path="subjectPrem" class="input-small" type="text"  id="premBas" name="premBas" placeholder="" />
  316.                                                          α╕¬α╣êα╕ºα╕Öα╕Ñα╕öα╕úα╕░α╕Üα╕╕α╕èα╕╖α╣êα╕¡α╕£α╕╣α╣ëα╕éα╕▒α╕Üα╕éα╕╡α╣ê  
  317.                                             <form:input path="discountDriver" class="input-small" type="text" id="discountDriver" name="discountDriver" placeholder="" />
  318.  
  319.                                         </div>
  320.                                     </div>
  321.  
  322.                                     <div class="control-group">
  323.                                         <label class="control-label" for="premAdd">α╣Çα╕Üα╕╡α╣ëα╕óα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕òα╕▓α╕íα╕üα╕▓α╕úα╕éα╕óα╕▓α╕óα╕äα╕ºα╕▓α╕íα╕äα╕╕α╣ëα╕íα╕äα╕úα╕¡α╕ç</label>
  324.                                         <div class="controls">
  325.  
  326.                                             <form:input path="additionalPrem" class="input-small" type="text"  id="premAdd" name="premAdd" placeholder="" />
  327.                                                  α╕¬α╣êα╕ºα╕Öα╕Ñα╕öα╕äα╣êα╕▓α╣Çα╕¬α╕╡α╕óα╕½α╕▓α╕óα╕¬α╣êα╕ºα╕Öα╣üα╕úα╕ü  
  328.                                             <form:input path="discountDeduct" class="input-small" type="text" id="discountDeduct" name="discountDeduct" placeholder="" />
  329.  
  330.                                         </div>
  331.                                     </div>
  332.  
  333.                                     <div class="control-group">
  334.                                         <label class="control-label" for="premAtt">α╣Çα╕Üα╕╡α╣ëα╕óα╣üα╕Öα╕Üα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕òα╕▓α╕íα╣Çα╕¡α╕üα╕¬α╕▓α╕úα╣üα╕Öα╕Üα╕ùα╣ëα╕▓α╕ó</label>
  335.                                         <div class="controls">
  336.  
  337.                                             <form:input path="extraPremium" class="input-small" type="text" id="premAtt" name="premAtt" placeholder="" />
  338.                                                            
  339.                                                     α╕¬α╣êα╕ºα╕Öα╕Ñα╕öα╕üα╕Ñα╕╕α╣êα╕í     
  340.                                             <form:input path="deductGroup" class="input-small" type="text"  id="deductGroup" name="deductGroup" placeholder="" />
  341.  
  342.                                         </div>
  343.                                     </div>
  344.                                     <div class="control-group">
  345.                                         <label class="control-label" for="netPremium">α╣Çα╕Üα╕╡α╣ëα╕óα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕¬α╕╕α╕ùα╕ÿα╕┤</label>
  346.                                         <div class="controls">
  347.  
  348.                                             <form:input path="netPremium" class="input-small" type="text" id="netPremium" name="netPremium" placeholder="" />
  349.                                                            
  350.                                                 α╕¬α╣êα╕ºα╕Öα╕Ñα╕öα╕¢α╕úα╕░α╕ºα╕▒α╕òα╕┤α╕öα╕╡  
  351.                                             <form:input path="deductHistory" class="input-small" type="text"  id="deductHistory" name="deductHistory" placeholder="" />
  352.  
  353.                                         </div>
  354.                                     </div>
  355.  
  356.                                     <div class="control-group">
  357.                                         <label class="control-label" for="fee"> α╕¡α╕▓α╕üα╕ú</label>
  358.                                         <div class="controls">
  359.  
  360.                                             <form:input path="fee" class="input-small" type="text" id="fee" name="fee" placeholder="α╕¡α╕▓α╕üα╕ú"  />
  361.                                                            
  362.                                                      α╕¬α╣êα╕ºα╕Öα╕Ñα╕öα╕¡α╕╖α╣êα╕Öα╣å  
  363.                                             <form:input path="deductOther" class="input-small" type="text"  id="deductOther" name="deductOther" placeholder="" />
  364.  
  365.                                         </div>
  366.                                     </div>
  367.  
  368.                                     <div class="control-group">
  369.                                         <label class="control-label" for="vatAmt">α╕áα╕▓α╕⌐α╕╡α╕íα╕╣α╕Ñα╕äα╣êα╕▓α╣Çα╕₧α╕┤α╣êα╕í</label>
  370.                                         <div class="controls">
  371.  
  372.                                             <form:input path="vatAmt" class="input-small" type="text" id="vatAmt" name="vatAmt" placeholder="α╕áα╕▓α╕⌐α╕╡α╕íα╕╣α╕Ñα╕äα╣êα╕▓α╣Çα╕₧α╕┤α╣êα╕í"  />
  373.                                                            
  374.                                             α╕¬α╣êα╕ºα╕Öα╣Çα╕₧α╕┤α╣êα╕íα╕¢α╕úα╕░α╕ºα╕▒α╕òα╕┤α╣Çα╕₧α╕┤α╣êα╕í  
  375.                                             <form:input path="surchargeAmt" class="input-small" type="text"  id="surchargeAmt" name="surchargeAmt" placeholder="" />
  376.                                             
  377.                                         </div>
  378.                                     </div>
  379.  
  380.                                     <div class="control-group">
  381.                                         <label class="control-label" for="totalPremium">α╣Çα╕Üα╕╡α╣ëα╕óα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕úα╕ºα╕í</label>
  382.                                         <div class="controls">
  383.  
  384.                                             <form:input path="totalPremium" class="input-small" type="text" id="totalPremium" name="totalPremium" placeholder="α╣Çα╕Üα╕╡α╣ëα╕óα╕¢α╕úα╕░α╕üα╕▒α╕Öα╕áα╕▒α╕óα╕úα╕ºα╕í"  />
  385.                                                 
  386.                                             <form:checkbox path="damageFlag" value="Y" id="damageFlag" name="damageFlag" /> α╣äα╕íα╣êα╕äα╕┤α╕öα╕äα╣êα╕▓α╣Çα╕¬α╕╡α╕óα╕½α╕▓α╕óα╕¬α╣êα╕ºα╕Öα╣üα╕úα╕üα╕êα╕▓α╕üα╕üα╕▓α╕úα╕èα╕Ö
  387.                                         </div>
  388.                                     </div>
  389.  
  390.                                 </div>
  391.                             </div>
  392.                             <!-- End Tab5 -->
  393.                         </div>
  394.  
  395.                     </div>
  396.                 </div>
  397.  
  398.  
  399.                 <%
  400.                     if (request.getParameter("packageCode") == null) {
  401.                 %>
  402.                 <button class="btn btn-success" name="saveBtn" id="saveBtn">α╕Üα╕▒α╕Öα╕ùα╕╢α╕ü</button>
  403.                 <%
  404.                 } else {
  405.                 %>
  406.                 <button class="btn btn-primary" name="editBtn" id="editBtn">α╣üα╕üα╣ëα╣äα╕é</button>
  407.                 <%
  408.                     }
  409.                 %>
  410.                 <a class="btn" id="cancelBtn" onClick="$('#tableFrm').dialog('close');">α╕óα╕üα╣Çα╕Ñα╕┤α╕ü/α╕¢α╕┤α╕ö</a>
  411.  
  412.             </div>
  413.         </div>
  414.         <!-- End Tabs -->
  415.  
  416.         <!-- end Tabs -->
  417.  
  418.     </fieldset>
  419. </form:form>
  420.  
  421.  
  422. <script>
  423.  
  424.  
  425.  
  426.             $(function() {
  427.  
  428.  
  429.  
  430.  
  431.             $('#annualFlag').click(function () {
  432.             if (!this.checked) {
  433.             $("input.group1").removeAttr("disabled");
  434.             } else {
  435.             $("input.group1").attr("checked", !this.checked);
  436.                     $("input.group1").attr("disabled", this.checked);
  437.             }
  438.             });
  439.                     $("#packageSetupForm").submit(function() {
  440.  
  441.             var form = $(this);
  442.                     $('input').each(function(i){
  443.             var self = $(this);
  444.                     try{
  445.                     var v = self.autoNumeric('get');
  446.                             self.autoNumeric('destroy');
  447.                             self.val(v);
  448.                     } catch (err){
  449.             console.log("Not an autonumeric field: " + self.attr("name"));
  450.             }
  451.             });
  452.                     var url = "savePackageH";
  453.                     $.ajax({
  454.                     type: "POST",
  455.                             url: url,
  456.                             data: $("#packageSetupForm").serialize(),
  457.                             success: function(data)
  458.                             {
  459.  
  460.                             $('#grid').trigger("reloadGrid", [{ page: 1 }]);
  461.                                     //$("#frmCoverage").reset();
  462.                                     $('#tableFrm').dialog('close');
  463.                             },
  464.                             error: function (xhr, ajaxOptions, thrownError) {
  465.                             var obj = JSON.parse(xhr.responseText);
  466.                                     alert(obj.errorMessages);
  467.                             }
  468.                     });
  469.                     return false;
  470.             });
  471. //                    $('#premBas').keyup(function() {
  472. //
  473. //            var premBas = $('#premBas').autoNumeric('get');
  474. //                    var premAdd = $('#premAdd').autoNumeric('get');
  475. //                    var premAtt = $('#premAtt').autoNumeric('get');
  476. ////                    var netP = parseFloat(premBas) + parseFloat(premAdd) + parseFloat(premAtt);
  477. ////                    $("#netPremium").val(netP);
  478. ////                    var netP = $('#netPremium').autoNumeric('get');
  479. //
  480. //                    var vatRate = ${vatRate};
  481. //                    var feeRate = ${feeRate} / 100;
  482. //                    var f = (netP * feeRate);
  483. //                    var free = Math.ceil(f);
  484. //                    $("#fee").val(free);
  485. //                    var vat = Math.ceil((parseFloat(netP) + parseInt(free)) * vatRate) / 100;
  486. //                    $("#vatAmt").val(vat);
  487. //                    var total = parseFloat(netP) + parseFloat(free) + parseFloat(vat);
  488. //                    $("#totalPremium").val(total);
  489. //                    //alert($('#netPremium').val());
  490. //            });
  491. //            
  492.            //Edit 25-01-2015
  493.            
  494.            $('#netPremium').keyup(function() {
  495.  
  496.             var netP = $('#netPremium').autoNumeric('get');
  497.  
  498.                     var vatRate = ${vatRate};
  499.                     var feeRate = ${feeRate} / 100;
  500.                     var f = (netP * feeRate);
  501.                     var free = Math.ceil(f);
  502.                     $("#fee").val(free);
  503.                     var vat =  Math.round((parseFloat(netP) + parseInt(free)) * vatRate)/100;                    
  504.                     $("#vatAmt").val(vat);
  505.                     var total = inprecise_round( parseFloat(netP) + parseFloat(free) + parseFloat(vat),2);
  506.                     $("#totalPremium").val(total);
  507.             });
  508.             
  509.              function inprecise_round(value, decPlaces) {
  510.             return Math.round(value * Math.pow(10, decPlaces)) / Math.pow(10, decPlaces);
  511.         }
  512.             
  513.            //Edit 25-01-2015
  514.            
  515. //                    $('#premAdd').keyup(function() {
  516. //
  517. //            var premBas = $('#premBas').autoNumeric('get');
  518. //                    var premAdd = $('#premAdd').autoNumeric('get');
  519. //                    var premAtt = $('#premAtt').autoNumeric('get');
  520. //                    var netP = parseFloat(premBas) + parseFloat(premAdd) + parseFloat(premAtt);
  521. //                    $("#netPremium").val(netP);
  522. //                    var netP = $('#netPremium').autoNumeric('get');
  523. //
  524. //                    var vatRate = ${vatRate};
  525. //                    var feeRate = ${feeRate} / 100;
  526. //                    var f = (netP * feeRate);
  527. //                    var free = Math.ceil(f);
  528. //                    $("#fee").val(free);
  529. //                    var vat = Math.ceil((parseFloat(netP) + parseInt(free)) * vatRate) / 100;
  530. //                    $("#vatAmt").val(vat);
  531. //                    var total = parseFloat(netP) + parseFloat(free) + parseFloat(vat);
  532. //                    $("#totalPremium").val(total);
  533. //                    //alert($('#netPremium').val());
  534. //            });
  535. //                    $('#premAtt').keyup(function() {
  536. //
  537. //            var premBas = $('#premBas').autoNumeric('get');
  538. //                    var premAdd = $('#premAdd').autoNumeric('get');
  539. //                    var premAtt = $('#premAtt').autoNumeric('get');
  540. ////                    var netP = parseFloat(premBas) + parseFloat(premAdd) + parseFloat(premAtt);
  541. ////                    $("#netPremium").val(netP);
  542. ////                    var netP = $('#netPremium').autoNumeric('get');
  543. //
  544. //                    var vatRate = ${vatRate};
  545. //                    var feeRate = ${feeRate} / 100;
  546. //                    var f = (netP * feeRate);
  547. //                    var free = Math.ceil(f);
  548. //                    $("#fee").val(free);
  549. //                    var vat = Math.ceil((parseFloat(netP) + parseInt(free)) * vatRate) / 100;
  550. //                    $("#vatAmt").val(vat);
  551. //                    var total = parseFloat(netP) + parseFloat(free) + parseFloat(vat);
  552. //                    $("#totalPremium").val(total);
  553. //                    //alert($('#netPremium').val());
  554. //            });
  555.                     $('#allVehCode').click(function () {
  556.  
  557.  
  558.  
  559.             });
  560.                     $('#vehSizeBeans').multiSelect({
  561.             afterSelect: function(values){
  562.  
  563.             },
  564.                     afterDeselect: function(values){
  565.  
  566.                     },
  567.                     selectableHeader: "<div class='custom-header'>α╕úα╕½α╕▒α╕¬α╕úα╕ûα╕óα╕Öα╕òα╣îα╕ùα╕▒α╣ëα╕çα╕½α╕íα╕ö</div>",
  568.                     selectionHeader: "<div class='custom-header'>α╕úα╕½α╕▒α╕¬α╕úα╕ûα╕óα╕Öα╕òα╣îα╕¬α╕│α╕½α╕úα╕▒α╕Ü Package</div>",
  569.             });
  570.                     $('#polType').on('change', function() {
  571.  
  572.  
  573.             $.ajax({
  574.             type : "GET",
  575.     <%
  576.         if (request.getParameter("packageCode") == null) {
  577.     %>
  578.             url :  'package-cover-by-poltype?polType=' + encodeURIComponent(this.value),
  579.     <%
  580.     } else {
  581.     %>
  582.             url :  'package-cover-by-poltype?polType=' + encodeURIComponent(this.value) + '&packageCode=' + encodeURIComponent('<%=request.getParameter("packageCode")%>'),
  583.     <%
  584.         }
  585.     %>
  586.             success : function(data) {
  587.             $('#covTable').html("");
  588.                     $(data).appendTo('#covTable');
  589.             },
  590.                     error : function(xhr, ajaxOptions, thrownError) {
  591.                     alert(xhr.status);
  592.                             alert(thrownError);
  593.                     }
  594.             });
  595.             });
  596.                     $('#brandmodels').multiSelect({
  597.             afterSelect: function(values){
  598.  
  599.             },
  600.                     afterDeselect: function(values){
  601.  
  602.                     },
  603.                     selectableHeader: "<div class='custom-header'>α╕úα╕ûα╕óα╕Öα╕òα╣îα╕ùα╕▒α╣ëα╕çα╕½α╕íα╕ö</div>",
  604.                     selectionHeader: "<div class='custom-header'>α╕úα╕ûα╕óα╕Öα╕òα╣îα╕¬α╕│α╕½α╕úα╕▒α╕Ü  Package</div>"
  605.             });
  606.                     $('#polType').change();
  607.                     $("#polType").select2({ width: 'resolve' });
  608.                     $('.autoPol').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  609.                     $('.autoTime').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  610.                     $('.autoPerson').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  611.                     $('.autoDeduct').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  612.                     $('.autoNoPerson').autoNumeric('init', {aSign:' α╕äα╕Ö', pSign:'s', vMin:'0', vMax:'100', aPad:false });
  613.                     $('#vehAge').autoNumeric('init', { vMin:'0', vMax:'100', aPad:false });
  614.                     $('#premBas').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  615.                     $('#premAdd').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  616.                     $('#premAtt').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  617.                     $('#netPremium').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  618.                     $('#vatAmt').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  619.                     $('#totalPremium').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  620.                     $('#fee').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  621.                     $('#discountDriver').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  622.                     $('#discountDeduct').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  623.                     $('#deductGroup').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  624.                     $('#deductHistory').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  625.                     $('#deductOther').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  626.                     $('#surchargeAmt').autoNumeric('init', {aSep: ',', aDec: '.', vMin:'0.00', vMax:'10000000.00'});
  627.                     $('#startDate').datepicker({ dateFormat: 'dd/mm/yy', onSelect: function(selectedDate) {
  628.             $("#endDate").datepicker("option", "minDate", selectedDate);
  629.             }});
  630.                     $('#endDate').datepicker({ dateFormat: 'dd/mm/yy', onSelect: function(selectedDate) {
  631.             $("#startDate").datepicker("option", "maxDate", selectedDate);
  632.             }});
  633.             });
  634. </script>