[add] hide btn on submit

public/admin/css/custom-admin.css

@@ -1,5 +1,5 @@
 .sb{
-    background: #13a64f;
+    background: #326cbf;
     padding-bottom: 50px;
 }
 .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{
@@ -28,7 +28,7 @@
     margin-top: 10px;
 }
 .main-header{
-    background: #13a64f;
+    background: #326cbf;
 }
 .nav-link i{
     color:#fff;
@@ -206,10 +206,7 @@ svg{
 .create-button{
     margin-top:10px;
 }
-.create-button .col-md-12{
+
-    /* display:flex;
-    justify-content:center; */
-}
 .create-button .col-md-12 button{
     padding:10px 50px;
 }
@@ -265,11 +262,6 @@ svg{
     background: none;
 
 }
-
-
-.table-search{
-    /* width: fit-content; */
-}
 .search-form .table-search input{
     /* margin-right: 10px; */
     border-radius: 5px!important;
@@ -277,7 +269,6 @@ svg{
 .ds-input:focus{
     border-color: #1850b7;
 }
-
 /* new edit */
 
 .table td{
@@ -320,9 +311,6 @@ svg{
     background: none;
     border:none;
     color:#fff;
-}
-.dropdown-menubar .dropdown-menu[data-bs-popper]{
-
 }
 .dropdown-menubar button:active{
     background-color: none;
@@ -362,13 +350,13 @@ svg{
 }
 .btn-green{
     color:#fff;
-    background: #13a64f;
+    background: #326cbf;
-    border-color:#13a64f;
+    border-color:#326cbf;
 }
 .btn-green:hover{
     color:#fff;
-    background: #ea8937;
+    background: #D933A2;
-    border-color:#ea8937;
+    border-color:#D933A2;
 }
 .card-header{
     padding: 1rem 1rem!important;
@@ -453,7 +441,7 @@ p .font-medium{
     font-weight: 700;
     font-size: 16px;
     color: #000;
-    width: 400px;
+    width: 300px;
 }
 .contact-info{
     display: inline-block;
@@ -485,3 +473,9 @@ p .font-medium{
     font-size: 1rem;
     padding: 0.6rem 1rem;
 }
+.contact-info h2{
+    font-weight: bold;
+    font-size: 28px;
+    color: #326CBF;
+    margin-bottom: 1rem;
+}

public/frontend/css/style.css

@@ -140,7 +140,7 @@ h2{
       opacity: 0;
       transform: translate3d(0, 30px, 0);
     }
-  
+
     to {
       opacity: 1;
       transform: none;
@@ -308,8 +308,8 @@ Responsive Codes
     margin-bottom: 3rem;
 }
 .slider-content p,
-.slider-content h2, 
+.slider-content h2,
-.slideDown, 
+.slideDown,
 .slideUp{
     position: relative;
     opacity: 0;
@@ -333,7 +333,7 @@ Responsive Codes
     font-weight: 900;
     font-family: "Font Awesome 5 Free";
     position: absolute;
-    opacity: 0;  
+    opacity: 0;
     top: 10px;
     right: -20px;
     transition: 0.5s;
@@ -416,7 +416,7 @@ Responsive Codes
     font-size: 20px;
     line-height: 29px;
     text-align: center;
-    color: #326CBF;    
+    color: #326CBF;
     margin-bottom: 0;
 }
 .high-visa,
@@ -692,7 +692,7 @@ Responsive Codes
 .service-page-card{
     background: #FFFFFF;
     box-shadow: 0px 4px 18px rgba(121, 121, 121, 0.05);
-    border-radius: 12px;    
+    border-radius: 12px;
     transition: .4s;
 }
 .service-page-card{
@@ -764,7 +764,7 @@ Responsive Codes
 .mr-3 {
     margin-right: 30px;
   }
-  
+
   .dinline {
     display: inline-block;
   }
@@ -1355,7 +1355,7 @@ Responsive Codes
     color: #FFFFFF;
     text-decoration: none;
     background: #E22899;
-    border-radius: 5px; 
+    border-radius: 5px;
     transition: .6s;
 }
 .featured-article a:hover,
@@ -1732,7 +1732,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     line-height: 48px;
     letter-spacing: 0.005em;
     color: #326CBF;
-} 
+}
 .enquiry-form-section p{
     text-align: center;
 }
@@ -2000,6 +2000,9 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
 .displayBtn{
     display: block;
 }
+.displayEnqBtn{
+    display: inline-block;
+}
 /* Footer Css */
 /* mobile view css */
 @media only screen and (min-width: 320px) and (max-width: 480px) {
@@ -2008,8 +2011,8 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
         line-height: 38px;
     }
     h2,
-    .featured-article h2, 
+    .featured-article h2,
-    .blog-detail-desc h2, 
+    .blog-detail-desc h2,
     .visa-content h3 {
         font-weight: 600;
         font-size: 22px;
@@ -2062,7 +2065,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     }
     .services-content h1,
     .why-us-desc h1,
-    .testimonials-desc h1, 
+    .testimonials-desc h1,
     .blog-header h1,
     .our-values-section h1,
     .studyabroad-banner-header h1,
@@ -2077,18 +2080,18 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     .about-icons-section{
         grid-template-columns: 1fr 1fr;
     }
-    .services-section, 
+    .services-section,
-    .blog-section, 
+    .blog-section,
-    .study-australia-desc, 
+    .study-australia-desc,
-    .study-sydney-section, 
+    .study-sydney-section,
-    .study-melbourne-section, 
+    .study-melbourne-section,
-    .study-detail-section, 
+    .study-detail-section,
-    .scholarship-section, 
+    .scholarship-section,
-    .student-visa-section, 
+    .student-visa-section,
-    .about-header-section, 
+    .about-header-section,
-    .why-et, 
+    .why-et,
-    .student-visa-section, 
+    .student-visa-section,
-    .blogs-section, .why-et, 
+    .blogs-section, .why-et,
     .faq-section,
     .why-us-section,
     .testimonials-section,
@@ -2259,7 +2262,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     .why-us-img,
     .blog-header p,
     .lets-chat-section p,
-    .overseas-section p, 
+    .overseas-section p,
     .why-et-header p,
     .about-banner-header p{
         padding: 0;
@@ -2268,19 +2271,19 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     .about-icons-section{
         grid-template-columns: 1fr 1fr;
     }
-    .services-section, 
+    .services-section,
-    .blog-section, 
+    .blog-section,
-    .study-australia-desc, 
+    .study-australia-desc,
-    .study-sydney-section, 
+    .study-sydney-section,
-    .study-melbourne-section, 
+    .study-melbourne-section,
-    .study-detail-section, 
+    .study-detail-section,
-    .scholarship-section, 
+    .scholarship-section,
-    .student-visa-section, 
+    .student-visa-section,
-    .about-header-section, 
+    .about-header-section,
-    .why-et, 
+    .why-et,
-    .student-visa-section, 
+    .student-visa-section,
-    .blogs-section, .why-et, 
+    .blogs-section, .why-et,
-    .blog-detail-section, 
+    .blog-detail-section,
     .faq-section,
     .why-us-section,
     .testimonials-section,
@@ -2295,7 +2298,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     }
     .services-content h1,
     .why-us-desc h1,
-    .testimonials-desc h1, 
+    .testimonials-desc h1,
     .blog-header h1{
         font-size: 32px;
         line-height: 48px;
@@ -2362,19 +2365,19 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     .about-icons-section{
         grid-template-columns: 1fr 1fr;
     }
-    .services-section, 
+    .services-section,
-    .blog-section, 
+    .blog-section,
-    .study-australia-desc, 
+    .study-australia-desc,
-    .study-sydney-section, 
+    .study-sydney-section,
-    .study-melbourne-section, 
+    .study-melbourne-section,
-    .study-detail-section, 
+    .study-detail-section,
-    .scholarship-section, 
+    .scholarship-section,
-    .student-visa-section, 
+    .student-visa-section,
-    .about-header-section, 
+    .about-header-section,
-    .why-et, 
+    .why-et,
-    .student-visa-section, 
+    .student-visa-section,
-    .blogs-section, .why-et, 
+    .blogs-section, .why-et,
-    .blog-detail-section, 
+    .blog-detail-section,
     .faq-section,
     .why-us-section,
     .testimonials-section,
@@ -2418,7 +2421,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     .contact-form .row .col-md-8{
         width: 100%;
     }
-    .overseas-section p, 
+    .overseas-section p,
     .why-et-header p,
     .about-banner-header p,
     .lets-chat-section p{
@@ -2489,4 +2492,4 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
     .review-card{
         min-height: 37pc;
     }
-}
+}

resources/views/admin/enquiry/show.blade.php

@@ -24,130 +24,135 @@
                     <div class="card-body">
                         @include('success.success')
                         @include('errors.error')
-                        <h2>Personal Details</h2>
+                        <div class="row">
-                        <ul class="contact-info">
+                            <div class="col-md-6">
-                            <li class="d-flex">
+                            <ul class="contact-info">
-                                <span>Full Name:</span>
+                                <h2>Personal Details</h2>
-                                <span>{{$enquiry->first_name . ' ' .(!is_null($enquiry->middle_name) ? $enquiry->middle_name .' ' :''). $enquiry->last_name}}</span>
+                                <li class="d-flex">
-                            </li>
+                                    <span>Full Name:</span>
-                            <li class="d-flex">
+                                    <span>{{$enquiry->first_name . ' ' .(!is_null($enquiry->middle_name) ? $enquiry->middle_name .' ' :''). $enquiry->last_name}}</span>
-                                <span>Date of Birth:</span>
+                                </li>
-                                <span>
+                                <li class="d-flex">
-                                    {{$enquiry->dob}}
+                                    <span>Date of Birth:</span>
-                                </span>
+                                    <span>
-                            </li>
+                                        {{$enquiry->dob}}
-                            <li class="d-flex">
+                                    </span>
-                                <span>Gender:</span>
+                                </li>
-                                <span>{{$enquiry->gender}} </span>
+                                <li class="d-flex">
-                            </li>
+                                    <span>Gender:</span>
-                            <li class="d-flex">
+                                    <span>{{$enquiry->gender}} </span>
-                                <span>Email:</span>
+                                </li>
-                                <span>{{$enquiry->email}}</span>
+                                <li class="d-flex">
-                            </li>
+                                    <span>Email:</span>
-                            <li class="d-flex">
+                                    <span>{{$enquiry->email}}</span>
-                                <span>Phone:</span>
+                                </li>
-                                <span>{{$enquiry->phone}}</span>
+                                <li class="d-flex">
-                            </li>
+                                    <span>Phone:</span>
-                            <li class="d-flex">
+                                    <span>{{$enquiry->phone}}</span>
-                                <span>Address:</span>
+                                </li>
-                                <span>{{$enquiry->address}} </span>
+                                <li class="d-flex">
-                            </li>
+                                    <span>Address:</span>
-                            <li class="d-flex">
+                                    <span>{{$enquiry->address}} </span>
-                                <span>Country of Birth:</span>
+                                </li>
-                                <span>{{$enquiry->cob}} </span>
+                                <li class="d-flex">
-                            </li>
+                                    <span>Country of Birth:</span>
-                        </ul>
+                                    <span>{{$enquiry->cob}} </span>
-                        <h2>Additional Details</h2>
+                                </li>
-                        <ul class="contact-info">
+                                <li class="d-flex">
-                            <li class="d-flex">
+                                    <span>Highest Qualification:</span>
-                                <span>Highest Qualification:</span>
+                                    <span>{{$enquiry->highest_qualification}}</span>
-                                <span>{{$enquiry->highest_qualification}}</span>
+                                </li>
-                            </li>
+                                <li class="d-flex">
-                            <li class="d-flex">
+                                    <span>Stream:</span>
-                                <span>Stream:</span>
+                                    <span>
-                                <span>
+                                        {{$enquiry->stream}}
-                                    {{$enquiry->stream}}
+                                    </span>
-                                </span>
+                                </li>
-                            </li>
+                                <li class="d-flex">
-                            <li class="d-flex">
+                                    <span>% or GPA:</span>
-                                <span>% or GPA:</span>
+                                    <span>{{$enquiry->gpa}} </span>
-                                <span>{{$enquiry->gpa}} </span>
+                                </li>
-                            </li>
+                            </ul>
+                            </div>
+                            <div class="col-md-6">
+                                <ul class="contact-info">
+                                    <h2>Additional Details</h2>
+                                    <li class="d-flex">
+                                        <span>Graduate Year:</span>
+                                        <span>{{$enquiry->graduate_year}}</span>
+                                    </li>
+                                    <li class="d-flex">
+                                        <span>Gap after Studies:</span>
+                                        <span>{{$enquiry->gap}}</span>
+                                    </li>
+                                    <li class="d-flex">
+                                        <span>Current Status:</span>
+                                        <span>{{$enquiry->current_status}} </span>
+                                    </li>
+                                    <li class="d-flex">
+                                        <span>Work Experience Details:</span>
+                                        <span>{{$enquiry->work_experience == 'yes' ? 'Yes' : 'No'}} </span>
+                                    </li>
+                                    @if(!is_null($enquiry->work_experience_details))
+                                    <li class="d-flex">
+                                        <span>Work Experience:</span>
+                                        <span>{{$enquiry->work_experience_details}} </span>
+                                    </li>
+                                    @endif
+                                    @if(!is_null($enquiry->salary_mode))
+                                    <li class="d-flex">
+                                        <span>Salary Mode:</span>
+                                        <span>{{$enquiry->salary_mode}} </span>
+                                    </li>
+                                    @endif
+                                    <li class="d-flex">
+                                        <span>Test Score:</span>
+                                        <span>{{$enquiry->test_score}} </span>
+                                    </li>
+                                    <li class="d-flex">
+                                        <span>Marital Status:</span>
+                                        <span>{{$enquiry->marital_status}} </span>
+                                    </li>
+                                    @if(!is_null($enquiry->married_date))
+                                    <li class="d-flex">
+                                        <span>Married Date:</span>
+                                        <span>{{$enquiry->married_date}} </span>
+                                    </li>
+                                    @endif
+                                    @if(!is_null($enquiry->spouse_academics))
+                                    <li class="d-flex">
+                                        <span>Spouse Academics:</span>
+                                        <span>{{$enquiry->spouse_academics}} </span>
+                                    </li>
+                                    @endif
+                                    @if(!is_null($enquiry->spouse_work_experience))
+                                    <li class="d-flex">
+                                        <span>Spouse Work Experience:</span>
+                                        <span>{{$enquiry->spouse_work_experience}} </span>
+                                    </li>
+                                    @endif
+                                    @if(!is_null($enquiry->spouse_salary_mode))
+                                    <li class="d-flex">
+                                        <span>Spouse Salary Mode:</span>
+                                        <span>{{$enquiry->spouse_salary_mode}} </span>
+                                    </li>
+                                    @endif
+                                    <li class="d-flex">
+                                        <span>Immigration History:</span>
+                                        <span>{{$enquiry->immigration_history ?? 'N/A'}} </span>
+                                    </li>
+                                    <li class="d-flex">
+                                        <span>Desired Study Field:</span>
+                                        <span>{{$enquiry->desired_study_field ?? 'N/A'}} </span>
+                                    </li>
+                                    <li class="d-flex">
+                                        <span>Desired Location:</span>
+                                        <span>{{$enquiry->desired_location ?? 'N/A'}} </span>
+                                    </li>
 
-                            <li class="d-flex">
+                                </ul>
-                                <span>Graduate Year:</span>
+                            </div>
-                                <span>{{$enquiry->graduate_year}}</span>
+                        </div>
-                            </li>
-                            <li class="d-flex">
-                                <span>Gap after Studies:</span>
-                                <span>{{$enquiry->gap}}</span>
-                            </li>
-                            <li class="d-flex">
-                                <span>Current Status:</span>
-                                <span>{{$enquiry->current_status}} </span>
-                            </li>
-                            <li class="d-flex">
-                                <span>Work Experience Details:</span>
-                                <span>{{$enquiry->work_experience == 'yes' ? 'Yes' : 'No'}} </span>
-                            </li>
-                            @if(!is_null($enquiry->work_experience_details))
-                            <li class="d-flex">
-                                <span>Work Experience:</span>
-                                <span>{{$enquiry->work_experience_details}} </span>
-                            </li>
-                            @endif
-                            @if(!is_null($enquiry->salary_mode))
-                            <li class="d-flex">
-                                <span>Salary Mode:</span>
-                                <span>{{$enquiry->salary_mode}} </span>
-                            </li>
-                            @endif
-                            <li class="d-flex">
-                                <span>Test Score:</span>
-                                <span>{{$enquiry->test_score}} </span>
-                            </li>
-                            <li class="d-flex">
-                                <span>Marital Status:</span>
-                                <span>{{$enquiry->marital_status}} </span>
-                            </li>
-                            @if(!is_null($enquiry->married_date))
-                            <li class="d-flex">
-                                <span>Married Date:</span>
-                                <span>{{$enquiry->married_date}} </span>
-                            </li>
-                            @endif
-                            @if(!is_null($enquiry->spouse_academics))
-                            <li class="d-flex">
-                                <span>Spouse Academics:</span>
-                                <span>{{$enquiry->spouse_academics}} </span>
-                            </li>
-                            @endif
-                            @if(!is_null($enquiry->spouse_work_experience))
-                            <li class="d-flex">
-                                <span>Spouse Work Experience:</span>
-                                <span>{{$enquiry->spouse_work_experience}} </span>
-                            </li>
-                            @endif
-                            @if(!is_null($enquiry->spouse_salary_mode))
-                            <li class="d-flex">
-                                <span>Spouse Salary Mode:</span>
-                                <span>{{$enquiry->spouse_salary_mode}} </span>
-                            </li>
-                            @endif
-                            <li class="d-flex">
-                                <span>Immigration History:</span>
-                                <span>{{$enquiry->immigration_history ?? 'N/A'}} </span>
-                            </li>
-                            <li class="d-flex">
-                                <span>Desired Study Field:</span>
-                                <span>{{$enquiry->desired_study_field ?? 'N/A'}} </span>
-                            </li>
-                            <li class="d-flex">
-                                <span>Desired Location:</span>
-                                <span>{{$enquiry->desired_location ?? 'N/A'}} </span>
-                            </li>
-
-                        </ul>
 
             {!! Form::close() !!}
             </div>

resources/views/admin/index.blade.php

@@ -12,7 +12,7 @@
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
                             <li class="breadcrumb-item"><a href="#">Home</a></li>
-                            <li class="breadcrumb-item active">Agility Homecare Dashboard</li>
+                            <li class="breadcrumb-item active">ET Education | Visas Dashboard</li>
                         </ol>
                     </div><!-- /.col -->
                 </div><!-- /.row -->

resources/views/admin/layouts/app.blade.php

@@ -6,32 +6,33 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>ET-Education | Admin Dashboard</title>
 
+    <link rel="icon" href="{{url('frontend/icons/favicon.ico')}}">
     <!-- Google Font: Source Sans Pro -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
-{!! Html::style('admin/plugins/fontawesome-free/css/all.min.css') !!}
+    {!! Html::style('admin/plugins/fontawesome-free/css/all.min.css') !!}
-<!-- Ionicons -->
+    <!-- Ionicons -->
-    {!! Html::style('admin/css/ionicons/2.0.1/css/ionicons.min.css') !!}
+        {!! Html::style('admin/css/ionicons/2.0.1/css/ionicons.min.css') !!}
-    <!-- Tempusdominus Bootstrap 4 -->
+        <!-- Tempusdominus Bootstrap 4 -->
-{{--    <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">--}}
+    {{--    <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">--}}
-{!! Html::style('admin/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') !!}
+    {!! Html::style('admin/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') !!}
-
+
-<!-- iCheck -->
+    <!-- iCheck -->
-{{--    <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">--}}
+    {{--    <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">--}}
-{!! Html::style('admin/plugins/icheck-bootstrap/icheck-bootstrap.min.css') !!}
+    {!! Html::style('admin/plugins/icheck-bootstrap/icheck-bootstrap.min.css') !!}
-
+
-<!-- JQVMap -->
+    <!-- JQVMap -->
-{{--    <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">--}}
+    {{--    <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">--}}
-{!! Html::style('admin/plugins/jqvmap/jqvmap.min.css') !!}
+    {!! Html::style('admin/plugins/jqvmap/jqvmap.min.css') !!}
-<!-- Theme style -->
+    <!-- Theme style -->
-{{--    <link rel="stylesheet" href="dist/css/adminlte.min.css">--}}
+    {{--    <link rel="stylesheet" href="dist/css/adminlte.min.css">--}}
-{!! Html::style('admin/dist/css/adminlte.min.css') !!}
+    {!! Html::style('admin/dist/css/adminlte.min.css') !!}
-<!-- overlayScrollbars -->
+    <!-- overlayScrollbars -->
-{{--    <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">--}}
+    {{--    <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">--}}
-{!! Html::style('admin/plugins/overlayScrollbars/css/OverlayScrollbars.min.css') !!}
+    {!! Html::style('admin/plugins/overlayScrollbars/css/OverlayScrollbars.min.css') !!}
-<!-- Daterange picker -->
+    <!-- Daterange picker -->
-{{--    <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">--}}
+    {{--    <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">--}}
-{!! Html::style('admin/plugins/daterangepicker/daterangepicker.css') !!}
+    {!! Html::style('admin/plugins/daterangepicker/daterangepicker.css') !!}
-<!-- summernote -->
+    <!-- summernote -->
     {{--    <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css">--}}
     {!! Html::style('admin/plugins/summernote/summernote-bs4.min.css') !!}
     {!! Html::style('admin/flatpickr/dist/flatpickr.min.css') !!}

resources/views/appointment.blade.php

@@ -81,15 +81,18 @@
                         <input type="hidden" name="appointment_id" id="appointment_id">
                         <div class="form-group mb-2">
                             <label for="name">Name</label>
-                            <input type="text" class="form-control mt-1" id="name" name="name" required>
+                            <input type="text" class="form-control mt-1" id="app-name" name="name" onkeyup="validateAppName()">
+                            <span class="error" id="app-name-error"></span>
                         </div>
                         <div class="form-group mb-2">
                             <label for="email">Email</label>
-                            <input type="email" class="form-control mt-1" id="email" name="email" required>
+                            <input type="email" class="form-control mt-1" id="app-email" name="email" onkeyup="validateAppEmail()">
+                            <span class="error" id="app-email-error"></span>
                         </div>
                         <div class="form-group mb-2">
                             <label for="phone">Phone</label>
-                            <input type="tel" class="form-control mt-1" id="phone" name="phone" required>
+                            <input type="tel" class="form-control mt-1" id="app-phone" name="phone" onkeyup="validateAppPhone()">
+                            <span class="error" id="app-phone-error"></span>
                         </div>
                         <div class="form-group mb-2">
                             <label for="notes">Notes</label>
@@ -99,7 +102,10 @@
                     </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-                        <button type="button" onclick = "submitAppointment(event)" class="btn btn-primary">Book Appointment</button>
+                        <button type="button" onclick = "submitAppointment()" class="btn btn-primary" id="appointmentbtn">Book Appointment</button>
+                        <button class="buttonload btn btn-primary" id="buttonenqload" disabled>
+                            <i class="fas fa-spinner fa-pulse"></i> Submiting
+                        </button>
                     </div>
                 </div>
             </div>
@@ -241,28 +247,79 @@
 
     }
 
-    function submitAppointment(event){
+    appNameError = document.getElementById('app-name-error');
-        event.preventDefault();
+    appEmailError = document.getElementById('app-email-error');
-        $.ajax({
+    appPhoneError = document.getElementById('app-phone-error');
-            url: "/appointment_submit",
+    loaderenqBtn = document.getElementById('buttonenqload');
-            type: "post",
+    appointmentBtn = document.getElementById('appointmentbtn');
-            data: $("form").serialize(),
+    function validateAppName(){
-            success: function(response) {
+        var appName = document.getElementById('app-name').value;
-                $("#modal").modal("hide");
+        if(appName.length == 0){
-                // var isAmStart = response.appointment.start_time < '12:00:00';
+            $('#name-email').focus();
-                // var isAmEnd = response.appointment.end_time < '12:00:00';
+            appNameError.innerHTML = "Name Field is required !";
-
+            return false;
-                Swal.fire({
+        }
-                  title: 'Booked!!',
+        appNameError.innerHTML = '';
-                  text: 'Appointment Successfully Booked for '+response.appointment_detail['name']+' at '+response.formated_date +'('+response.appointment['start_time']+' - ' + response.appointment['end_time']+' )',
+        return true;
-                  icon: 'success'
+    }
-                }).then(function(){
-                 location.reload();
-                }
-                )
-            }
-        });
 
+    function validateAppEmail(){
+        var appEmail = document.getElementById('app-email').value;
+        if(appEmail.length == 0){
+            $('#name-email').focus();
+            appEmailError.innerHTML = "Email Field is required !";
+            return false;
+        }
+        if(!appEmail.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){
+            appEmailError.innerHTML = "Invalid email address";
+            return false;
+        }
+        appEmailError.innerHTML = '';
+        return true;
+    }
+
+    function validateAppPhone(){
+        var appPhone = document.getElementById('app-phone').value;
+        if(appPhone.length == 0){
+            $('#app-phone').focus();
+            appPhoneError.innerHTML = "Phone Field is required !";
+            return false;
+        }
+        if(!appPhone.match(/^\d{10}$/)){
+            appPhoneError.innerHTML = "Invalid mobile number";
+            return false;
+        }
+        appPhoneError.innerHTML = '';
+        return true;
+    }
+
+    function submitAppointment(){
+        if(!validateAppName() || !validateAppEmail() || !validateAppPhone()){
+            return false;
+        }else{
+            loaderenqBtn.classList.add('displayBtn')
+            appointmentBtn.classList.add('buttonload')
+            $.ajax({
+                url: "/appointment_submit",
+                type: "post",
+                data: $("form").serialize(),
+                success: function(response) {
+                    $("#modal").modal("hide");
+                    // var isAmStart = response.appointment.start_time < '12:00:00';
+                    // var isAmEnd = response.appointment.end_time < '12:00:00';
+
+                    loaderenqBtn.classList.remove('displayBtn');
+                    Swal.fire({
+                    title: 'Booked!!',
+                    text: 'Appointment Successfully Booked for '+response.appointment_detail['name']+' at '+response.formated_date +'('+response.appointment['start_time']+' - ' + response.appointment['end_time']+' )',
+                    icon: 'success'
+                    }).then(function(){
+                    location.reload();
+                    }
+                    )
+                }
+            });
+        }
     }
 
 </script>

resources/views/enquiry-form.blade.php

@@ -256,7 +256,10 @@
                     </div>
                 </div>
                 <div class="col-md-12 text-center">
-                    <button type="submit" class="enquiry-from-btn">Submit</button>
+                    <button type="submit" class="enquiry-from-btn" id="enquirybtn">Submit</button>
+                    <button type="submit" class="enquiry-from-btn buttonload" id="enquirybutnload" disabled>
+                        <i class="fas fa-spinner fa-pulse"></i> Submiting
+                    </button>
                 </div>
             </div>
         </form>
@@ -270,13 +273,13 @@
 
         var status = "<?php echo $status; ?>";
 
-if(php_var.length !== 0){
+    if(php_var.length !== 0){
-      Swal.fire({
+        Swal.fire({
-          title: 'Submitted!!',
+            title: 'Submitted!!',
-          text: php_var,
+            text: php_var,
-          icon: status ? 'success' : 'error'
+            icon: status ? 'success' : 'error'
-      })
+        })
-}
+    }
         fnameError = document.getElementById('error-fname');
         lnameError = document.getElementById('error-lname');
         dobError = document.getElementById('error-dob');
@@ -533,6 +536,8 @@ if(php_var.length !== 0){
             return true;
         }
 
+        var enqloaderBtn = document.getElementById('enquirybutnload');
+        var enquirybtn = document.getElementById('enquirybtn');
         function submitEnquiry(){
             if(!validatefName() || !validatelName() || !validateDob() || !eCob() || !eGender() ||
             !validateAddress() || !validateEmail() || !validatePhone() || !validateQualification() ||
@@ -540,7 +545,8 @@ if(php_var.length !== 0){
             !wExperience() || !validateImmigrationHistory() || !validateStudyField()){
                 return false;
             }else{
-
+                enqloaderBtn.classList.add('displayEnqBtn');
+                enquirybtn.classList.add('buttonload')
             }
         }
     </script>