added nested list control

app/Http/Controllers/ClientController.php

@@ -470,7 +470,7 @@ class ClientController extends Controller
         $con->subject = $request->subject;
         $con->body = $request->bodya;
         $con->save();
-        return redirect()->back()->with(['message' => __('Your message has been successfully sent.')]);
+        return redirect()->route('client.contact')->with(['message' => __('Your message has been successfully sent.')]);
     }
 
 

resources/js/client-custom/nestedList.js

@@ -0,0 +1,29 @@
+document.addEventListener('DOMContentLoaded', function () {
+    document.querySelectorAll('.nested-list')?.forEach(function (list) {
+        list.querySelectorAll('li').forEach(function (li) {
+            // Check if the <li> has a <ul> child
+            const ulChild = Array.from(li.children).find(child => child.tagName === 'UL');
+
+            // Check if the <ul> is not empty (has at least one <li> child)
+            const hasLiChildInUl = ulChild && ulChild.querySelectorAll('li').length > 0;
+
+            if (hasLiChildInUl) {
+                let plus = document.createElement('i');
+                plus.setAttribute('class','ri-arrow-down-wide-line float-end mx-2');
+                li.prepend(plus);
+                li.classList.add('nested-parent');
+                plus.addEventListener('click',function () {
+                    this.parentNode.querySelector(':scope > ul').classList.toggle('active');
+                    if (this.classList.contains('ri-arrow-down-wide-line')){
+                        span.classList.remove('ri-arrow-down-wide-line');
+                        span.classList.add('ri-arrow-up-wide-line');
+                    }else{
+                        span.classList.remove('ri-arrow-up-wide-line');
+                        span.classList.add('ri-arrow-down-wide-line');
+
+                    }
+                });
+            }
+        });
+    });
+});

resources/sass/client-custom/_zfix.scss

@@ -150,3 +150,17 @@ ul.pagination {
 .btn-outline-light:hover{
     color: black !important;
 }
+
+.nested-list{
+    .ri-arrow-down-wide-line, .ri-arrow-up-wide-line{
+        cursor: pointer;
+    }
+    .nested-parent{
+        ul{
+            display: none;
+        }
+    }
+    .active{
+        display: block !important;
+    }
+}

resources/views/segments/footer/OtherFooter/OtherFooter.blade.php

@@ -31,27 +31,27 @@
                                 <label for="name">
                                     {{__("Name")}}
                                 </label>
-                                <input type="text" id="name" name="" value="" class="form-control">
+                                <input type="text" required minlength="4" id="name" name="full_name" value="" class="form-control">
                             </div>
                             <div class="form-group">
                                 <label for="name">
                                     {{__("Mobile")}}
                                 </label>
-                                <input type="text" id="phone" name="" value="" class="form-control">
+                                <input type="tel" id="phone" name="phone" value="" required class="form-control">
                             </div>
                             <input type="hidden" name="subject" value="{{__("Fast contact form")}}">
                             <div class="form-group">
                                 <label for="email">
                                     {{__("Email")}}
                                 </label>
-                                <input type="email" id="email" name="email" value=""
+                                <input type="email" required id="email" name="email" value=""
                                        class="form-control">
                             </div>
                             <div class="form-group">
                                 <label for="content">
                                     {{__("Your message...")}}
                                 </label>
-                                <textarea name="content" class="form-control"  id="content" rows="4" placeholder=""> </textarea>
+                                <textarea name="bodya" class="form-control"  id="content" rows="4" placeholder="" required minlength="10"> </textarea>
                             </div>
                             <div class="d-flex align-items-center justify-content-center">
                                 <button class="btn btn-dark border-0 submit-btn" >