add: gstin number

index.html

@@ -18,6 +18,7 @@
         <textarea id="company-address" name="company-address" placeholder="Address" required></textarea>
         <input type="text" id="company-phone" name="company-phone" placeholder="Phone">
         <input type="email" id="company-email" name="company-email" placeholder="Email">
+        <input type="text" id="company-gstin" name="company-gstin" placeholder="GSTIN">
       </fieldset>
       <fieldset>
         <legend>Customer Company Details</legend>
@@ -25,6 +26,7 @@
         <textarea id="customer-address" name="customer-address" placeholder="Address" required></textarea>
         <input type="text" id="customer-phone" name="customer-phone" placeholder="Phone">
         <input type="email" id="customer-email" name="customer-email" placeholder="Email">
+        <input type="text" id="customer-gstin" name="customer-gstin" placeholder="GSTIN">
       </fieldset>
       <fieldset>
         <legend>Quotation Details</legend>

script.js

@@ -74,13 +74,15 @@ if (typeof document !== 'undefined') {
         name: data.get('company-name'),
         address: data.get('company-address'),
         phone: data.get('company-phone'),
-        email: data.get('company-email')
+        email: data.get('company-email'),
+        gstin: data.get('company-gstin')
       };
       const customer = {
         name: data.get('customer-name'),
         address: data.get('customer-address'),
         phone: data.get('customer-phone'),
-        email: data.get('customer-email')
+        email: data.get('customer-email'),
+        gstin: data.get('customer-gstin')
       };
       const quotationNumber = data.get('quotation-number');
       const quotationDate = data.get('quotation-date');
@@ -117,8 +119,8 @@ if (typeof document !== 'undefined') {
             <div class="company-details">
               <strong>${company.name}</strong><br>
               {{address}}<br>
-              GST NO. : <br>
-              CONTACT NO : ${company.phone}
+              GST NO. : ${company.gstin || ''}<br>
+              CONTACT NO : ${company.phone} ${company.email}
             </div>
             <div class="quotation-title">
               <h1>QUOTATION</h1>
@@ -137,7 +139,10 @@ if (typeof document !== 'undefined') {
 
           <div class="customer-info">
             <strong>CUSTOMER INFO</strong><br>
-            ${customer.name}
+            ${customer.name}<br>
+            {{cutomer_address}}<br>
+            GST NO. : ${customer.gstin || ''}<br>
+            CONTACT NO : ${customer.phone} ${customer.email}
           </div>
 
           <table class="items-table-print">
@@ -223,6 +228,7 @@ if (typeof document !== 'undefined') {
         </div>
       `;
       html = html.replace('{{address}}', company.address.replace(/\n/g, '<br>'));
+      html = html.replace('{{cutomer_address}}', company.address.replace(/\n/g, '<br>'));
       output.innerHTML = html;
       output.style.display = 'block';
       document.getElementById('form-container').style.display = 'none';