This commit is contained in:
2025-08-21 16:04:24 +05:45
parent 76bf4c0a18
commit 0307244399
16 changed files with 443 additions and 23 deletions

View File

@@ -69,8 +69,8 @@
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<div class="col-md-12">
<input class="form-control" type="text" name="contact_no" placeholder="Phone *"
<div class="col-md-12 appointment-form-field">
<input class="form-control phone-number" type="text" name="contact_no" placeholder="Phone *"
required>
@error('contact_no')
<div class="text-danger">{{ $message }}</div>
@@ -167,3 +167,45 @@
</div>
</section>
@endsection
@push('js')
<script>
$(document).ready(function () {
$("form[action='{{ route('consultat_with_us') }}']").on("submit", function (e) {
e.preventDefault();
var form = $(this);
var url = form.attr("action");
// Remove existing error messages
form.find(".text-danger").remove();
$.ajax({
url: url,
type: "POST",
data: form.serialize(),
success: function (response) {
form[0].reset();
window.location.href = "/thankyou"; // redirect after success
},
error: function (xhr) {
if (xhr.status === 422) {
var errors = xhr.responseJSON.errors;
$.each(errors, function (key, value) {
var field = form.find("[name='" + key + "']");
var wrapper = field.closest(".col-md-12"); // keep errors inside column wrapper
// Append the error message below the field
wrapper.append('<div class="text-danger mt-1">' + value[0] + '</div>');
});
} else {
alert("Something went wrong, please try again later.");
}
}
});
});
});
</script>
@endpush

View File

@@ -81,7 +81,7 @@
<div class="col-md-7 col-sm-6 col-xs-12 contact-form wow fadeInLeft" data-wow-delay="0ms"
data-wow-duration="1000ms">
<h2>Write in details</h2>
<form action="{{ route('contactUsMessage') }}" method="post">
<form id="contactForm" action="{{ route('contactUsMessage') }}" method="post">
@csrf
<div class="field-container clearfix">
<div class="form-group col-md-6 col-sm-12 col-xs-12">
@@ -97,8 +97,8 @@
@enderror
</div>
<div class="clearfix"></div>
<div class="form-group col-md-4 col-sm-12 col-xs-12">
<input type="text" name="phone" placeholder="Contact No*" required="required">
<div class="form-group col-md-4 col-sm-12 col-xs-12 contact-us-form">
<input type="text" class="phone-number" name="phone" placeholder="Contact No*" required="required">
@error('phone')
<div class="text-danger">{{ $message }}</div>
@enderror
@@ -136,3 +136,40 @@
</div>
</section>
@endsection
@push('js')
<script>
$(document).ready(function () {
$("#contactForm").on("submit", function (e) {
e.preventDefault();
var form = $(this);
var url = form.attr("action");
$.ajax({
url: url,
type: "POST",
data: form.serialize(),
success: function (response) {
form[0].reset();
window.location.href = "/thankyou";
},
error: function (xhr) {
// handle validation errors
if (xhr.status === 422) {
var errors = xhr.responseJSON.errors;
$(".text-danger").remove();
$.each(errors, function (key, value) {
$("[name='" + key + "']").after('<div class="text-danger">' + value[0] + "</div>");
});
} else {
alert("Something went wrong, please try again later.");
}
}
});
});
});
</script>
@endpush

View File

@@ -66,8 +66,8 @@
</div>
<div class="clearfix"></div>
<div class="form-group col-md-4 col-sm-12 col-xs-12">
<input type="text" name="contact_no" placeholder="Contact No*" required="required">
<div class="form-group col-md-4 col-sm-12 col-xs-12 contact-us-form">
<input type="tel" class="phone-number" name="contact_no" placeholder="Contact No*" required="required">
</div>
<div class="form-group col-md-8 col-sm-12 col-xs-12">
@@ -95,3 +95,46 @@
</div>
</section>
@endsection
@push('js')
<script>
$(document).ready(function () {
$("form[action='{{ route('make-appointment') }}']").on("submit", function (e) {
e.preventDefault();
var form = $(this);
var url = form.attr("action");
// Remove previous error messages
form.find(".text-danger").remove();
$.ajax({
url: url,
type: "POST",
data: form.serialize(),
success: function (response) {
// Reset form
form[0].reset();
// Redirect to thank you page
window.location.href = "/thankyou";
},
error: function (xhr) {
if (xhr.status === 422) {
var errors = xhr.responseJSON.errors;
$.each(errors, function (key, value) {
var field = form.find("[name='" + key + "']");
var wrapper = field.closest(".form-group"); // keep error inside the form group
wrapper.append('<div class="text-danger mt-1">' + value[0] + '</div>');
});
} else {
// alert("Something went wrong, please try again later.");
toast.error("Something went wrong, please try again later.");
}
}
});
});
});
</script>
@endpush

View File

@@ -166,9 +166,8 @@
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<div class="col-md-12">
<input class="form-control" type="text" name="contact_no" placeholder="Phone *"
required>
<div class="col-md-12 appointment-form-field">
<input class="form-control phone-number" type="text" name="contact_no" placeholder="Phone *" required>
@error('contact_no')
<div class="text-danger">{{ $message }}</div>
@enderror
@@ -233,3 +232,45 @@
</div>
@endsection
@push('js')
<script>
$(document).ready(function () {
$("form[action='{{ route('consultat_with_us') }}']").on("submit", function (e) {
e.preventDefault();
var form = $(this);
var url = form.attr("action");
// Remove existing error messages
form.find(".text-danger").remove();
$.ajax({
url: url,
type: "POST",
data: form.serialize(),
success: function (response) {
form[0].reset();
window.location.href = "/thankyou"; // redirect after success
},
error: function (xhr) {
if (xhr.status === 422) {
var errors = xhr.responseJSON.errors;
$.each(errors, function (key, value) {
var field = form.find("[name='" + key + "']");
var wrapper = field.closest(".col-md-12"); // keep errors inside column wrapper
// Append the error message below the field
wrapper.append('<div class="text-danger mt-1">' + value[0] + '</div>');
});
} else {
alert("Something went wrong, please try again later.");
}
}
});
});
});
</script>
@endpush