This commit is contained in:
2025-08-26 17:46:25 +05:45
parent 5299aa268f
commit f22a60fef4

View File

@@ -224,9 +224,9 @@
<label
class="text-20 text-ter p-0 m-0 flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs"
for="{{ $level }}"> <input type="radio"
name="program_level" id="level_{{ $loop->index }}"
value="{{ $level }}" required>
for="{{ $level }}"> <input type="radio" name=""
id="{{ $level }}" value="">
{{ $level }}</label>
</div>
</div>
@endforeach
@@ -239,12 +239,12 @@
<div class="row flex py-20">
<div class="col col-sm-12">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
<select name="program_id" class="cost-select" required>
<option value="">Select Program</option>
@foreach ($programss as $key => $program)
@foreach ($programss as $key => $program)
<select name="program_id" class="cost-select" id="" required>
<option value="">Select Program</option>
<option value="{{ $key }}">{{ $program }}</option>
@endforeach
</select>
</select>
@endforeach
</div>
</div>
@@ -329,61 +329,3 @@
</section>
@endsection
@push('js')
<script>
document.addEventListener("DOMContentLoaded", function() {
let currentStep = 1;
const totalSteps = 5;
function validateStep(step) {
const stepContent = document.querySelector(`#step${step}`);
const requiredInputs = stepContent.querySelectorAll("input[required], select[required]");
let valid = false;
requiredInputs.forEach(input => {
if ((input.type === "radio" || input.type === "checkbox")) {
const group = stepContent.querySelectorAll(`input[name="${input.name}"]:checked`);
if (group.length > 0) valid = true;
} else if (input.value.trim() !== "") {
valid = true;
}
});
if (!valid) {
alert("Please complete this step before proceeding.");
}
return valid;
}
document.getElementById("nextBtn").addEventListener("click", function() {
if (validateStep(currentStep)) {
document.getElementById(`step${currentStep}`).classList.remove("active");
currentStep++;
document.getElementById(`step${currentStep}`).classList.add("active");
if (currentStep === totalSteps) {
document.getElementById("nextBtn").style.display = "none";
document.getElementById("doneBtn").style.display = "inline-flex";
}
}
});
document.getElementById("prevBtn").addEventListener("click", function() {
document.getElementById(`step${currentStep}`).classList.remove("active");
currentStep--;
document.getElementById(`step${currentStep}`).classList.add("active");
document.getElementById("nextBtn").style.display = "inline-flex";
document.getElementById("doneBtn").style.display = "none";
});
// Final check before submit
document.getElementById("cost-calculator").addEventListener("submit", function(e) {
if (!validateStep(currentStep)) {
e.preventDefault();
}
});
});
</script>
@endpush