Bibhuti-Solutions/new_raffles
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add required fields to forms for improved validation in contact and cost calculator pages

Browse Source
This commit is contained in:
Subash
2025-08-21 11:57:20 +05:45
parent 4848ef5b41
commit 7d80e01711
3 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
resources/views/client/raffles/pages/contact-template.blade.php
View File

@@ -54,14 +54,15 @@
@csrf @csrf
<div class="flex gap-10"> <div class="flex gap-10">
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name" <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" <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> </div>
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="subject" <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="subject"
id="subject" placeholder="Subject"> 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"></textarea> <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" <button type="submit" id="submit-btn"
class="button-hover px-20 py-10 bg-sec text-white text-16 border-0">Send class="button-hover px-20 py-10 bg-sec text-white text-16 border-0">Send
Message</button> Message</button>

18
resources/views/client/raffles/pages/cost-calculator.blade.php
View File

@@ -135,7 +135,7 @@
<div class="row" id="interactiveSection"> <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') }}"> <form id="cost-calculator" method="GET" action="{{ route('cost.getCost') }}">
<div class="cost-choosing"> <div class="cost-choosing">
@@ -148,7 +148,7 @@
<div class="col col-sm-4"> <div class="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs"> <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 }}" <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" <label class="text-20 text-ter p-0 m-0"
for="{{ $country->id }}">{{ $country->title }}</label> for="{{ $country->id }}">{{ $country->title }}</label>
@@ -167,7 +167,7 @@
<div class="col col-sm-6"> <div class="col col-sm-6">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs"> <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 }}" <input type="radio" name="status_type_id" value="{{ $key }}"
id="{{ $status }}"> id="{{ $status }}" required>
<label class="text-20 text-ter p-0 m-0" <label class="text-20 text-ter p-0 m-0"
for="{{ $status }}">{{ $status }}</label> for="{{ $status }}">{{ $status }}</label>
</div> </div>
@@ -183,7 +183,7 @@
<div class="row flex flex-wrap py-20"> <div class="row flex flex-wrap py-20">
<div class="col col-sm-4"> <div class="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs"> <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> <label class="text-20 text-ter p-0 m-0" for="serviceYes">Yes</label>
@@ -192,7 +192,7 @@
</div> </div>
<div class="col col-sm-4"> <div class="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs"> <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> <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="col col-sm-4">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs"> <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
<input type="radio" name="" id="{{ $level }}" <input type="radio" name="" id="{{ $level }}"
value=""> value="" required>
<label for="{{ $level }}"> <label for="{{ $level }}">
<label class="text-20 text-ter p-0 m-0" <label class="text-20 text-ter p-0 m-0"
for="{{ $level }}">{{ $level }}</label> for="{{ $level }}">{{ $level }}</label>
@@ -228,7 +228,7 @@
<div class="col col-sm-12"> <div class="col col-sm-12">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs"> <div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
@foreach ($programss as $key => $program) @foreach ($programss as $key => $program)
<select name="program_id" id=""> <select name="program_id" id="" required>
<option value="">Select Program</option> <option value="">Select Program</option>
<option value="{{ $key }}">{{ $program }}</option> <option value="{{ $key }}">{{ $program }}</option>
</select> </select>
@@ -291,7 +291,7 @@
</div> </div>
<div class="col col-lg-1"></div> {{-- <div class="col col-lg-1"></div>
<div class="col col-lg-4"> <div class="col col-lg-4">
<div class="total-cost"> <div class="total-cost">
@@ -309,7 +309,7 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div> --}}
</div> </div>

16
resources/views/client/raffles/parts/get-in-touch.blade.php
View File

@@ -34,26 +34,26 @@
<form action="{{ route('counselor.store') }}" method="POST" id="counselor-form"> <form action="{{ route('counselor.store') }}" method="POST" id="counselor-form">
@csrf @csrf
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text" <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" <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 "> <div class="flex justify-between items-center ">
<input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email" <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" <input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
inputmode="numeric" name="contact" id="contact" placeholder="Contact"> inputmode="numeric" name="contact" id="contact" placeholder="Contact">
</div> </div>
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text" <input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text"
name="test_score" id="test_score" 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" <input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text"
name="qualification" id="qualification" name="qualification" id="qualification" placeholder="Recent Education Qualification"
placeholder="Recent Education Qualification"> required>
<input class="mb-20" type="checkbox"> <input class="mb-20" type="checkbox" id="terms">
<label class="text-14 mb-20" for="">I accept the terms & conditions</label> <label class="text-14 mb-20" for="terms">I accept the terms & conditions</label>
<button type="submit" id="counselor-submit-btn" <button type="submit" id="counselor-submit-btn"
class=" w-full py-10 bg-sec text-white rounded-10 text-16 border-0 button-hover"> 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> <i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>