From 808eb9f4932fc43ff2be5be34d401e42ce90f271 Mon Sep 17 00:00:00 2001
From: Mckenzie <mckenz318@gmail.com>
Date: Sun, 3 Sep 2023 22:54:16 -0500
Subject: [PATCH 1/7] html code : form

---
 src/routes/form/+page.svelte | 59 ++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/src/routes/form/+page.svelte b/src/routes/form/+page.svelte
index 437c6d6..16b5c34 100644
--- a/src/routes/form/+page.svelte
+++ b/src/routes/form/+page.svelte
@@ -3,6 +3,8 @@
 </p>
 
 <form class="grid grid-cols-[2fr_3fr] w-4/5 md:w-2/3 gap-2 md:gap-4 mx-auto">
+	<label for="name">Name of the student</label>
+	<input type = "text" id = "name" name = "name">
 	<label for="programme">Pick your programme</label>
 	<select id="programme">
 		<option value="ug">UG Undergraduate</option>
@@ -23,4 +25,61 @@
 		<option value="9">Sem IX</option>
 		<option value="10">Sem X</option>
 	</select>
+	<label for="role">Roll No</label>
+	<input type = "text" id = "role" name = "role">
+	<label for="category">Category</label>
+	<select id="category">
+		<option value="1">General</option>
+		<option value="2">EWS</option>
+		<option value="3">OBC</option>
+		<option value="4">WDP</option>
+		<option value="5">SC</option>
+		<option value="6">ST</option>
+		<option value="7">VHC</option>
+		<option value="8">PHC</option>
+	</select>
+	<label for="phone">Phone No</label>
+	<input type = "tel" id = "phone" name = "phone">
+
+	
+	<strong>Details of the fees payment</strong>
+	<br>
+	<label for="acc-holder">Name of the account holder</label>
+	<input type="text" id="acc-holder" name="acc-holder">
+	<label for="acc-no">Account No</label>
+	<input type="number" id="acc-no" name="acc-no">
+	<label for="bank">Name of the bank</label>
+	<input type="text" id="bank" name="bank">
+	<label for="branch">Branch</label>
+	<input type="text" id="branch" name="branch">
+
+	<label for="ifsc">IFSC code</label>
+	<input type="number" id="ifsc" name="ifsc">
+	<label for="paid-amt">Amount paid</label>
+	<input type="number" id="paid-amt" name="paid-amt">
+	<label for="pay-date">Date of Payment</label>
+	<input type="date" id="pay-date" name="bank">
+	<label for="mode">Payment Mode</label>
+	<select id="mode">
+		<option value="1">NEFT</option>
+		<option value="2">SBI to SBI</option>
+		<option value="3">Debit card</option>
+		<option value="4">Credit card</option>
+	</select>
+	<label for="transaction-no">Transaction Number</label>
+	<input type="number" id="transaction-no" name="transaction-no">
+	<label for="reference-no">Reference Number</label>
+	<input type="number" id="reference-no" name="reference-no">
+	<label for="utr">UTR Number</label>
+	<input type="number" id="utr" name="utr">
+	<label for="inb">INB Reference Number (for transfer from SBI to SBI)</label>
+	<input type="number" id="inb" name="inb">
+
+	<strong>Details of the fees payment</strong>
+	<br>
+
+	<ol type = "a">
+		<li>A scanned copy of the receipt/counterfoil</li>
+		<li>Screenshot of the message regarding payment of fees</li>
+	</ol>
 </form>

From 2a301c775dc36e111cc7a7423eb11138a97ce94d Mon Sep 17 00:00:00 2001
From: Mckenzie <mckenz318@gmail.com>
Date: Mon, 4 Sep 2023 18:22:07 -0500
Subject: [PATCH 2/7] minor-changes made

---
 src/routes/form/+page.svelte | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/routes/form/+page.svelte b/src/routes/form/+page.svelte
index 16b5c34..7d596b7 100644
--- a/src/routes/form/+page.svelte
+++ b/src/routes/form/+page.svelte
@@ -25,8 +25,8 @@
 		<option value="9">Sem IX</option>
 		<option value="10">Sem X</option>
 	</select>
-	<label for="role">Roll No</label>
-	<input type = "text" id = "role" name = "role">
+	<label for="roll">Roll No</label>
+	<input type = "text" id = "roll" name = "roll">
 	<label for="category">Category</label>
 	<select id="category">
 		<option value="1">General</option>
@@ -47,16 +47,16 @@
 	<label for="acc-holder">Name of the account holder</label>
 	<input type="text" id="acc-holder" name="acc-holder">
 	<label for="acc-no">Account No</label>
-	<input type="number" id="acc-no" name="acc-no">
+	<input type="text" inputmode = "numeric" id="acc-no" name="acc-no">
 	<label for="bank">Name of the bank</label>
 	<input type="text" id="bank" name="bank">
 	<label for="branch">Branch</label>
 	<input type="text" id="branch" name="branch">
 
 	<label for="ifsc">IFSC code</label>
-	<input type="number" id="ifsc" name="ifsc">
+	<input type="text" id="ifsc" name="ifsc">
 	<label for="paid-amt">Amount paid</label>
-	<input type="number" id="paid-amt" name="paid-amt">
+	<input type="text" inputmode = "numeric" id="paid-amt" name="paid-amt">
 	<label for="pay-date">Date of Payment</label>
 	<input type="date" id="pay-date" name="bank">
 	<label for="mode">Payment Mode</label>
@@ -67,18 +67,18 @@
 		<option value="4">Credit card</option>
 	</select>
 	<label for="transaction-no">Transaction Number</label>
-	<input type="number" id="transaction-no" name="transaction-no">
+	<input type="text" inputmode = "numeric" id="transaction-no" name="transaction-no">
 	<label for="reference-no">Reference Number</label>
-	<input type="number" id="reference-no" name="reference-no">
+	<input type="text" id="reference-no" name="reference-no">
 	<label for="utr">UTR Number</label>
-	<input type="number" id="utr" name="utr">
+	<input type="text" inputmode = "numeric" id="utr" name="utr">
 	<label for="inb">INB Reference Number (for transfer from SBI to SBI)</label>
-	<input type="number" id="inb" name="inb">
+	<input type="text" id="inb" name="inb">
 
 	<strong>Details of the fees payment</strong>
 	<br>
 
-	<ol type = "a">
+	<ol type="a">
 		<li>A scanned copy of the receipt/counterfoil</li>
 		<li>Screenshot of the message regarding payment of fees</li>
 	</ol>

From 5c6f2cb49f195e79c5d480264f93446ac56da8d3 Mon Sep 17 00:00:00 2001
From: Mckenzie <mckenz318@gmail.com>
Date: Mon, 4 Sep 2023 20:46:58 -0500
Subject: [PATCH 3/7] minor-changes made P2

---
 src/routes/form/+page.svelte | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/routes/form/+page.svelte b/src/routes/form/+page.svelte
index 7d596b7..66b3fde 100644
--- a/src/routes/form/+page.svelte
+++ b/src/routes/form/+page.svelte
@@ -29,14 +29,14 @@
 	<input type = "text" id = "roll" name = "roll">
 	<label for="category">Category</label>
 	<select id="category">
-		<option value="1">General</option>
-		<option value="2">EWS</option>
-		<option value="3">OBC</option>
-		<option value="4">WDP</option>
-		<option value="5">SC</option>
-		<option value="6">ST</option>
-		<option value="7">VHC</option>
-		<option value="8">PHC</option>
+		<option value="gen">General</option>
+		<option value="ews">EWS</option>
+		<option value="obc">OBC</option>
+		<option value="wdp">WDP</option>
+		<option value="sc">SC</option>
+		<option value="st">ST</option>
+		<option value="vhc">VHC</option>
+		<option value="phc">PHC</option>
 	</select>
 	<label for="phone">Phone No</label>
 	<input type = "tel" id = "phone" name = "phone">
@@ -61,17 +61,17 @@
 	<input type="date" id="pay-date" name="bank">
 	<label for="mode">Payment Mode</label>
 	<select id="mode">
-		<option value="1">NEFT</option>
-		<option value="2">SBI to SBI</option>
-		<option value="3">Debit card</option>
-		<option value="4">Credit card</option>
+		<option value="neft">NEFT</option>
+		<option value="sbi">SBI to SBI</option>
+		<option value="deb">Debit card</option>
+		<option value="cre">Credit card</option>
 	</select>
 	<label for="transaction-no">Transaction Number</label>
-	<input type="text" inputmode = "numeric" id="transaction-no" name="transaction-no">
+	<input type="text" id="transaction-no" name="transaction-no">
 	<label for="reference-no">Reference Number</label>
 	<input type="text" id="reference-no" name="reference-no">
 	<label for="utr">UTR Number</label>
-	<input type="text" inputmode = "numeric" id="utr" name="utr">
+	<input type="text" id="utr" name="utr">
 	<label for="inb">INB Reference Number (for transfer from SBI to SBI)</label>
 	<input type="text" id="inb" name="inb">
 

From 7c40c583b7d3d0485d63573a67c6511e1a8cad81 Mon Sep 17 00:00:00 2001
From: Mckenzie <mckenz318@gmail.com>
Date: Mon, 4 Sep 2023 21:05:49 -0500
Subject: [PATCH 4/7] minor-changes made P3

---
 src/routes/form/+page.svelte | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/routes/form/+page.svelte b/src/routes/form/+page.svelte
index 66b3fde..0704efc 100644
--- a/src/routes/form/+page.svelte
+++ b/src/routes/form/+page.svelte
@@ -3,8 +3,10 @@
 </p>
 
 <form class="grid grid-cols-[2fr_3fr] w-4/5 md:w-2/3 gap-2 md:gap-4 mx-auto">
+	
 	<label for="name">Name of the student</label>
 	<input type = "text" id = "name" name = "name">
+
 	<label for="programme">Pick your programme</label>
 	<select id="programme">
 		<option value="ug">UG Undergraduate</option>
@@ -25,8 +27,10 @@
 		<option value="9">Sem IX</option>
 		<option value="10">Sem X</option>
 	</select>
+
 	<label for="roll">Roll No</label>
 	<input type = "text" id = "roll" name = "roll">
+
 	<label for="category">Category</label>
 	<select id="category">
 		<option value="gen">General</option>
@@ -38,27 +42,35 @@
 		<option value="vhc">VHC</option>
 		<option value="phc">PHC</option>
 	</select>
+	
 	<label for="phone">Phone No</label>
 	<input type = "tel" id = "phone" name = "phone">
 
 	
 	<strong>Details of the fees payment</strong>
 	<br>
+
 	<label for="acc-holder">Name of the account holder</label>
 	<input type="text" id="acc-holder" name="acc-holder">
+
 	<label for="acc-no">Account No</label>
 	<input type="text" inputmode = "numeric" id="acc-no" name="acc-no">
+
 	<label for="bank">Name of the bank</label>
 	<input type="text" id="bank" name="bank">
+
 	<label for="branch">Branch</label>
 	<input type="text" id="branch" name="branch">
 
 	<label for="ifsc">IFSC code</label>
 	<input type="text" id="ifsc" name="ifsc">
+
 	<label for="paid-amt">Amount paid</label>
 	<input type="text" inputmode = "numeric" id="paid-amt" name="paid-amt">
+
 	<label for="pay-date">Date of Payment</label>
 	<input type="date" id="pay-date" name="bank">
+
 	<label for="mode">Payment Mode</label>
 	<select id="mode">
 		<option value="neft">NEFT</option>
@@ -66,19 +78,23 @@
 		<option value="deb">Debit card</option>
 		<option value="cre">Credit card</option>
 	</select>
+
 	<label for="transaction-no">Transaction Number</label>
 	<input type="text" id="transaction-no" name="transaction-no">
+
 	<label for="reference-no">Reference Number</label>
 	<input type="text" id="reference-no" name="reference-no">
+
 	<label for="utr">UTR Number</label>
 	<input type="text" id="utr" name="utr">
+	
 	<label for="inb">INB Reference Number (for transfer from SBI to SBI)</label>
 	<input type="text" id="inb" name="inb">
 
 	<strong>Details of the fees payment</strong>
 	<br>
 
-	<ol type="a">
+	<ol>
 		<li>A scanned copy of the receipt/counterfoil</li>
 		<li>Screenshot of the message regarding payment of fees</li>
 	</ol>

From 711e5a40b4bec3d4b35e66f782b56c0038cf553e Mon Sep 17 00:00:00 2001
From: kevinnls <developer@kevinnlsamuel.com>
Date: Tue, 5 Sep 2023 07:46:53 +0530
Subject: [PATCH 5/7] prettier format

---
 src/routes/form/+page.svelte | 44 ++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/src/routes/form/+page.svelte b/src/routes/form/+page.svelte
index 0704efc..c2bb742 100644
--- a/src/routes/form/+page.svelte
+++ b/src/routes/form/+page.svelte
@@ -1,11 +1,8 @@
-<p>
-	Fill in your payment details
-</p>
+<p>Fill in your payment details</p>
 
 <form class="grid grid-cols-[2fr_3fr] w-4/5 md:w-2/3 gap-2 md:gap-4 mx-auto">
-	
 	<label for="name">Name of the student</label>
-	<input type = "text" id = "name" name = "name">
+	<input type="text" id="name" name="name" />
 
 	<label for="programme">Pick your programme</label>
 	<select id="programme">
@@ -29,7 +26,7 @@
 	</select>
 
 	<label for="roll">Roll No</label>
-	<input type = "text" id = "roll" name = "roll">
+	<input type="text" id="roll" name="roll" />
 
 	<label for="category">Category</label>
 	<select id="category">
@@ -42,34 +39,33 @@
 		<option value="vhc">VHC</option>
 		<option value="phc">PHC</option>
 	</select>
-	
-	<label for="phone">Phone No</label>
-	<input type = "tel" id = "phone" name = "phone">
 
-	
+	<label for="phone">Phone No</label>
+	<input type="tel" id="phone" name="phone" />
+
 	<strong>Details of the fees payment</strong>
-	<br>
+	<br />
 
 	<label for="acc-holder">Name of the account holder</label>
-	<input type="text" id="acc-holder" name="acc-holder">
+	<input type="text" id="acc-holder" name="acc-holder" />
 
 	<label for="acc-no">Account No</label>
-	<input type="text" inputmode = "numeric" id="acc-no" name="acc-no">
+	<input type="text" inputmode="numeric" id="acc-no" name="acc-no" />
 
 	<label for="bank">Name of the bank</label>
-	<input type="text" id="bank" name="bank">
+	<input type="text" id="bank" name="bank" />
 
 	<label for="branch">Branch</label>
-	<input type="text" id="branch" name="branch">
+	<input type="text" id="branch" name="branch" />
 
 	<label for="ifsc">IFSC code</label>
-	<input type="text" id="ifsc" name="ifsc">
+	<input type="text" id="ifsc" name="ifsc" />
 
 	<label for="paid-amt">Amount paid</label>
-	<input type="text" inputmode = "numeric" id="paid-amt" name="paid-amt">
+	<input type="text" inputmode="numeric" id="paid-amt" name="paid-amt" />
 
 	<label for="pay-date">Date of Payment</label>
-	<input type="date" id="pay-date" name="bank">
+	<input type="date" id="pay-date" name="bank" />
 
 	<label for="mode">Payment Mode</label>
 	<select id="mode">
@@ -80,19 +76,19 @@
 	</select>
 
 	<label for="transaction-no">Transaction Number</label>
-	<input type="text" id="transaction-no" name="transaction-no">
+	<input type="text" id="transaction-no" name="transaction-no" />
 
 	<label for="reference-no">Reference Number</label>
-	<input type="text" id="reference-no" name="reference-no">
+	<input type="text" id="reference-no" name="reference-no" />
 
 	<label for="utr">UTR Number</label>
-	<input type="text" id="utr" name="utr">
-	
+	<input type="text" id="utr" name="utr" />
+
 	<label for="inb">INB Reference Number (for transfer from SBI to SBI)</label>
-	<input type="text" id="inb" name="inb">
+	<input type="text" id="inb" name="inb" />
 
 	<strong>Details of the fees payment</strong>
-	<br>
+	<br />
 
 	<ol>
 		<li>A scanned copy of the receipt/counterfoil</li>

From 57b47d2a203ff3c69fafc1e5e0e85a9b405c1b43 Mon Sep 17 00:00:00 2001
From: kevinnls <developer@kevinnlsamuel.com>
Date: Tue, 5 Sep 2023 07:48:50 +0530
Subject: [PATCH 6/7] spam "headings" to two cols"

---
 src/routes/form/+page.svelte | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/routes/form/+page.svelte b/src/routes/form/+page.svelte
index c2bb742..ece8f86 100644
--- a/src/routes/form/+page.svelte
+++ b/src/routes/form/+page.svelte
@@ -43,8 +43,7 @@
 	<label for="phone">Phone No</label>
 	<input type="tel" id="phone" name="phone" />
 
-	<strong>Details of the fees payment</strong>
-	<br />
+	<strong class="col-span-2">Details of the fees payment</strong>
 
 	<label for="acc-holder">Name of the account holder</label>
 	<input type="text" id="acc-holder" name="acc-holder" />
@@ -87,8 +86,7 @@
 	<label for="inb">INB Reference Number (for transfer from SBI to SBI)</label>
 	<input type="text" id="inb" name="inb" />
 
-	<strong>Details of the fees payment</strong>
-	<br />
+	<strong class="col-span-2">Details of the fees payment</strong>
 
 	<ol>
 		<li>A scanned copy of the receipt/counterfoil</li>

From 93caf434ba4e717b8d027d60a1cc9d7dfd51477c Mon Sep 17 00:00:00 2001
From: kevinnls <developer@kevinnlsamuel.com>
Date: Tue, 5 Sep 2023 07:52:08 +0530
Subject: [PATCH 7/7] add missing names to form elements

---
 src/routes/form/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/form/+page.svelte b/src/routes/form/+page.svelte
index ece8f86..79f23c5 100644
--- a/src/routes/form/+page.svelte
+++ b/src/routes/form/+page.svelte
@@ -5,7 +5,7 @@
 	<input type="text" id="name" name="name" />
 
 	<label for="programme">Pick your programme</label>
-	<select id="programme">
+	<select id="programme" name="programme">
 		<option value="ug">UG Undergraduate</option>
 		<option value="pg">PG Postgraduate</option>
 		<option value="phd">PhD Doctorate</option>
@@ -67,7 +67,7 @@
 	<input type="date" id="pay-date" name="bank" />
 
 	<label for="mode">Payment Mode</label>
-	<select id="mode">
+	<select id="mode" name="mode">
 		<option value="neft">NEFT</option>
 		<option value="sbi">SBI to SBI</option>
 		<option value="deb">Debit card</option>