API tools faq
paste
Advertisement
Guest User

book.php-CHANGED_BY_ME

a guest
Dec 3rd, 2014
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 73.55 KB | None | 0 0
raw download clone embed print report diff
  1. // <?php
  2. session_start();
  3. if(isset($_SESSION['email'])){
  4.  
  5.   if ($_SESSION['email']){
  6.     $data = $_SESSION['email'];
  7.     include ('php/config.php');
  8.     $qry = $handler->prepare("SELECT id FROM login WHERE email = ?");
  9.     $qry->execute(array($data));
  10.  
  11.     while($row = $qry->fetch(PDO::FETCH_ASSOC)){
  12.       $id = $row['id'];
  13.     }
  14.  
  15.     $qry = $handler->prepare( "SELECT * FROM companydetails WHERE compID = ?");
  16.     $qry->execute(array($id));
  17.  
  18.     while($row = $qry->fetch(PDO::FETCH_ASSOC)){
  19.       $id = $row['compID'];
  20.       $company = $row['compName'];
  21.       $compweb = $row['compWeb'];
  22.       $compadd = $row['compAddress'];
  23.       $compadd2 = $row['compAddress2'];
  24.       $country = $row['compCountry'];
  25.       $city = $row['compCity'];
  26.       $zip = $row['zip'];
  27.       $fname = $row['contactName'];
  28.       $acode = $row['areacode'];
  29.       $telno = $row['telNumber'];
  30.     }
  31.     $qry = $handler->prepare( "SELECT * FROM login WHERE id = ?");
  32.     $qry->execute(array($id));
  33.  
  34.     while($row = $qry->fetch(PDO::FETCH_ASSOC)){
  35.       $email = $row['email'];
  36.     }
  37.   }
  38.   else{
  39.   //die('<center><div style="width:500px; height:100px; background-color:#ffffff;border: 15px solid #ff0000; padding:20px 100px 20px 100px; color:#ff0000; font-family:arial; font-weight:bold; font-size:12px;"><center>Error 401. Access Denied! <br><br>Sorry, but you must be logged in to access this page!<br><br>
  40.   //You can <a href= "javascript:history.back()">Go Back</a> or <a href="register.php">Register Here</a></center><div><br>
  41.   //<span style ="color: #000000; font-weight:normal;">Copyright &copy; 2014. All Rights Reserved.</span>');
  42.   }
  43. }
  44. else{
  45. //die('<center><div style="width:500px; height:100px; background-color:#ffffff;border: 15px solid #ff0000; padding:20px 100px 20px 100px; color:#ff0000; font-family:arial; font-weight:bold; font-size:12px;"><center>Error 401. Access Denied! <br><br>Sorry, but you must be logged in to access this page!<br><br>
  46.   //You can <a href= "javascript:history.back()" style="color:#ff0000;">Go Back</a> or <a href="register.php" style="color:#ff0000;">Register Here</a></center><div><br>
  47.   //<span style ="color: #000000; font-weight:normal;">Copyright &copy; 2014. All Rights Reserved.</span>');
  48. }
  49. ?>
  50. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  51. <html>
  52. <head>
  53. <?php echo "<title>$company</title>";?>
  54. <style type="text/css">
  55. p{
  56. font-size: 16px;   
  57. }
  58. th{
  59.     font-size:12px;
  60. }
  61.  
  62. .input{
  63. width:310px;
  64. height:30px;
  65. border: 1px solid #000000;
  66. font-family: verdana;
  67. font-size:12px;
  68. }
  69.  
  70. .input1{
  71. width:150px;
  72. height:30px;
  73. border: 1px solid #000000;
  74. font-family: verdana;
  75. font-size:12px;
  76. }
  77.  
  78. label{
  79. font-size: 12px;
  80. }
  81.  
  82. .black_overlay{
  83.     display: none;
  84.     position: absolute;
  85.     top: 0%;
  86.     left: 0%;
  87.     width: 100%;
  88.     height: 100%;
  89.     background-color: black;
  90.     z-index:1001;
  91.     -moz-opacity: 0.5;
  92.     opacity:.50;
  93.     filter: alpha(opacity=50);
  94.     border-radius: 10px;
  95. }
  96.  
  97. .white_content {
  98.     display: none;
  99.     position: absolute;
  100.     top: 5%;
  101.     left: 8%;
  102.     width: 80%;
  103.     height: 60%;
  104.     padding-left: 40px;
  105.     padding-top: 40px;
  106.     border: 16px solid orange;
  107.     border-radius: 10px;
  108.     background-color: white;
  109.     z-index:1002;
  110.     overflow: auto;
  111. }
  112.  
  113. .black{
  114.     display: none;
  115.     position: absolute;
  116.     top: 0%;
  117.     left: 0%;
  118.     width: 100%;
  119.     height: 100%;
  120.     background-color: black;
  121.     z-index:1001;
  122.     -moz-opacity: 0.5;
  123.     opacity:.50;
  124.     filter: alpha(opacity=50);
  125.     border-radius: 10px;
  126. }
  127.  
  128. .white {
  129.     display: none;
  130.     position: absolute;
  131.     top: 5%;
  132.     left: 8%;
  133.     width: 80%;
  134.     height: 20%;
  135.     padding-left: 40px;
  136.     padding-top: 40px;
  137.     border: 16px solid orange;
  138.     border-radius: 10px;
  139.     background-color: white;
  140.     z-index:1002;
  141.     overflow: auto;
  142. }
  143.  
  144. .td{
  145. text-align:right;
  146. }
  147. .td2{
  148. text-align:left;
  149. }
  150.  
  151. .noborder{
  152.     outline:none;
  153.     outline:0px;
  154.     border: none;
  155. }
  156.  
  157. .tdfont{
  158. font-size: 12px;
  159. text-align:right;
  160. }
  161. .uploads{
  162.     width:100%;
  163.     padding-left:10px;
  164.     margin-bottom:10px;
  165. }
  166.  
  167. .bar{
  168.     width: 75%;
  169.     background: #eee;
  170.     padding: 3px;
  171.     margin-bottom:10px;
  172.     box-shadow: inset 0 1px 3px rgba(0,0,0,2);
  173.     border-radius: 3px;
  174.     box-sizing:border-box;
  175.     margin-left:
  176. }
  177. .barfill{
  178.     height: 10px;
  179.     display: block;
  180.     background: #ff6f01;
  181.     width:0px;
  182.     border-radius: 3px;
  183.     transition:width 0.8s ease;
  184.    
  185. }
  186.  
  187. .barfilltext{
  188.     color:#000;
  189.     padding: 3px;
  190.     font-size:10px;
  191. }
  192. </style>
  193. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  194. <link rel="stylesheet" type="text/css" href="css/formwizard.css"/>
  195. <script src="js/formwizard.js" type="text/javascript"></script>
  196.  
  197. <script type="text/javascript">
  198. var myform=new formtowizard({
  199.     formid: 'feedbackform',
  200.     persistsection: true,
  201.     //validate: ['Inspection_Service','Inspection_Date','Shipment_Date','Factory_Name','Factory_address','Country','City','contact_person','contact_number','email','product_name','product_category','qty','unit','PO','brand','color/material/finish','technical_specifications/rating','shipping_mark','additional_info'], //required fields
  202.     revealfx: ['slide', 1000]/*,
  203.     onpagechangestart:function($, i, $fieldset){
  204.        var validated=true
  205.        var fieldset=$fieldset.get(0) //get fieldset element as a DOM object
  206.        var allels=fieldset.getElementsByTagName("*") //get all elements inside fieldset
  207.        for (var i=0; i<allels.length; i++){
  208.         if (allels[i].type=="text" || allels[i].tagName=="TEXTAREA"){
  209.          if (allels[i].value==""){
  210.           alert("Please fill out the field "+allels[i].getAttribute('id'))
  211.           allels[i].focus()
  212.           validated=false
  213.           break //break out of for loop
  214.          } //end inner if
  215.        } //end outer if
  216.       }
  217.       return validated
  218.      }*/
  219. });
  220. </script>
  221.  
  222. <script>
  223. $(document).tooltip({
  224.     content: function() {
  225.         var element = $(this);
  226.         return element.attr("title");
  227.     }
  228. });
  229.  </script>
  230.  
  231.  <script>
  232.        <!--
  233.        function isNumberKey(evt)
  234.        {
  235.           var charCode = (evt.which) ? evt.which : event.keyCode;
  236.           if (charCode != 46 && charCode > 31
  237.             && (charCode < 48 || charCode > 57))   
  238.              return false;
  239.  
  240.           return true;
  241.        }
  242.  </script>
  243.  
  244. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  245. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  246. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  247. <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  248. <script>
  249.   $(function() {
  250.     $( '#Shipment_Date' ).datepicker();
  251.   });
  252. </script>
  253.  
  254. </head>
  255.  
  256. <body background="#fff">
  257. <?php include 'header.html'?>
  258. <div id="header"></div>
  259. <center>
  260. <div id="container">
  261. <div id="content" style="background:#e5e5e5; width:1263px; height:1000px;">
  262.     <!--content goes inside the div below-->
  263.     <div style="background:#ffffff; width:1200px; height:1000px; border: 1px #bdbdbd solid; margin-left:0px;">
  264.     <!--put page contents here-->
  265.         <!--third column-->
  266.        
  267.         <!--end of third column-->
  268.         <!--first column-->
  269.         <div style="position:absolute; font-family:arial; font-size:14px; color:#ff6f01; text-align:left; width:300px; height:800px; border-right:1px solid #bdbdbd;padding-top:20px;z-index:10000">
  270.             <span style="font-weight:bold; font-size:20px; margin-left:90px;">Control Panel</span>
  271.             <div style="margin-top:250px;">
  272.             <div style="font-weight:bold; font-size:20px; margin-top:50px; margin-left:40px; padding:10px 40px; position:absolute;background:#ff6f01;color:#fff;"><a href="book.php" style="text-decoration:none; color:#fff;">Book a Service</div>
  273.             <div style="font-weight:bold; font-size:20px; margin-top:100px; margin-left:40px; padding:10px 64px; position:absolute;background:#ff6f01;color:#fff;"><a href="profile.php" style="text-decoration:none; color:#fff;">My Profile</a></div>
  274.             <div style="font-weight:bold; font-size:20px; margin-top:150px; margin-left:40px; padding:10px 49px; position:absolute;background:#ff6f01;color:#fff;width:125px;">My Bookings</div>
  275.             <div style="font-weight:bold; font-size:20px; margin-top:200px; margin-left:40px; padding:10px 29px; position:absolute;background:#ff6f01;color:#fff;width:165px;"><a href="settings.php" style="text-decoration:none; color:#fff;">Account Settings</a></div>
  276.             <div style="font-weight:bold; font-size:20px; margin-top:250px; margin-left:40px; padding:10px 78px; position:absolute;background:#ff6f01;color:#fff;"><a href="php/logout.php" style="text-decoration:none; color:#fff;">Logout</a></div>
  277.             </div>
  278.         </div>
  279.         <!--end of first column-->
  280.         <!--second column-->
  281.         <div style="font-family:verdana; margin-top:50px;">
  282.             <div style="margin-left:300px; margin-top:-50px; position:absolute; color:#fff; font-size:20px; background:#ff6f01; text-align:left; padding-left:10px; width:890px; padding-top:10px; padding-bottom:10px;"><b>Booking</b></div>
  283.             <span style="position:absolute; margin-left:-250px; font-weight:bold; color:#ff6f01;"><!--subtitle here--></span>
  284.             <div style="position:absolute;margin-top:50px;margin-left:320px;">
  285.            
  286.            
  287.             <form id="feedbackform" style="text-align:left;" method="POST" action="bookingsuccess.php">
  288.                 <fieldset class="sectionwrap">
  289.                 <legend>General Information</legend><br/>
  290.                 <label for="ref_num">Project Reference Number</label><br>
  291.                 <input id="Reference_Number" value ="" type="text" size="60" name="ref_num" class="input"/><br/><br/>
  292.                 <label for="service">Inspection Service</label><br>
  293.                 <select style="width:310px;height:30px;border: 1px solid #000000;" id="Inspection_Service" selected="selected" name="service" onchange="inspect();">
  294.                     <option value=""></option>
  295.                     <optgroup label="Inspection Services">
  296.                     <option value="Incoming Quality Inspection">Incoming Quality Inspection</option>
  297.                     <option value="DUPRO">During Production Inspection(DUPRO)</option>
  298.                     <option value="Pre Shipment Inspection">Pre Shipment Inspection</option>            
  299.                     <option value="Container Loading Inspection">Container Loading Inspection</option>
  300.                     <option value="Setting Up Production Lines">Setting Up Production Lines</option>
  301.                     </optgroup>
  302.  
  303.                     <optgroup label="Audit Services">
  304.                     <option value="Physical Audit">Physical Audit</option>
  305.                     <option value="Detail Company Audit">Detail Company Audit</option>
  306.                     <option value="Social audit">Social Audit</option>            
  307.                     </optgroup>
  308.  
  309.                     <optgroup label="Testing Services">
  310.                     <option value="Sample Testing">Sample Testing</option>
  311.                     <option value="Lab Testing">Lab Testing</option>            
  312.                     </optgroup>
  313.                 </select><br/><br/>
  314.  
  315.                 <label for="insdate">Desired Inspection Date:</label><br>
  316.                 <input id="Inspection_Date" type="text" size="60" name="insdate" class="input"/>
  317.                 <input type="checkbox" value="1"/><label title="Selecting this will not allow the factory to postpone or advance the inspection date">Do not allow factory to change this date.</label>
  318.                 <br/><br/>
  319.                
  320.                            
  321.                 <label for="shipdate">Expecteded Shipment Date:</label><br>
  322.                 <input id="Shipment_Date" type="text" size="60" name="shipdate" class="input" value="" onchange="timediff();" />
  323.                
  324.                 <input type="hidden" name="inspectdate" id="ins_dates">
  325.                 <input type="hidden" name="shipmentdate" id="ship_dates">
  326.                
  327.                 <script type="text/javascript" src="js/date.js"></script>
  328.                 <script type="text/javascript">
  329.  
  330.                
  331.                 function timediff(){
  332.                     var minutes = 1000*60;
  333.                     var hours = minutes*60;
  334.                     var days = hours*24;
  335.                     var ins = document.getElementById("Inspection_Date").value;
  336.                     var ship = document.getElementById("Shipment_Date").value;
  337.                     var foo_date1 = getDateFromFormat(ins, "M/d/y");
  338.                     var foo_date2 = getDateFromFormat(ship, "M/d/y");
  339.                     var diff_date = Math.round((foo_date2 - foo_date1)/days);
  340.                         if(diff_date == 1){
  341.                             alert("You are requesting a Service within 24 hours and our minimun time availability is 48 hours, but we'll do our best to perform this service. However, we may charge you additional fees for immediate inspection.");
  342.  
  343.                         }
  344.                    
  345.                 }
  346.                 </script>
  347.                 <script>
  348.                 function trans(){
  349.                     var ins = document.getElementById("Inspection_Date").value;
  350.                     var ship = document.getElementById("Shipment_Date").value;
  351.                     document.getElementbyId("ins_dates").value = ins;
  352.                     document.getElementbyId("ship_dates").value = ins;
  353.                 }
  354.                 </script>
  355.            
  356.                 </fieldset>
  357.  
  358.                 <fieldset class="sectionwrap">
  359.                 <legend>Factory Information</legend><br/>
  360.                 <label for="factory">Factory Name</label><br>
  361.                 <input type="text" class="input" id="Factory_Name" name="factory" placeholder="Factory Name"/><br/><br/>
  362.                 <label for="factoryadd">Factory Address</label><br>
  363.                 <input type="text" class="input" id="Factory_address" name="factoryadd" placeholder="Address"/><br/><br/>
  364.                 <label for="country">Country</label><br>
  365.                 <select name = "country" id="Country" class="input"><br/><br/>
  366.                       <option value="Select Country" disabled>Select Country</option>
  367.                       <option value="" disabled>---</option>
  368.                       <option value="Afghanistan">Afghanistan</option>
  369.                       <option value="Albania">Albania</option>
  370.                       <option value="Algeria">Algeria</option>
  371.                       <option value="American Samoa">American Samoa</option>
  372.                       <option value="Andorra">Andorra</option>
  373.                       <option value="Angola">Angola</option>
  374.                       <option value="Anguilla">Anguilla</option>
  375.                       <option value="Antigua and Barbuda">Antigua and Barbuda</option>
  376.                       <option value="Argentina">Argentina</option>
  377.                       <option value="Armenia">Armenia</option>
  378.                       <option value="Aruba">Aruba</option>
  379.                       <option value="Ascencion">Ascension</option>
  380.                       <option value="Australia">Australia</option>
  381.                       <option value="Australian External Territories">Australian External Territories</option>
  382.                       <option value="austria">Austria</option>
  383.                       <option value="Azerbaijan">Azerbaijan</option>
  384.                       <option value="Bahamas">Bahamas</option>
  385.                       <option value="Bahrain">Bahrain</option>
  386.                       <option value="Bangladesj">Bangladesh</option>
  387.                       <option value="Barbados">Barbados</option>
  388.                       <option value="Barbuda">Barbuda</option>
  389.                       <option value="Belarus">Belarus</option>
  390.                       <option value="Belgium">Belgium</option>
  391.                       <option value="Belize">Belize</option>
  392.                       <option value="Benin">Benin</option>
  393.                       <option value="Bermuda">Bermuda</option>
  394.                       <option value="Bhutan">Bhutan</option>
  395.                       <option value="Bolivia">Bolivia</option>
  396.                       <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
  397.                       <option value="Botswana">Botswana</option>
  398.                       <option value="Brazil">Brazil</option>
  399.                       <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
  400.                       <option value="British Virgin Islands">British Virgin Islands</option>
  401.                       <option value="Brunei">Brunei</option>
  402.                       <option value="Bulgaria">Bulgaria</option>
  403.                       <option value="Burkina Faso">Burkina Faso</option>
  404.                       <option value="Burunudi">Burundi</option>
  405.                       <option value="Cambodia">Cambodia</option>
  406.                       <option value="Cameroon">Cameroon</option>
  407.                       <option value="Cabada">Canada</option>
  408.                       <option value="Cape Verde">Cape Verde</option>
  409.                       <option value="Cayman Islands">Cayman Islands</option>
  410.                       <option value="Central African Republic">Central African Republic</option>
  411.                       <option value="Chad">Chad</option>
  412.                       <option value="Chatham Island (New Zealand) ">Chatham Island (New Zealand)</option>
  413.                       <option value="Chile">Chile</option>
  414.                       <option value="China">China</option>
  415.                       <option value="Christmas Islands">Christmas Island</option>
  416.                       <option value="Cocos-Keeling Islands">Cocos-Keeling Islands</option>
  417.                       <option value="Colombia">Colombia</option>
  418.                       <option value="Comoros">Comoros</option>
  419.                       <option value="Congo">Congo</option>
  420.                       <option value="Congo, Dem. Rep of Zaire">Congo, Dem. Rep. of (Zaire)</option>
  421.                       <option value="Cook Islands">Cook Islands</option>
  422.                       <option value="Costa Rica">Costa Rica</option>
  423.                       <option value="Ivory Coast">Ivory Coast</option>
  424.                       <option value="Croatia">Croatia</option>
  425.                       <option value="Cuba">Cuba</option>
  426.                       <option value="Cuba(Guantanamo Bay)">Cuba (Guantanamo Bay)</option>
  427.                       <option value="Curacao">Curacao</option>
  428.                       <option value="Cyprus">Cyprus</option>
  429.                       <option value="Czech Republic">Czech Republic</option>
  430.                       <option value="Denmark">Denmark</option>
  431.                       <option value="Diego Garcia">Diego Garcia</option>
  432.                       <option value="Djibouti">Djibouti</option>
  433.                       <option value="Dominica">Dominica</option>
  434.                       <option value="Dominican Republic">Dominican Republic</option>
  435.                       <option value="East Timor">East Timor</option>
  436.                       <option value="Easter Island">Easter Island</option>
  437.                       <option value="Ecuador">Ecuador</option>
  438.                       <option value="Egypt">Egypt</option>
  439.                       <option value="El Salvador">El Salvador</option>
  440.                       <option value="Equatorial Guinea">Equatorial Guinea</option>
  441.                       <option value="Eritrea">Eritrea</option>
  442.                       <option value="Estonia">Estonia</option>
  443.                       <option value="Ethiopia">Ethiopia</option>
  444.                       <option value="Falkland Islands">Falkland Islands</option>
  445.                       <option value="Faroe Islands">Faroe Islands</option>
  446.                       <option value="Fiji">Fiji</option>
  447.                       <option value="Finland">Finland</option>
  448.                       <option value="France">France</option>
  449.                       <option value="French Antilles">French Antilles</option>
  450.                       <option value="French Guiana">French Guiana</option>
  451.                       <option value="French Polynesia">French Polynesia</option>
  452.                       <option value="Gabon">Gabon</option>
  453.                       <option value="Gambia">Gambia</option>
  454.                       <option value="Georgia">Georgia</option>
  455.                       <option value="Germany">Germany</option>
  456.                       <option value="Ghana">Ghana</option>
  457.                       <option value="Gibraltar">Gibraltar</option>
  458.                       <option value="Greece">Greece</option>
  459.                       <option value="Greenland">Greenland</option>
  460.                       <option value="Grenada">Grenada</option>
  461.                       <option value="Guadeloupe">Guadeloupe</option>
  462.                       <option value="Guam">Guam</option>
  463.                       <option value="Guantanamo Bay">Guantanamo Bay</option>
  464.                       <option value="Guatemala">Guatemala</option>
  465.                       <option value="Guinea">Guinea</option>
  466.                       <option value="Guinea-Bissau">Guinea-Bissau</option>
  467.                       <option value="Guyana">Guyana</option>
  468.                       <option value="Haiti">Haiti</option>
  469.                       <option value="Honduras">Honduras</option>
  470.                       <option value="Hong Kong SAR China">Hong Kong SAR China</option>
  471.                       <option value="Hungary">Hungary</option>
  472.                       <option value="Iceland">Iceland</option>
  473.                       <option value="India">India</option>
  474.                       <option value="Indonesia">Indonesia</option>
  475.                       <option value="Inmarsat SNAC">Inmarsat SNAC</option>
  476.                       <option value="Iran">Iran</option>
  477.                       <option value="Iraq">Iraq</option>
  478.                       <option value="Ireland">Ireland</option>
  479.                       <option value="Israel">Israel</option>
  480.                       <option value="Italy">Italy</option>
  481.                       <option value="Jamaica">Jamaica</option>
  482.                       <option value="Japan">Japan</option>
  483.                       <option value="Jordan">Jordan</option>
  484.                       <option value="Kazakhstan">Kazakhstan</option>
  485.                       <option value="Kenya">Kenya</option>
  486.                       <option value="Kiribati">Kiribati</option>
  487.                       <option value="North Korea">Korea North</option>
  488.                       <option value="South Korea">Korea South</option>
  489.                       <option value="Kuwait">Kuwait</option>
  490.                       <option value="Kyrgyzstan">Kyrgyzstan</option>
  491.                       <option value="Laos">Laos</option>
  492.                       <option value="Latvia">Latvia</option>
  493.                       <option value="Lebanon">Lebanon</option>
  494.                       <option value="Lesotho">Lesotho</option>
  495.                       <option value="Liberia">Liberia</option>
  496.                       <option value="Libya">Libya</option>
  497.                       <option value="Liechtenstein">Liechtenstein</option>
  498.                       <option value="Lithuana">Lithuania</option>
  499.                       <option value="Luxembourg">Luxembourg</option>
  500.                       <option value="Macau SAR China">Macau SAR China</option>
  501.                       <option value="Macedonia">Macedonia</option>
  502.                       <option value="Madagascar">Madagascar</option>
  503.                       <option value="Malawi">Malawi</option>
  504.                       <option value="Malaysia">Malaysia</option>
  505.                       <option value="Maldives">Maldives</option>
  506.                       <option value="Mali">Mali</option>
  507.                       <option value="Malta">Malta</option>
  508.                       <option value="Marshall Islands">Marshall Islands</option>
  509.                       <option value="Martinique">Martinique</option>
  510.                       <option value="Mauritania">Mauritania</option>
  511.                       <option value="Mauritius">Mauritius</option>
  512.                       <option value="Mayotte">Mayotte</option>
  513.                       <option value="Mexico">Mexico</option>
  514.                       <option value="Micronesia">Micronesia</option>
  515.                       <option value="Midway">Midway Island</option>
  516.                       <option value="Moldova">Moldova</option>
  517.                       <option value="Monaco">Monaco</option>
  518.                       <option value="Mongolia">Mongolia</option>
  519.                       <option value="Montenegro">Montenegro</option>
  520.                       <option value="Montserrat">Montserrat</option>
  521.                       <option value="Morocco ">Morocco</option>
  522.                       <option value="Mozambique">Mozambique</option>
  523.                       <option value="Myanmar">Myanmar</option>
  524.                       <option value="Namibia">Namibia</option>
  525.                       <option value="Nauru">Nauru</option>
  526.                       <option value="Nepal">Nepal</option>
  527.                       <option value="Netherlands">Netherlands</option>
  528.                       <option value="Netherlands Antilles">Netherlands Antilles</option>
  529.                       <option value="Nevis">Nevis</option>
  530.                       <option value="New Caledonia">New Caledonia</option>
  531.                       <option value="New Zealand">New Zealand</option>
  532.                       <option value="Nicaragua">Nicaragua</option>
  533.                       <option value="Niger">Niger</option>
  534.                       <option value="Nigeria">Nigeria</option>
  535.                       <option value="Niue">Niue</option>
  536.                       <option value="Norfok">Norfolk Island</option>
  537.                       <option value="Northern Mariana Islands">Northern Mariana Islands</option>
  538.                       <option value="Norway">Norway</option>
  539.                       <option value="Oman">Oman</option>
  540.                       <option value="Pakistan">Pakistan</option>
  541.                       <option value="Palau">Palau</option>
  542.                       <option value="Palestinian Territory">Palestinian Territory</option>
  543.                       <option value="Panama">Panama</option>
  544.                       <option value="Papua New Guinea">Papua New Guinea</option>
  545.                       <option value="Paraguay">Paraguay</option>
  546.                       <option value="Peru">Peru</option>
  547.                       <option value="Philippines">Philippines</option>
  548.                       <option value="Poland">Poland</option>
  549.                       <option value="Portugal">Portugal</option>
  550.                       <option value="Puerto Rico">Puerto Rico</option>
  551.                       <option value="Qatar">Qatar</option>
  552.                       <option value="Reunion">Réunion</option>
  553.                       <option value="Romania">Romania</option>
  554.                       <option value="Russia">Russia</option>
  555.                       <option value="250">Rwanda</option>
  556.                       <option value="Saint Barthélemy">Saint Barthélemy</option>
  557.                       <option value="Saint Helena">Saint Helena</option>
  558.                       <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
  559.                       <option value="Saint Lucia">Saint Lucia</option>
  560.                       <option value="Saint Martin">Saint Martin</option>
  561.                       <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
  562.                       <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
  563.                       <option value="Samoa">Samoa</option>
  564.                       <option value="San Marino">San Marino</option>
  565.                       <option value="Sao Tome and Principe">Sao Tome and Principe</option>
  566.                       <option value="Saudi Arabia">Saudi Arabia</option>
  567.                       <option value="Senegal">Senegal</option>
  568.                       <option value="Serbia">Serbia</option>
  569.                       <option value="Seychelles">Seychelles</option>
  570.                       <option value="Sierra leone">Sierra Leone</option>
  571.                       <option value="Singapore">Singapore</option>
  572.                       <option value="Sint Maarten">Sint Maarten</option>
  573.                       <option value="Slovakia">Slovakia</option>
  574.                       <option value="Slovenia">Slovenia</option>
  575.                       <option value="Solomon islands">Solomon Islands</option>
  576.                       <option value="Somalia">Somalia</option>
  577.                       <option value="South Africa">South Africa</option>
  578.                       <option value="Spain">Spain</option>
  579.                       <option value="Sri Lanka">Sri Lanka</option>
  580.                       <option value="Sudan">Sudan</option>
  581.                       <option value="Suriname">Suriname</option>
  582.                       <option value="Swaziland">Swaziland</option>
  583.                       <option value="Sweden">Sweden</option>
  584.                       <option value="Switzerland">Switzerland</option>
  585.                       <option value="Syria">Syria</option>
  586.                       <option value="Taiwan">Taiwan</option>
  587.                       <option value="Tajikistan">Tajikistan</option>
  588.                       <option value="Tanzania">Tanzania</option>
  589.                       <option value="Thailand">Thailand</option>
  590.                       <option value="Timor-Leste">Timor-Leste</option>
  591.                       <option value="Togo">Togo</option>
  592.                       <option value="Tokelau">Tokelau</option>
  593.                       <option value="Tonga">Tonga</option>
  594.                       <option value="Trinidad and Tobago">Trinidad and Tobago</option>
  595.                       <option value="Tunisia">Tunisia</option>
  596.                       <option value="Turkey">Turkey</option>
  597.                       <option value="Turkmenistan">Turkmenistan</option>
  598.                       <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
  599.                       <option value="Tuvalu">Tuvalu</option>
  600.                       <option value="Uganda">Uganda</option>
  601.                       <option value="Ukraine">Ukraine</option>
  602.                       <option value="United Arab Emirates">United Arab Emirates</option>
  603.                       <option value="United Kingdom">United Kingdom</option>
  604.                       <option value="United States">United States</option>
  605.                       <option value="Uruguay">Uruguay</option>
  606.                       <option value="US Virgin Islands">U.S. Virgin Islands</option>
  607.                       <option value="Uzbekistan">Uzbekistan</option>
  608.                       <option value="Vanuatu">Vanuatu</option>
  609.                       <option value="Vatican">Vatican</option>
  610.                       <option value="Venezuela">Venezuela</option>
  611.                       <option value="Vietnam">Vietnam</option>
  612.                       <option value="Wake Island">Wake Island</option>
  613.                       <option value="Wallis and Futuna">Wallis and Futuna</option>
  614.                       <option value="Yemen">Yemen</option>
  615.                       <option value="Zambia">Zambia</option>
  616.                       <option value="Zanzibar">Zanzibar</option>
  617.                       <option value="Zimbabwe">Zimbabwe</option>  
  618.                    </select>
  619.                    <br/><br/>
  620.                
  621.                 <label for="city">City</label><br>
  622.                 <input type="text" class="input" id="City" name="city" placeholder="City"/><br/><br/>
  623.  
  624.                 <label for="contact">Factory Contact Person</label><br>
  625.                 <input type="text" class="input" id="contact_person" name="contact" placeholder="Contact Person"/><br/><br/>
  626.  
  627.                 <label for="cnum">Contact Number</label><br>
  628.                 <input type="text" class="input" id="contact_number" name="cnum" placeholder="Mobile/Telephone"  onkeypress="return isNumberKey(event)"/><br/><br/>
  629.  
  630.                 <label for="email">Email Address</label><br>
  631.                 <input type="text" class="input" id="email" name="email" placeholder="Email Address"/><br/><br/>
  632.                 </fieldset>
  633.  
  634.                 <fieldset class="sectionwrap">
  635.                 <legend>Product Information</legend><br/>
  636.                 <label for="product_name">Product Name</label><br>
  637.                 <input type="text" class="input" id="product_name" name="product_name" placeholder="Product Name"/><br/><br/>
  638.  
  639.                 <label for="product_cat">Product Category</label><br>
  640.                  <select class="validate[required]" id="product_category" name="product_cat" style="font-family:verdana; width:312px; height:28px; border: 1px solid #000000;">
  641.                   <option value="" disabled selected>Select Category</option>
  642.  
  643.                   <optgroup label="Electronic Products">
  644.                     <option>Home Appliances</option>
  645.                     <option>Small Electronic and Communications</option>
  646.                     <option>Lighting</option>
  647.                     <option>Computers and Accessories</option>
  648.                     <option>Audio</option>
  649.                     <option>Video</option>
  650.                   </optgroup>
  651.  
  652.                   <optgroup label="Construction and Mechanical Products">
  653.                     <option>Building Materials</option>
  654.                     <option>DIY Tools and Hardware</option>
  655.                     <option>Machinery Parts and Products</option>
  656.                     <option>Automotive Parts and Products</option>
  657.                     <option>Heavy Equipment</option>
  658.                   </optgroup>
  659.  
  660.                   <optgroup label="Apparel/Textile/Accessories">
  661.                     <option>Bags and Luggage</option>
  662.                     <option>Fabric</option>
  663.                     <option>Garment Accessories</option>
  664.                     <option>Footwear</option>
  665.                     <option>Headwear</option>
  666.                     <option>Underwear</option>
  667.                     <option>Umbrellas</option>
  668.                     <option>Home Textile</option>
  669.                     <option>Eyewear</option>
  670.                     <option>Jewelry</option>
  671.                     <option>Watch and Timepieces</option>
  672.                   </optgroup>
  673.  
  674.                   <optgroup label="Homeware">
  675.                     <option>Cleaning Accessories</option>
  676.                     <option>Ceramics and Porcelain</option>
  677.                     <option>Garment Accessories</option>
  678.                     <option>Furniture</option>
  679.                     <option>Gardenware</option>
  680.                     <option>Plasticware</option>
  681.                     <option>Glassware</option>
  682.                     <option>Bathroom Items</option>
  683.                     <option>Kitchenware and Utensils</option>
  684.                     <option>Decorating Items</option>
  685.                     <option>Tableware</option>
  686.                   </optgroup>
  687.  
  688.                   <optgroup label="Printing and Packaging">
  689.                     <option>Packaging (no food contact)</option>
  690.                     <option>Stationery</option>
  691.                     <option>Books and Printing</option>
  692.                     <option>Food Packaging</option>
  693.                   </optgroup>
  694.  
  695.                   <optgroup label="Toys and Recreational Items">
  696.                     <option>Baby Items</option>
  697.                     <option>Electronic Toys</option>
  698.                     <option>Metallic Toys</option>
  699.                     <option>Musical Instruments</option>
  700.                     <option>Paper Toys</option>
  701.                     <option>Plastic Toys</option>
  702.                     <option>Wooden Toys</option>
  703.                     <option>Stuffed / Plushed Toys</option>
  704.                     <option>Inflatable Toys</option>
  705.                     <option>Sport Equipment/Machine</option>
  706.                   </optgroup>
  707.                 </select>
  708.                 <br/><br/>
  709.  
  710.                 <label for="qty">Qty</label> <label for="unit" style="margin-left:130px;">Unit</label><br>
  711.                 <input type="text" class="input" style="width:100px; height:26px;" id="qty" name="qty" placeholder="Qty" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"  onkeypress="return isNumberKey(event)"/>
  712.                 <select class="input" style="width:100px;margin-left:50px;" id="unit" name="unit" placeholder="Unit"/>
  713.                 <option value="" disabled selected>--</option>
  714.                 <option value="">Piece/s</option>
  715.                 <option value="">Set/s</option>
  716.                 <option value="">Pair/s</option>
  717.                 <option value="">Box/es</option>
  718.                 </select><br/><br/>
  719.  
  720.                 <label for="po">PO Number</label><br>
  721.                 <input type="text" class="input" id="PO" name="po" placeholder="PO Number"/><br><br/>
  722.  
  723.                 <label for="brand">Brand</label><br>
  724.                 <input type="text" class="input" id="brand" name="brand" placeholder="Brand"/><br><br/>
  725.                
  726.                 <label for="brand">Color/Material/Finish</label> <br/>
  727.                 <textarea rows="4" cols="42" name="cmf" style="border:1px solid #000000;" id="color/material/finish"></textarea><br><br>
  728.                
  729.                
  730.                 <div style="position:absolute; margin-top:-460px;margin-left:380px;">
  731.                 <label for="spec">Technical Specifications/Rating</label> <br/>
  732.                 <textarea rows="4" cols="40" name="tech_spec" style="border:1px solid #000000;" name="spec" id="technical_specifications/rating"></textarea><br><br>
  733.  
  734.                 <label for="smark">Shipping Mark</label> <br/>
  735.                 <textarea rows="4" cols="40" style="border:1px solid #000000;" name="shippingmark" id="shipping_mark"> </textarea><br><br>
  736.    
  737.                
  738.                 <label for="prod_add_info">Additional Information</label><br/>
  739.                 <textarea rows="4" cols="40" name="prod_add_info"style="border:1px solid #000000;" id="additional_info"></textarea><br>
  740.                
  741.                 <!-- Upload Files-->
  742.                 <div style="display:block;" class="uploads">
  743.                 <p style="color:red;">Upload Your Attachments</p>
  744.                 <input type="file" name="file[]" id="file" required multiple/>
  745.                 <input type="button" id="submit" value="Upload Files"/>
  746.                 </div>
  747.                 <div class="bar">
  748.                     <span class="barfill" id="pb"><span class="barfilltext" id="pt"></span></span>
  749.                 </div>
  750.                 <div id="uploads" class="uploads"></div>
  751.                 <!-- Upload Files-->
  752.                 </div>
  753.                
  754.                 <script type="text/javascript" src="upload.js"></script>
  755.                 <script type="text/javascript">
  756.                     var sub = document.getElementById('submit');
  757.                         sub.addEventListener('click', function(e){
  758.                             e.preventDefault();
  759.                         var f = document.getElementById('file'),
  760.                             pb = document.getElementById('pb'),
  761.                             pt = document.getElementById('pt');
  762.  
  763.                                 app.uploader({
  764.                                 files:f,
  765.                                 progressBar:pb,
  766.                                 progressText:pt,
  767.                                 processor: 'upload.php',
  768.  
  769.                                 finished: function(data){
  770.                                     var uploads = document.getElementById('uploads'),
  771.                                         succeeded = document.createElement('div'),
  772.                                         failed = document.createElement('div'), anchor, span, x;
  773.  
  774.                                         if (data.failed.length) {
  775.                                             failed.innerHTML = '<p>The following files failed to upload</p>'
  776.                                         }
  777.                                         uploads.innerText = '' ;
  778.                                             anchor = document.createElement('p');
  779.                                             anchor.innerText = "Upload Complete!";
  780.                                             anchor.target = '_blank';
  781.                                             succeeded.appendChild(anchor);
  782.                                        
  783.                                         for(x=0;x<data.failed.length; x=x+1){
  784.                                             span = document.createElement('span');
  785.                                             span.innerText = data.failed[x].name;
  786.  
  787.                                             failed.appendChild(span);  
  788.                                         }
  789.                                         uploads.appendChild(succeeded);
  790.                                         uploads.appendChild(failed);
  791.                                 },
  792.                                 error: function (){
  793.                                     console.log("Error");
  794.                                 }
  795.                             });
  796.                         });
  797.                 </script>
  798.                
  799.                 <div id="light" class="white_content">
  800.                 <label for="qty">Qty</label><br>
  801.                 <input type="number" class="input" id="qty1" name="qty1" placeholder="Qty" min=1 onkeypress="return isNumberKey(event);"/><br><br/>
  802.  
  803.                 <label>General Inspection Level:</label>
  804.                 <label style="margin-left:50px;">Sample Size:<br/></label>
  805.                 <select class="input" id="ins_lvl" name = "gen_lvl" style="width:150px;"onchange="samplecheck();">
  806.                     <option value="" disabled selected>--</option>
  807.                     <optgroup label="General Inspection">
  808.                     <option value="N1">N1</option>
  809.                     <option value="N2">N2</option>
  810.                     <option value="N3">N3</option>
  811.                     </optgroup>
  812.                 </select>
  813.                 <input id="sampsize" style="width:150px;height:26px; margin-left:50px;" class="input" name="sample_size" readonly />
  814.                 <br>
  815.                 <br>
  816.  
  817.                 <label>Special Inspection Level:</label>
  818.                 <label for="sample_sizespec" style="margin-left:54px;">Sample Size:<br/></label>
  819.                 <select class="input" style="width:150px;" name="spe_lvl" id="spe_lvl" onchange="specialsamplecheck();">
  820.                     <option value="" disabled selected>--</option>
  821.                     <optgroup label="Special Inspection">
  822.                     <option value="S1">S1</option>
  823.                     <option value="S2">S2</option>
  824.                     <option value="S3">S3</option>
  825.                     <option value="S4">S4</option>
  826.                     </optgroup>
  827.                 </select>
  828.                 <input id="sampsizespec" style="width:150px;height:26px; margin-left:50px;" class="input" name="sample_sizespec" readonly />
  829.  
  830.                 <script type="text/javascript">
  831.                     function samplecheck(){
  832.                     var qua = document.getElementById('qty1').value;
  833.                     var inlvl = document.getElementById('ins_lvl').value;
  834.  
  835.                     if (inlvl == 'N1'){
  836.                         if (qua >= 2 && qua <= 8){
  837.                             document.getElementById('sampsize').value = 2;
  838.                         }else if(qua >= 9 && qua <= 15){
  839.                             document.getElementById('sampsize').value = 2;
  840.                         }else if(qua >= 16 && qua <= 25){
  841.                             document.getElementById('sampsize').value = 3;
  842.                         }else if(qua >= 26 && qua <= 50){
  843.                             document.getElementById('sampsize').value = 5;
  844.                         }else if(qua >= 51 && qua <= 90){
  845.                             document.getElementById('sampsize').value = 5;
  846.                         }else if(qua >= 91 && qua <= 150){
  847.                             document.getElementById('sampsize').value = 8;
  848.                         }else if(qua >= 151 && qua <= 280){
  849.                             document.getElementById('sampsize').value = 13;
  850.                         }else if(qua >= 281 && qua <= 500){
  851.                             document.getElementById('sampsize').value = 20;
  852.                         }else if(qua >= 501 && qua <= 1200){
  853.                             document.getElementById('sampsize').value = 32;
  854.                         }else if(qua >= 1201 && qua <= 3200){
  855.                             document.getElementById('sampsize').value = 50;
  856.                         }else if(qua >= 3201 && qua <= 10000){
  857.                             document.getElementById('sampsize').value = 80;
  858.                         }else if(qua >= 10001 && qua <= 35000){
  859.                             document.getElementById('sampsize').value = 125;
  860.                         }else if(qua >= 35001 && qua <= 150000){
  861.                             document.getElementById('sampsize').value = 200;
  862.                         }else if(qua >= 150001 && qua <= 500000){
  863.                             document.getElementById('sampsize').value = 315;
  864.                         }else if(qua >=500001){
  865.                             document.getElementById('sampsize').value = 500;
  866.                         }else if(qua == 1){
  867.                             alert("Minimum Quantity is '2' ");
  868.                         }else{
  869.                             alert("Please enter a Quantity");
  870.                         }
  871.  
  872.                     }else if(inlvl == 'N2'){
  873.                         if (qua >= 2 && qua <= 8){
  874.                             document.getElementById('sampsize').value = 2;
  875.                         }else if(qua >= 9 && qua <= 15){
  876.                             document.getElementById('sampsize').value = 3;
  877.                         }else if(qua >= 16 && qua <= 25){
  878.                             document.getElementById('sampsize').value = 5;
  879.                         }else if(qua >= 26 && qua <= 50){
  880.                             document.getElementById('sampsize').value = 8;
  881.                         }else if(qua >= 51 && qua <= 90){
  882.                             document.getElementById('sampsize').value = 13;
  883.                         }else if(qua >= 91 && qua <= 150){
  884.                             document.getElementById('sampsize').value = 20;
  885.                         }else if(qua >= 151 && qua <= 280){
  886.                             document.getElementById('sampsize').value = 32;
  887.                         }else if(qua >= 281 && qua <= 500){
  888.                             document.getElementById('sampsize').value = 50;
  889.                         }else if(qua >= 501 && qua <= 1200){
  890.                             document.getElementById('sampsize').value = 80;
  891.                         }else if(qua >= 1201 && qua <= 3200){
  892.                             document.getElementById('sampsize').value = 125;
  893.                         }else if(qua >= 3201 && qua <= 10000){
  894.                             document.getElementById('sampsize').value = 200;
  895.                         }else if(qua >= 10001 && qua <= 35000){
  896.                             document.getElementById('sampsize').value = 315;
  897.                         }else if(qua >= 35001 && qua <= 150000){
  898.                             document.getElementById('sampsize').value = 500;
  899.                         }else if(qua >= 150001 && qua <= 500000){
  900.                             document.getElementById('sampsize').value = 800;
  901.                         }else if (qua >=500001){
  902.                             document.getElementById('sampsize').value = 1250;
  903.                         }else if(qua == 1){
  904.                             alert("Minimum Quantity is '2' ");
  905.                         }else{
  906.                             alert("Please enter a Quantity");
  907.                         }
  908.                     }else if(inlvl == 'N3'){
  909.                         if (qua >= 2 && qua <= 8){
  910.                             document.getElementById('sampsize').value = 3;
  911.                         }else if(qua >= 9 && qua <= 15){
  912.                             document.getElementById('sampsize').value = 5;
  913.                         }else if(qua >= 16 && qua <= 25){
  914.                             document.getElementById('sampsize').value = 8;
  915.                         }else if(qua >= 26 && qua <= 50){
  916.                             document.getElementById('sampsize').value = 13;
  917.                         }else if(qua >= 51 && qua <= 90){
  918.                             document.getElementById('sampsize').value = 20;
  919.                         }else if(qua >= 91 && qua <= 150){
  920.                             document.getElementById('sampsize').value = 32;
  921.                         }else if(qua >= 151 && qua <= 280){
  922.                             document.getElementById('sampsize').value = 50;
  923.                         }else if(qua >= 281 && qua <= 500){
  924.                             document.getElementById('sampsize').value = 80;
  925.                         }else if(qua >= 501 && qua <= 1200){
  926.                             document.getElementById('sampsize').value = 125;
  927.                         }else if(qua >= 1201 && qua <= 3200){
  928.                             document.getElementById('sampsize').value = 200;
  929.                         }else if(qua >= 3201 && qua <= 10000){
  930.                             document.getElementById('sampsize').value = 315;
  931.                         }else if(qua >= 10001 && qua <= 35000){
  932.                             document.getElementById('sampsize').value = 500;
  933.                         }else if(qua >= 35001 && qua <= 150000){
  934.                             document.getElementById('sampsize').value = 800;
  935.                         }else if(qua >= 150001 && qua <= 500000){
  936.                             document.getElementById('sampsize').value = 1250;
  937.                         }else if(qua >= 500001){
  938.                             document.getElementById('sampsize').value = 2000;
  939.                         }else if(qua == 1){
  940.                             alert("Minimum Quantity is '2' ");
  941.                         }else{
  942.                             alert("Please enter a Quantity");
  943.                         }
  944.                     }
  945.                     }
  946.                 </script>
  947.  
  948.                 <script type="text/javascript">
  949.                 function specialsamplecheck(){
  950.                     var qua = document.getElementById('qty1').value;
  951.                     var spelvl = document.getElementById('spe_lvl').value;
  952.  
  953.                     if(spelvl == 'S1'){
  954.                         if (qua >= 2 && qua <= 8){
  955.                             document.getElementById('sampsizespec').value = 2;
  956.                         }else if(qua >= 9 && qua <= 15){
  957.                             document.getElementById('sampsizespec').value = 2;
  958.                         }else if(qua >= 16 && qua <= 25){
  959.                             document.getElementById('sampsizespec').value = 2;
  960.                         }else if(qua >= 26 && qua <= 50){
  961.                             document.getElementById('sampsizespec').value = 2;
  962.                         }else if(qua >= 51 && qua <= 90){
  963.                             document.getElementById('sampsizespec').value = 3;
  964.                         }else if(qua >= 91 && qua <= 150){
  965.                             document.getElementById('sampsizespec').value = 3;
  966.                         }else if(qua >= 151 && qua <= 280){
  967.                             document.getElementById('sampsizespec').value = 3;
  968.                         }else if(qua >= 281 && qua <= 500){
  969.                             document.getElementById('sampsizespec').value = 3;
  970.                         }else if(qua >= 501 && qua <= 1200){
  971.                             document.getElementById('sampsizespec').value = 5;
  972.                         }else if(qua >= 1201 && qua <= 3200){
  973.                             document.getElementById('sampsizespec').value = 5;
  974.                         }else if(qua >= 3201 && qua <= 10000){
  975.                             document.getElementById('sampsizespec').value = 5;
  976.                         }else if(qua >= 10001 && qua <= 35000){
  977.                             document.getElementById('sampsizespec').value = 5;
  978.                         }else if(qua >= 35001 && qua <= 150000){
  979.                             document.getElementById('sampsizespec').value = 8;
  980.                         }else if(qua >= 150001 && qua <= 500000){
  981.                             document.getElementById('sampsizespec').value = 8
  982.                         }else if(qua >= 500001){
  983.                             document.getElementById('sampsizespec').value = 8;
  984.                         }else if(qua == 1){
  985.                             alert("Minimum quantity is '2'");
  986.                         }else{
  987.                             alert("Please enter a Quantity");
  988.                         }
  989.                     }else if(spelvl == 'S2'){
  990.                         if (qua >= 2 && qua <= 8){
  991.                             document.getElementById('sampsizespec').value = 2;
  992.                         }else if(qua >= 9 && qua <= 15){
  993.                             document.getElementById('sampsizespec').value = 2;
  994.                         }else if(qua >= 16 && qua <= 25){
  995.                             document.getElementById('sampsizespec').value = 2;
  996.                         }else if(qua >= 26 && qua <= 50){
  997.                             document.getElementById('sampsizespec').value = 3;
  998.                         }else if(qua >= 51 && qua <= 90){
  999.                             document.getElementById('sampsizespec').value = 3;
  1000.                         }else if(qua >= 91 && qua <= 150){
  1001.                             document.getElementById('sampsizespec').value = 3;
  1002.                         }else if(qua >= 151 && qua <= 280){
  1003.                             document.getElementById('sampsizespec').value = 5;
  1004.                         }else if(qua >= 281 && qua <= 500){
  1005.                             document.getElementById('sampsizespec').value = 5;
  1006.                         }else if(qua >= 501 && qua <= 1200){
  1007.                             document.getElementById('sampsizespec').value = 5;
  1008.                         }else if(qua >= 1201 && qua <= 3200){
  1009.                             document.getElementById('sampsizespec').value = 8;
  1010.                         }else if(qua >= 3201 && qua <= 10000){
  1011.                             document.getElementById('sampsizespec').value = 8;
  1012.                         }else if(qua >= 10001 && qua <= 35000){
  1013.                             document.getElementById('sampsizespec').value = 8;
  1014.                         }else if(qua >= 35001 && qua <= 150000){
  1015.                             document.getElementById('sampsizespec').value = 13;
  1016.                         }else if(qua >= 150001 && qua <= 500000){
  1017.                             document.getElementById('sampsizespec').value = 13;
  1018.                         }else if(qua >= 500001){
  1019.                             document.getElementById('sampsizespec').value = 13;
  1020.                         }else if(qua == 1){
  1021.                             alert("Minimun quanitty is '2'");
  1022.                         }else{
  1023.                             alert("Please enter a Quantity");
  1024.                         }
  1025.                     }else if(spelvl == 'S3'){
  1026.                         if (qua >= 2 && qua <= 8){
  1027.                             document.getElementById('sampsizespec').value = 2;
  1028.                         }else if(qua >= 9 && qua <= 15){
  1029.                             document.getElementById('sampsizespec').value = 2;
  1030.                         }else if(qua >= 16 && qua <= 25){
  1031.                             document.getElementById('sampsizespec').value = 3;
  1032.                         }else if(qua >= 26 && qua <= 50){
  1033.                             document.getElementById('sampsizespec').value = 3;
  1034.                         }else if(qua >= 51 && qua <= 90){
  1035.                             document.getElementById('sampsizespec').value = 5;
  1036.                         }else if(qua >= 91 && qua <= 150){
  1037.                             document.getElementById('sampsizespec').value = 5;
  1038.                         }else if(qua >= 151 && qua <= 280){
  1039.                             document.getElementById('sampsizespec').value = 8;
  1040.                         }else if(qua >= 281 && qua <= 500){
  1041.                             document.getElementById('sampsizespec').value = 8;
  1042.                         }else if(qua >= 501 && qua <= 1200){
  1043.                             document.getElementById('sampsizespec').value = 13;
  1044.                         }else if(qua >= 1201 && qua <= 3200){
  1045.                             document.getElementById('sampsizespec').value = 13;
  1046.                         }else if(qua >= 3201 && qua <= 10000){
  1047.                             document.getElementById('sampsizespec').value = 20;
  1048.                         }else if(qua >= 10001 && qua <= 35000){
  1049.                             document.getElementById('sampsizespec').value = 20;
  1050.                         }else if(qua >= 35001 && qua <= 150000){
  1051.                             document.getElementById('sampsizespec').value = 32;
  1052.                         }else if(qua >= 150001 && qua <= 500000){
  1053.                             document.getElementById('sampsizespec').value = 32
  1054.                         }else if(qua >= 500001){
  1055.                             document.getElementById('sampsizespec').value = 50;
  1056.                         }else if(qua == 1){
  1057.                             alert("Minimum Quantity is '2'");
  1058.                         }else{
  1059.                             alert("Please enter a Quantity");
  1060.                         }
  1061.                     }else if(spelvl == 'S4'){
  1062.                         if (qua >= 2 && qua <= 8){
  1063.                             document.getElementById('sampsizespec').value = 2;
  1064.                         }else if(qua >= 9 && qua <= 15){
  1065.                             document.getElementById('sampsizespec').value = 2;
  1066.                         }else if(qua >= 16 && qua <= 25){
  1067.                             document.getElementById('sampsizespec').value = 3;
  1068.                         }else if(qua >= 26 && qua <= 50){
  1069.                             document.getElementById('sampsizespec').value = 5;
  1070.                         }else if(qua >= 51 && qua <= 90){
  1071.                             document.getElementById('sampsizespec').value = 5;
  1072.                         }else if(qua >= 91 && qua <= 150){
  1073.                             document.getElementById('sampsizespec').value = 8;
  1074.                         }else if(qua >= 151 && qua <= 280){
  1075.                             document.getElementById('sampsizespec').value = 13;
  1076.                         }else if(qua >= 281 && qua <= 500){
  1077.                             document.getElementById('sampsizespec').value = 13;
  1078.                         }else if(qua >= 501 && qua <= 1200){
  1079.                             document.getElementById('sampsizespec').value = 20;
  1080.                         }else if(qua >= 1201 && qua <= 3200){
  1081.                             document.getElementById('sampsizespec').value = 32;
  1082.                         }else if(qua >= 3201 && qua <= 10000){
  1083.                             document.getElementById('sampsizespec').value = 32;
  1084.                         }else if(qua >= 10001 && qua <= 35000){
  1085.                             document.getElementById('sampsizespec').value = 50;
  1086.                         }else if(qua >= 35001 && qua <= 150000){
  1087.                             document.getElementById('sampsizespec').value = 80;
  1088.                         }else if(qua >= 150001 && qua <= 500000){
  1089.                             document.getElementById('sampsizespec').value = 80
  1090.                         }else if(qua >= 500001){
  1091.                             document.getElementById('sampsizespec').value = 125;
  1092.                         }else if(qua == 1){
  1093.                             alert("Minimun quantity is '2'");
  1094.                         }else{
  1095.                             alert("Please enter a Quantity");
  1096.                         }
  1097.                     }
  1098.  
  1099.                 }
  1100.             </script>
  1101.                
  1102.                 <span style="position:absolute; margin-left:80px; margin-top:-150px;">
  1103.                 <label>Acceptable Quality Limit (AQL)</label>
  1104.                 <span>
  1105.                     <table border="1">
  1106.                       <tr>
  1107.                         <td><label>Minor</label></td>
  1108.                         <td>
  1109.                             <select style="width:80px; height:20px;" name="minor" id = "min">
  1110.                             <option value ="" disabled selected>--</option>
  1111.                             <option value="0">0</option>
  1112.                             <option value="0.065">0.065</option>
  1113.                             <option value="0.10">0.10</option>
  1114.                             <option value="0.15">0.15</option>
  1115.                             <option value="0.25">0.25</option>
  1116.                             <option value="0.4">0.4</option>
  1117.                             <option value="0.65">0.65</option>
  1118.                             <option value="1.0">1.0</option>
  1119.                             <option value="1.5">1.5</option>
  1120.                             <option value="2.5">2.5</option>
  1121.                             <option value="4.0">4.0</option>
  1122.                             <option value="6.5">6.5</option>
  1123.                             <option value="10">10</option>
  1124.                             </select>
  1125.                         </td>
  1126.                        
  1127.                       </tr>
  1128.  
  1129.                       <tr>
  1130.                         <td><label>Major</label></td>
  1131.                         <td><select style="width:80px; height:20px;" name="major" id = "maj">
  1132.                             <option value ="" disabled selected>--</option>
  1133.                             <option value="0">0</option>
  1134.                             <option value="0.065">0.065</option>
  1135.                             <option value="0.10">0.10</option>
  1136.                             <option value="0.15">0.15</option>
  1137.                             <option value="0.25">0.25</option>
  1138.                             <option value="0.4">0.4</option>
  1139.                             <option value="0.65">0.65</option>
  1140.                             <option value="1.0">1.0</option>
  1141.                             <option value="1.5">1.5</option>
  1142.                             <option value="2.5">2.5</option>
  1143.                             <option value="4.0">4.0</option>
  1144.                             <option value="6.5">6.5</option>
  1145.                             <option value="10">10</option>
  1146.                         </select>
  1147.  
  1148.                         </td>
  1149.                        
  1150.                       </tr>
  1151.                       <tr>
  1152.                         <td><label>Crtitical</label></td>
  1153.                         <td><select style="width:80px; height:20px;" name="crit" id = "crit">
  1154.                             <option value ="" disabled selected>--</option>
  1155.                             <option value="0">0</option>
  1156.                             <option value="0.065">0.065</option>
  1157.                             <option value="0.10">0.10</option>
  1158.                             <option value="0.15">0.15</option>
  1159.                             <option value="0.25">0.25</option>
  1160.                             <option value="0.4">0.4</option>
  1161.                             <option value="0.65">0.65</option>
  1162.                             <option value="1.0">1.0</option>
  1163.                             <option value="1.5">1.5</option>
  1164.                             <option value="2.5">2.5</option>
  1165.                             <option value="4.0">4.0</option>
  1166.                             <option value="6.5">6.5</option>
  1167.                             <option value="10">10</option>
  1168.                         </select>
  1169.                     </td>
  1170.                        
  1171.                       </tr>
  1172.                       <tr>
  1173.                         <td><label>Functional</label></td>
  1174.                         <td><select style="width:80px; height:20px;" name="functional" id = "fn">
  1175.                             <option value ="" disabled selected>--</option>
  1176.                             <option value="0">0</option>
  1177.                             <option value="0.065">0.065</option>
  1178.                             <option value="0.10">0.10</option>
  1179.                             <option value="0.15">0.15</option>
  1180.                             <option value="0.25">0.25</option>
  1181.                             <option value="0.4">0.4</option>
  1182.                             <option value="0.65">0.65</option>
  1183.                             <option value="1.0">1.0</option>
  1184.                             <option value="1.5">1.5</option>
  1185.                             <option value="2.5">2.5</option>
  1186.                             <option value="4.0">4.0</option>
  1187.                             <option value="6.5">6.5</option>
  1188.                             <option value="10">10</option>
  1189.                         </select>
  1190.                         </td>
  1191.                       </tr>
  1192.                     </table>
  1193.                  </span>
  1194.                  
  1195.                 <span style = "position:absolute; margin-left:10px; margin-top:50px; padding: 5px 20px; background:#ff6f01;color:#fff;cursor:hand;cursor:pointer;border-radius:5px;" id="copy" value="OK" onclick ="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none';document.getElementById('qty').value = document.getElementById('qty1').value;">Confirm</span>
  1196.                 </div>
  1197.                 <div id="fade" class="black_overlay"></div>
  1198.                 </fieldset>
  1199.                
  1200.  
  1201.  
  1202.                 <fieldset class="sectionwrap">
  1203.                 <legend>Customer Requirements</legend><br/>
  1204.                    
  1205.                     <label><b>Do you want us to continue if we face following conditions in the factory?</b></label><br/>
  1206.                     <span>
  1207.  
  1208.                     <table border="0">
  1209.                     <tr>
  1210.                     <td class="td"><label>No key component list available: </label></td>
  1211.                     <td>
  1212.                     <select name="key_component_list">
  1213.                         <option value="Yes">Yes</option>
  1214.                         <option value="No">No</option>
  1215.                     </select>
  1216.                     </td>
  1217.                     <td class="td"><label>No removable sticker on carton: </label></td>
  1218.                     <td>
  1219.                     <select name="removable_sticker_carton">
  1220.                         <option value="Yes">Yes</option>
  1221.                         <option value="No">No</option>
  1222.                     </select>
  1223.                     </td>
  1224.                     </tr>
  1225.  
  1226.                     <tr>
  1227.                     <td class="td"><label>No serial No. on the product:</label></td>
  1228.                     <td>
  1229.                     <select name="serial_no">
  1230.                         <option value="Yes">Yes</option>
  1231.                         <option value="No">No</option>
  1232.                     </select>
  1233.                     </td>
  1234.                     <td class="td"><label>Packaging label does not contain imp/exp info:</label></td>
  1235.                     <td>
  1236.                     <select name="imp/exp">
  1237.                         <option value="Yes">Yes</option>
  1238.                         <option value="No">No</option>
  1239.                     </select>
  1240.                     </td>
  1241.  
  1242.                     </tr>
  1243.  
  1244.                     <tr>
  1245.                     <td class="td"><label>No rating label:</label></td>
  1246.                     <td>
  1247.                     <select name="rating_label">
  1248.                         <option value="Yes">Yes</option>
  1249.                         <option value="No">No</option>
  1250.                     </select>
  1251.                     </td>
  1252.                     <td class="td"><label>Packing not finished by 80%:</label></td>
  1253.                     <td>
  1254.                     <select name="80_percent">
  1255.                         <option value="Yes">Yes</option>
  1256.                         <option value="No">No</option>
  1257.                     </select>
  1258.                     </td>
  1259.                     </tr>
  1260.  
  1261.                     <tr>
  1262.                     <td class="td"><label>No removable sticker on Product:</label></td>
  1263.                     <td>
  1264.                     <select name="removable_sticker_product">
  1265.                         <option value="Yes">Yes</option>
  1266.                         <option value="No">No</option>
  1267.                     </select>
  1268.                     </td>
  1269.                     <td class="td"><label>Missing logo on product:</label></td>
  1270.                     <td>
  1271.                     <select name="missing_logo">
  1272.                         <option value="Yes">Yes</option>
  1273.                         <option value="No">No</option>
  1274.                     </select>
  1275.                     </td>
  1276.                     </tr>
  1277.                     <tr>
  1278.                         <td class="td"><label>Report Requirement:</label></td>
  1279.                         <td>
  1280.                             <select name="rep_req1">
  1281.                                 <option value="CE - Yes">CE -Yes</option>
  1282.                                 <option value="CE - No">CE - No</option>
  1283.                                 <option value="CCC - Yes">CCC -Yes</option>
  1284.                                 <option value="CCC - No">CCC - No</option>
  1285.                                 <option value="GS - Yes">GS-Yes</option>
  1286.                                 <option value="GS - No">GS- No</option>
  1287.                                 <option value="ROHS - Yes">ROHS - Yes</option>
  1288.                                 <option value="ROHS - No">ROHS - No</option>
  1289.                                 <option value="FCC - Yes">FCC - Yes</option>
  1290.                                 <option value="FCC - No">FCC - No</option>
  1291.                                 <option value="PCT- Yes">PCT - Yes</option>
  1292.                                 <option value="PCT - No">PCT - No</option>
  1293.                             </select>
  1294.                         </td>
  1295.                     </tr>
  1296.                     </table>
  1297.                     <br>
  1298.                     </span>
  1299.  
  1300.                     <label><b>Special requirements?</b></label>
  1301.                     <span>
  1302.                         <table border="0" width="525px;">
  1303.                             <tr>
  1304.                                 <td class="td"><label>Double Sampling:</label></td>
  1305.                                 <td>
  1306.                                 <select name="dble_sampling" id="dble_sampling" onchange="dbleconf();">
  1307.                                     <option value="Yes">Yes</option>
  1308.                                     <option value="No" selected>No</option>
  1309.                                 </select>
  1310.                                 </td>
  1311.  
  1312.                                 <div id="dblelight" class="white">Please Confirm additional fee for this request<br><br>
  1313.                                 <input type="button" style="width:70px; height:25px;" id="buttonYes" value="Yes" href = "javascript:void(0)" onclick = "document.getElementById('dblelight').style.display='none';document.getElementById('dblefade').style.display='none';">
  1314.                                 <input type="button" style="width:70px; height:25px;" id="buttonNo" value="No" href = "javascript:void(0)" onclick = "document.getElementById('dblelight').style.display='none';document.getElementById('dblefade').style.display='none';">
  1315.                                 </div>
  1316.                                 <div id="dblefade" class="black"></div>
  1317.                                  
  1318.                                 <script type="text/javascript">
  1319.                                  function dbleconf(){
  1320.                                  var sel = document.getElementById('dble_sampling').value;
  1321.                                     if (sel == 'Yes') {
  1322.                                         document.getElementById('dblelight').style.display='block';document.getElementById('dblefade').style.display='block';
  1323.                                     }else{
  1324.                                         document.getElementById('dblelight').style.display='none';document.getElementById('dblefade').style.display='none'
  1325.                                     }
  1326.                                  };
  1327.                                 </script>
  1328.                                 <script type="text/javascript">
  1329.                                     document.getElementById('buttonNo').onclick = function(){
  1330.                                         document.getElementById('dble_sampling').value = 'No';
  1331.                                         document.getElementById('dblelight').style.display='none';document.getElementById('dblefade').style.display='none';
  1332.                                     }
  1333.                                 </script>
  1334.                                
  1335.                                 <td class="td"><label>Seal on whole quantity:</label></td>
  1336.                                 <td>
  1337.                                 <select name="seal_qty" id="seal_qty" onchange="sealconf();">
  1338.                                     <option value="Yes">Yes</option>
  1339.                                     <option value="No" selected>No</option>
  1340.                                 </select>
  1341.                                 </td>
  1342.                             </tr>
  1343.  
  1344.                                 <div id="seallight" class="white">Please Confirm additional fee for this request<br><br>
  1345.                                 <input type="button" style="width:70px; height:25px;" id="buttonYes1" value="Yes" href = "javascript:void(0)" onclick = "document.getElementById('seallight').style.display='none';document.getElementById('sealfade').style.display='none';">
  1346.                                 <input type="button" style="width:70px; height:25px;" id="buttonNo1" value="No" href = "javascript:void(0)" onclick = "document.getElementById('seallight').style.display='none';document.getElementById('sealfade').style.display='none';">
  1347.                                 </div>
  1348.  
  1349.                                 <div id="sealfade" class="black"></div>
  1350.                                  
  1351.                                 <script type="text/javascript">
  1352.                                  function sealconf(){
  1353.                                  var sel1 = document.getElementById('seal_qty').value;
  1354.                                     if (sel1 == 'Yes') {
  1355.                                         document.getElementById('seallight').style.display='block';document.getElementById('sealfade').style.display='block';
  1356.                                     }else{
  1357.                                         document.getElementById('seallight').style.display='none';document.getElementById('sealfade').style.display='none'
  1358.                                     }
  1359.                                  };
  1360.                                 </script>
  1361.                                 <script type="text/javascript">
  1362.                                     document.getElementById('buttonNo1').onclick = function(){
  1363.                                         document.getElementById('seal_qty').value = 'No';
  1364.                                         document.getElementById('seallight').style.display='none';document.getElementById('sealfade').style.display='none';
  1365.                                     }
  1366.                                 </script>
  1367.  
  1368.  
  1369.                             <tr>
  1370.                                 <td class="td"><label>Seal on every product:</label></td>
  1371.                                 <td>
  1372.                                 <select name="seal_prod" id="seal_every_product" onchange="sealprodconf();">
  1373.                                     <option value="Yes">Yes</option>
  1374.                                     <option value="No" selected>No</option>
  1375.                                 </select>
  1376.                                 </td>
  1377.  
  1378.                                 <div id="sealprodlight" class="white">Please Confirm additional fee for this request<br><br>
  1379.                                 <input type="button" style="width:70px; height:25px;" id="buttonYes2" value="Yes" href = "javascript:void(0)" onclick = "document.getElementById('sealprodlight').style.display='none';document.getElementById('sealprodfade').style.display='none';">
  1380.                                 <input type="button" style="width:70px; height:25px;" id="buttonNo2" value="No" href = "javascript:void(0)" onclick = "document.getElementById('sealprodlight').style.display='none';document.getElementById('sealprodfade').style.display='none';">
  1381.                                 </div>
  1382.  
  1383.                                 <div id="sealprodfade" class="black"></div>
  1384.                                  
  1385.                                 <script type="text/javascript">
  1386.                                  function sealprodconf(){
  1387.                                  var sel2 = document.getElementById('seal_every_product').value;
  1388.                                     if (sel2 == 'Yes') {
  1389.                                         document.getElementById('sealprodlight').style.display='block';document.getElementById('sealprodfade').style.display='block';
  1390.                                     }else{
  1391.                                         document.getElementById('sealprodlight').style.display='none';document.getElementById('sealprodfade').style.display='none'
  1392.                                     }
  1393.                                  };
  1394.                                 </script>
  1395.                                 <script type="text/javascript">
  1396.                                     document.getElementById('buttonNo2').onclick = function(){
  1397.                                         document.getElementById('seal_every_product').value = 'No';
  1398.                                         document.getElementById('sealprodlight').style.display='none';document.getElementById('sealprodfade').style.display='none';
  1399.                                     }
  1400.                                 </script>
  1401.  
  1402.                                 <td class="td"><label>TIC Report or own report:</label></td>
  1403.                                 <td>
  1404.                                 <select name="tic_own">
  1405.                                     <option value="TIC">TIC</option>
  1406.                                     <option value="Own">Own</option>
  1407.                                 </select>
  1408.                                 </td>
  1409.                             </tr>
  1410.  
  1411.                             <tr>
  1412.                                 <td class="td"><label>Seal on every opened carton:</label></td>
  1413.                                 <td>
  1414.                                 <select name="seal_carton" id="seal_opened_carton" onchange="sealcartconf();">
  1415.                                     <option value="Yes">Yes</option>
  1416.                                     <option value="No" selected>No</option>
  1417.                                 </select>
  1418.                                 </td>
  1419.  
  1420.                                 <div id="sealcartlight" class="white">Please Confirm additional fee for this request<br><br>
  1421.                                 <input type="button" style="width:70px; height:25px;" id="buttonYes3" value="Yes" href = "javascript:void(0)" onclick = "document.getElementById('sealcartlight').style.display='none';document.getElementById('sealcartfade').style.display='none';">
  1422.                                 <input type="button" style="width:70px; height:25px;" id="buttonNo3" value="No" href = "javascript:void(0)" onclick = "document.getElementById('sealcartlight').style.display='none';document.getElementById('sealcartfade').style.display='none';">
  1423.                                 </div>
  1424.  
  1425.                                 <div id="sealcartfade" class="black"></div>
  1426.                                  
  1427.                                 <script type="text/javascript">
  1428.                                  function sealcartconf(){
  1429.                                  var sel3 = document.getElementById('seal_opened_carton').value;
  1430.                                     if (sel3 == 'Yes') {
  1431.                                         document.getElementById('sealcartlight').style.display='block';document.getElementById('sealcartfade').style.display='block';
  1432.                                     }else{
  1433.                                         document.getElementById('sealcartlight').style.display='none';document.getElementById('sealcartfade').style.display='none'
  1434.                                     }
  1435.                                  };
  1436.                                 </script>
  1437.                                 <script type="text/javascript">
  1438.                                     document.getElementById('buttonNo3').onclick = function(){
  1439.                                         document.getElementById('seal_opened_carton').value = 'No';
  1440.                                         document.getElementById('sealcartlight').style.display='none';document.getElementById('sealcartfade').style.display='none';
  1441.                                     }
  1442.                                 </script>
  1443.  
  1444.  
  1445.  
  1446.  
  1447.                                 <td class="td"><label>TIC Chop on Export Carton:</label></td>
  1448.                                 <td>
  1449.                                 <select name="tic_chop">
  1450.                                     <option value="Yes">Yes</option>
  1451.                                     <option value="No" selected>No</option>
  1452.                                 </select>
  1453.                                 </td>
  1454.                             </tr>
  1455.                         </table>
  1456.                         <br>
  1457.                     </span>
  1458.  
  1459.                     <label><b>Product Specific Requirements?</b></label><br>
  1460.                     <span>
  1461.                         <table border="0" width="525px;">
  1462.                             <tr>
  1463.                                 <td class="td"><label>Temperature Test:</label></td>
  1464.                                 <td>
  1465.                                 <select name="temp_test">
  1466.                                     <option value="Yes">Yes</option>
  1467.                                     <option value="No" selected>No</option>
  1468.                                 </select>
  1469.                                 </td>
  1470.                                 <td class="td"><label>Temperature rise measure test:</label></td>
  1471.                                 <td>
  1472.                                 <select name="tem_rise_test">
  1473.                                     <option value="Yes">Yes</option>
  1474.                                     <option value="No" selected>No</option>
  1475.                                 </select>
  1476.                                 </td>
  1477.                             </tr>
  1478.  
  1479.                             <tr>
  1480.                                 <td class="td"><label>Humidity test:</label></td>
  1481.                                 <td>
  1482.                                 <select name="humid_test">
  1483.                                     <option value="Yes">Yes</option>
  1484.                                     <option value="No" selected>No</option>
  1485.                                 </select>
  1486.                                 </td>
  1487.                                 <td class="td"><label>Noise test:</label></td>
  1488.                                 <td>
  1489.                                 <select namw="noise_test">
  1490.                                     <option value="Yes">Yes</option>
  1491.                                     <option value="No" selected>No</option>
  1492.                                 </select>
  1493.                                 </td>
  1494.                             </tr>
  1495.                             <tr style="z-index:1000">
  1496.                                 <td colspan="2"><label>Special requirement for these?</label></td>
  1497.                                 <td colspan="2" style="z-index:1000"><input type ="text" style="z-index:1000000" name="productrequire" size="30" name="spec_req" ></td>
  1498.                             </tr>
  1499.                         </table>
  1500.                         <br>
  1501.                     </span>
  1502.  
  1503.                     <label><b>Special Packing Instructions</b></label><br>
  1504.                     <span>
  1505.                         <table border="0">
  1506.                             <tr>
  1507.                                 <td colspan="6">
  1508.                                     <textarea rows="4" cols="60" name="spec_packing_ins"></textarea>
  1509.                                 </td>
  1510.                             </tr>
  1511.                             <tr>
  1512.                                 <td><label>Blister Packing</label></td>
  1513.                                 <td>
  1514.                                     <select name="blister">
  1515.                                     <option value="Yes">Yes</option>
  1516.                                     <option value="No">No</option>
  1517.                                     </select>
  1518.                                 </td>
  1519.  
  1520.                                 <td><label>Carton Packing</label></td>
  1521.                                 <td>
  1522.                                     <select name="carton_packing">
  1523.                                     <option value="Yes">Yes</option>
  1524.                                     <option value="No">No</option>
  1525.                                     </select>
  1526.                                 </td>
  1527.  
  1528.                                 <td><label>Tape</label></td>
  1529.                                 <td>
  1530.                                     <select name="tape">
  1531.                                     <option value="PVC">PVC</option>
  1532.                                     <option value="Fibre Tape">Fibre Tape</option>
  1533.                                     <option value="PET">PET</option>
  1534.                                     <option value="PT">PT</option>
  1535.                                     <option value="Paper Tape">Paper Tape</option>
  1536.                                     <option value="Plastic Tape">Plastic Tape</option>
  1537.                                     </select>
  1538.                                 </td>
  1539.                                 <td><label>Use Metal Buckles?</label><label><input type="radio" name="buckles" value="yes"><b>Yes</b></label><label><input type="radio" name="buckles" value="no"><b>No</b></label></td>
  1540.                             </tr>
  1541.                        
  1542.                         </table>
  1543.                         <br><br>
  1544.                     </span>
  1545.                     <span style="position:absolute;margin-left:565px;margin-top:-390px;">
  1546.                         <label><b>Additional Special Requirements:</b></label>
  1547.                         <textarea cols="26" rows="10" name="add_special_req"></textarea>
  1548.                     </span>
  1549.  
  1550.                 </fieldset>
  1551.                
  1552.                 <fieldset class="sectionwrap">
  1553.                     <legend>Other Details</legend>
  1554.                         <label for="ref_sample">Reference Sample</label><br>
  1555.                         <label><input type="radio" name="ref_sample" value="No Sample">No Sample</label><br>
  1556.                         <label><input type="radio" name="ref_sample" value="Sample was already in Factory"> Sample was already in Factory</label><br>
  1557.                         <label><input type="radio" name="ref_sample" value="Sample Already Sent to TIC"/> Sample Already Sent to TIC</label><br>
  1558.                         <label><input type="radio" name="ref_sample" value="Sample was/will be sent to Factory"/> Sample was/will be sent to Factory</label><br><br>
  1559.                        
  1560.                         <div id="factorytic">
  1561.                         <label>Courier: </label>
  1562.                         <select name="courier" class="input" style="width:150px;">
  1563.                         <option value="--" disabled selected>Choose courier</option>
  1564.                         <option value="Chronopost">Chronopost</option>
  1565.                         <option value="DHL">DHL</option>
  1566.                         <option value="FedEx">FedEx</option>
  1567.                         <option value="HKDC">HKDC</option>
  1568.                         <option value="SF Express">SF Express</option>
  1569.                         <option value="Others">Others (Please indicate in the comment box below)</option>
  1570.                         </select>
  1571.                        
  1572.                         <label>Tracking Number: </label><input type="text" class="input" style="width:150px;"><br><br>
  1573.                         <label>Should we change the inspection schedule if samples do not arrive on time?</label>
  1574.                         <label><input type="radio" value="Yes" name="other_date" checked>Yes</label>
  1575.                         <label><input type="radio" value="No" name="other_date">No</label>
  1576.                         </div><br>                 
  1577.                         <label>Additional Remarks</label><br>
  1578.                         <textarea cols="60" rows="5" name="other_remarks" placeholder="You can add comments or additional remarks about your sample here. Also indicate here your courier if it is not in the list above."></textarea>         
  1579.                         <br><br>
  1580.                 </fieldset>
  1581.                
  1582.                
  1583.                 <fieldset class="sectionwrap">
  1584.                     <legend>Confirm Booking</legend>
  1585.                     <table border="1">
  1586.                         <tr>
  1587.                             <th style="width:300px;">Description</td>
  1588.                             <th style="width:100px; text-align:right;">Quantity</th>
  1589.                             <th style="width:100px; text-align:right;">Unit Price</th>
  1590.                             <th style="width:100px; text-align:right;">Total Price</th>
  1591.                         </tr>
  1592.                         <tr>
  1593.                             <td class="tdfont">
  1594.                                 <input type="text" size="50" id="inspect_price" class="noborder" readOnly>
  1595.                             </td>
  1596.                             <td class="tdfont">
  1597.                                 <input type="text" size="10" id="man-day" class="noborder" value="1 Man/day"readOnly>
  1598.                             </td>
  1599.                             <td class="tdfont">
  1600.                                 <input type="text" size="10"  id="unit price"  class="noborder" readOnly>
  1601.                             </td>
  1602.                             <td>
  1603.                                 <input type="text" size="10" id="total"  class="noborder" readOnly>
  1604.                             </td>
  1605.                         </tr>
  1606.  
  1607.                         <tr>
  1608.                             <td class="tdfont">
  1609.                                 <input type="text" size="50" id="sample_collection" class="noborder" value="Sample Colection" readOnly>
  1610.                             </td>
  1611.                             <td class="tdfont">
  1612.                                 <input type="text" size="10" id="man-day" class="noborder" readOnly>
  1613.                             </td>
  1614.                             <td class="tdfont">
  1615.                                 <input type="text" size="10"  id="unit price"  class="noborder" readOnly>
  1616.                             </td>
  1617.                             <td class="tdfont">
  1618.                                 <input type="text" size="10" id="total"  class="noborder" readOnly>
  1619.                             </td>
  1620.                         </tr>
  1621.  
  1622.                         <tr>
  1623.                             <td class="tdfont">
  1624.                                 <input type="text" size="50" id="express_booking" class="noborder" value="Express Booking" readOnly>
  1625.                             </td>
  1626.                             <td class="tdfont">
  1627.                                 <input type="text" size="10" id="man-day" class="noborder" readOnly>
  1628.                             </td>
  1629.                             <td class="tdfont">
  1630.                                 <input type="text" size="10"  id="unit price"  class="noborder" readOnly>
  1631.                             </td>
  1632.                             <td class="tdfont">
  1633.                                 <input type="text" size="10" id="total"  class="noborder" readOnly>
  1634.                             </td>
  1635.                         </tr>  
  1636.                     </table>
  1637.                     <br>
  1638.                     <input type="submit" id-"submit" Value="Book Inspection" style="border:none;color:#fff;background:#ff6f01; padding:10px 30px;border-radius:5px;cursor:hand;cursor:pointer;">
  1639.                 </fieldset>
  1640.             </form>
  1641.            
  1642.             </div>
  1643.         </div>
  1644.         <!--end of second column-->
  1645.  
  1646.     </div>
  1647.     <!--content end here-->
  1648. </div>
  1649.  
  1650. <div class="clearfooter"></div>
  1651.  
  1652. </div><!--End Container-->
  1653. </center>
  1654.  
  1655.  
  1656. <div id="footer"></div>
  1657. <script>
  1658.   $(function() {
  1659.     //$( "#Inspection_Date" ).datepick();
  1660.     $( "#Inspection_Date" ).datepicker();//CHANGE_BY_ME
  1661.   });
  1662. </script>
  1663.  
  1664. <script>
  1665. function check() {
  1666. document.getElementById('light').style.display='none';
  1667. document.getElementById('fade').style.display='none';
  1668. document.getElementById("qty").value = document.getElementById('qty1').value;
  1669. </script>
  1670.  
  1671. <script type="text/javascript">
  1672. function inspect(){
  1673. var inspect = document.getElementById("Inspection_Service");
  1674. var inspect2 = inspect.options[inspect.selectedIndex].text;
  1675. document.getElementById("inspect_price").value = inspect2;
  1676. var inspectprice = inspect.options[inspect.selectedIndex].text;
  1677. }
  1678. </script>
  1679.  
  1680. <?php include 'footer.html'?>
  1681. </body>
  1682. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!