From 7d80e017110c69ddf77b699ca2e3e00abd03a44f Mon Sep 17 00:00:00 2001
From: Subash <subashranabhat@bibhutisolutions.com>
Date: Thu, 21 Aug 2025 11:57:20 +0545
Subject: [PATCH] feat: Add required fields to forms for improved validation in
 contact and cost calculator pages

---
 .../raffles/pages/contact-template.blade.php   |  9 +++++----
 .../raffles/pages/cost-calculator.blade.php    | 18 +++++++++---------
 .../raffles/parts/get-in-touch.blade.php       | 16 ++++++++--------
 3 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/resources/views/client/raffles/pages/contact-template.blade.php b/resources/views/client/raffles/pages/contact-template.blade.php
index f91b587..92c7a4a 100644
--- a/resources/views/client/raffles/pages/contact-template.blade.php
+++ b/resources/views/client/raffles/pages/contact-template.blade.php
@@ -54,14 +54,15 @@
                         @csrf
                         <div class="flex gap-10">
                             <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
-                                id="name" placeholder=" Name">
+                                id="name" placeholder=" Name" required>
                             <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
-                                id="email" placeholder="Email">
+                                id="email" placeholder="Email" required>
                         </div>
 
                         <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="subject"
-                            id="subject" placeholder="Subject">
-                        <textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="message" placeholder="Message"></textarea>
+                            id="subject" placeholder="Subject" required>
+                        <textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="message" placeholder="Message"
+                            required></textarea>
                         <button type="submit" id="submit-btn"
                             class="button-hover px-20 py-10 bg-sec text-white  text-16 border-0">Send
                             Message</button>
diff --git a/resources/views/client/raffles/pages/cost-calculator.blade.php b/resources/views/client/raffles/pages/cost-calculator.blade.php
index 49a3f10..5ed23df 100644
--- a/resources/views/client/raffles/pages/cost-calculator.blade.php
+++ b/resources/views/client/raffles/pages/cost-calculator.blade.php
@@ -135,7 +135,7 @@
                 <div class="row" id="interactiveSection">
 
 
-                    <div class="col col-lg-7">
+                    <div class="col col-lg-12">
                         <form id="cost-calculator" method="GET" action="{{ route('cost.getCost') }}">
                             <div class="cost-choosing">
 
@@ -148,7 +148,7 @@
                                             <div class="col col-sm-4">
                                                 <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
                                                     <input type="radio" name="country_id" value="{{ $country->id }}"
-                                                        id="{{ $country->id }}">
+                                                        id="{{ $country->id }}" required>
 
                                                     <label class="text-20 text-ter p-0 m-0"
                                                         for="{{ $country->id }}">{{ $country->title }}</label>
@@ -167,7 +167,7 @@
                                             <div class="col col-sm-6">
                                                 <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
                                                     <input type="radio" name="status_type_id" value="{{ $key }}"
-                                                        id="{{ $status }}">
+                                                        id="{{ $status }}" required>
                                                     <label class="text-20 text-ter p-0 m-0"
                                                         for="{{ $status }}">{{ $status }}</label>
                                                 </div>
@@ -183,7 +183,7 @@
                                     <div class="row flex flex-wrap py-20">
                                         <div class="col col-sm-4">
                                             <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
-                                                <input name="services" type="radio" id="serviceYes">
+                                                <input name="services" type="radio" id="serviceYes" required>
 
                                                 <label class="text-20 text-ter p-0 m-0" for="serviceYes">Yes</label>
 
@@ -192,7 +192,7 @@
                                         </div>
                                         <div class="col col-sm-4">
                                             <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
-                                                <input name="services" type="radio" id="serviceNo">
+                                                <input name="services" type="radio" id="serviceNo" required>
 
                                                 <label class="text-20 text-ter p-0 m-0" for="serviceNo">No</label>
 
@@ -211,7 +211,7 @@
                                             <div class="col col-sm-4">
                                                 <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
                                                     <input type="radio" name="" id="{{ $level }}"
-                                                        value="">
+                                                        value="" required>
                                                     <label for="{{ $level }}">
                                                         <label class="text-20 text-ter p-0 m-0"
                                                             for="{{ $level }}">{{ $level }}</label>
@@ -228,7 +228,7 @@
                                         <div class="col col-sm-12">
                                             <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
                                                 @foreach ($programss as $key => $program)
-                                                    <select name="program_id" id="">
+                                                    <select name="program_id" id="" required>
                                                         <option value="">Select Program</option>
                                                         <option value="{{ $key }}">{{ $program }}</option>
                                                     </select>
@@ -291,7 +291,7 @@
 
                     </div>
 
-                    <div class="col col-lg-1"></div>
+                    {{-- <div class="col col-lg-1"></div>
 
                     <div class="col col-lg-4">
                         <div class="total-cost">
@@ -309,7 +309,7 @@
                                 </tbody>
                             </table>
                         </div>
-                    </div>
+                    </div> --}}
 
                 </div>
 
diff --git a/resources/views/client/raffles/parts/get-in-touch.blade.php b/resources/views/client/raffles/parts/get-in-touch.blade.php
index f348464..bdfcc05 100644
--- a/resources/views/client/raffles/parts/get-in-touch.blade.php
+++ b/resources/views/client/raffles/parts/get-in-touch.blade.php
@@ -34,26 +34,26 @@
                             <form action="{{ route('counselor.store') }}" method="POST" id="counselor-form">
                                 @csrf
                                 <input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
-                                    name="name" id="name" placeholder=" Name">
+                                    name="name" id="name" placeholder=" Name" required>
                                 <input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
-                                    name="address" id="address" placeholder=" Address">
+                                    name="address" id="address" placeholder=" Address" required>
 
                                 <div class="flex justify-between items-center ">
 
                                     <input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email"
-                                        name="email" id="email" placeholder="Your Email">
+                                        name="email" id="email" placeholder="Your Email" required>
                                     <input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
                                         inputmode="numeric" name="contact" id="contact" placeholder="Contact">
                                 </div>
 
                                 <input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text"
                                     name="test_score" id="test_score"
-                                    placeholder="Language Test Score (ilets overall: 7.0 )">
+                                    placeholder="Language Test Score (ilets overall: 7.0 )" required>
                                 <input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text"
-                                    name="qualification" id="qualification"
-                                    placeholder="Recent Education Qualification">
-                                <input class="mb-20" type="checkbox">
-                                <label class="text-14 mb-20" for="">I accept the terms & conditions</label>
+                                    name="qualification" id="qualification" placeholder="Recent Education Qualification"
+                                    required>
+                                <input class="mb-20" type="checkbox" id="terms">
+                                <label class="text-14 mb-20" for="terms">I accept the terms & conditions</label>
                                 <button type="submit" id="counselor-submit-btn"
                                     class=" w-full py-10 bg-sec text-white rounded-10 text-16 border-0 button-hover">
                                     <i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>