From 5d5fcb02397c2fd6b604d4eee5964698d5e271a3 Mon Sep 17 00:00:00 2001
From: kevinnls <developer@kevinnlsamuel.com>
Date: Fri, 10 Nov 2023 09:42:23 +0530
Subject: [PATCH] let's see how this goes

---
 src/tools/feemailform/feemailform.svelte | 93 ++++++++++++++++++++++++
 src/tools/feemailform/index.md           |  9 +++
 2 files changed, 102 insertions(+)
 create mode 100644 src/tools/feemailform/feemailform.svelte
 create mode 100644 src/tools/feemailform/index.md

diff --git a/src/tools/feemailform/feemailform.svelte b/src/tools/feemailform/feemailform.svelte
new file mode 100644
index 0000000..3c74081
--- /dev/null
+++ b/src/tools/feemailform/feemailform.svelte
@@ -0,0 +1,93 @@
+<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" name="programme">
+		<option value="ug">UG Undergraduate</option>
+		<option value="pg">PG Postgraduate</option>
+		<option value="phd">PhD Doctorate</option>
+	</select>
+
+	<label for="sem">Semester</label>
+	<select id="sem">
+		<option value="1">Sem I</option>
+		<option value="2">Sem II</option>
+		<option value="3">Sem III</option>
+		<option value="4">Sem IV</option>
+		<option value="5">Sem V</option>
+		<option value="6">Sem VI</option>
+		<option value="7">Sem VII</option>
+		<option value="8">Sem VIII</option>
+		<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>
+		<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" />
+
+	<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" />
+
+	<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" name="mode">
+		<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" 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 class="col-span-2">Details of the fees payment</strong>
+
+	<ol>
+		<li>A scanned copy of the receipt/counterfoil</li>
+		<li>Screenshot of the message regarding payment of fees</li>
+	</ol>
+</form>
diff --git a/src/tools/feemailform/index.md b/src/tools/feemailform/index.md
new file mode 100644
index 0000000..155bc5a
--- /dev/null
+++ b/src/tools/feemailform/index.md
@@ -0,0 +1,9 @@
+---
+layout: base
+---
+<script type="module" src="/is-land.js"></script>
+
+{%comment%}
+{% assign component = "./feemailform.svelte" | svelte %}
+<is-land autoinit="svelte" import="{{component.clientJsUrl}}"></is-land>
+{%endcomment%}