Landing Register

app/Http/Controllers/ModalController.php

@@ -54,6 +54,8 @@ class ModalController extends Controller{
             $data['std_proposal']=StudentProposal::find($req->id);
         }elseif($name=="edit_doc_required"){
             $data['requirements']=Requirement::find($req->id);
+        }elseif($name=="landing_ragister"){
+
         }else $name='default';
 
 

resources/views/landing.blade.php

@@ -51,8 +51,15 @@
             <link rel="preconnect" href="https://fonts.googleapis.com">
             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
             <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap" rel="stylesheet">
-            <link rel="stylesheet" href="{{ asset('css/pnotify/pnotify.min.css') }}">
+             
+            
+            {{-- Ajax Form Submit --}}
             <link href="{{ asset('css/noty/lib/noty.css') }}" rel="stylesheet" type="text/css">
+            <link rel="stylesheet" href="{{ asset('css/pnotify/pnotify.min.css') }}">
+            <link href="{{ asset('css/noty/lib/themes/sunset.css') }}" rel="stylesheet" type="text/css">
+            <link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
+            <link href="{{ asset('css/wait-me/waitMe.min.css')}}"  rel="stylesheet" type="text/css"> 
+            <link rel="stylesheet" href="{{ asset('/css/pretty-checkbox/pretty-checkbox.min.css')  }}">
        </head>
        <style>
 
@@ -320,7 +327,7 @@
                                     <div class="flex-1 content p-3 shadow rounded box-white position-relative">
                                         <p class="text-muted1 mt-5 mb-2 text-center">"It seems that only fragments of the original text remain in the Lorem Ipsum texts used today."</p>
                                         <div style="display: flex; justify-content: center;">
-                                            <p class="mt-4 mb-5"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important;">Register Your Interest <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>    
+                                            <p class="mt-4 mb-5"><span class="master-link secondary open_modal_page" data-title="Register" data-url="{{route('modal-get',['name'=>'landing_ragister'])}}"><strong style="font-weight: bolder !important;">Register Your Interest <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </span></p>    
                                         </div>
                                     </div>
                                 </div>
@@ -372,7 +379,136 @@
         <!-- Main Js -->
         <script src="{{asset('web/js/plugins.init.js')}}"></script>
         <script src="{{asset('web/js/app.js')}}"></script>
+        
+        <script src="{{ asset('css/jquery.min.js') }}"></script>
+        <script src="{{ asset('css/jquery-form/dist/jquery.form.min.js') }}"></script>
         <script src="{{ asset('css/pnotify/pnotify.js') }}"></script>
-        <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
+        <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script> 
+        <script src="{{ asset('css/flatpickr/dist/flatpickr.min.js') }}"></script>
+        <script src="{{ asset('css/wait-me/waitMe.min.js')}}"></script>
+
+
+        @include('web.layouts.modal')
+        <script>
+            function fetch_sub_content(selector, url, args=null){
+    
+                var config={
+                spinner: true
+                }
+    
+                if(typeof args=='object'){
+                config=Object.assign(config, args);
+                }
+    
+                if(config.spinner){
+    
+                $(selector).waitMe({
+                    effect: 'facebook',
+                    text: 'Please! Wait ...'
+                });
+    
+                }
+    
+                $(selector).load(url, null, function(){
+                $(selector).waitMe('hide');
+                if(typeof args=='function') args();
+                });
+    
+            }
+    
+            function wait_me(selector, config=null){
+    
+                if(config){
+    
+                    selector.waitMe(config);
+    
+                }else{
+    
+                    selector.waitMe({
+                        effect: 'facebook',
+                        //color: '#000',
+                        text: 'Please! Wait ...'
+                    });
+                }
+            }
+    
+    
+            function pop_up_msg(msg='No message specified', type='success', callback=null){
+                new Noty({
+                theme:'sunset',
+                text: msg,
+                type: type,
+                timeout:1500,
+                callbacks:{
+                    afterClose: callback
+                }
+                }).show();
+            }
+    
+            function err_msg(err){
+    
+                var msg="Request failed to process, try again later.";
+    
+                if(err.responseJSON && err.responseJSON.msg){
+                msg=err.responseJSON.msg;
+                }
+    
+                return msg;
+    
+            }
+    
+            function ajax_form(form, cllback=null, config={spinner: true}){
+    
+                $('.btn-submit').prop('disabled', true);
+                var redirect=$(form).data('redirect');
+    
+                if(typeof config=='object'){
+    
+                if(config.spinner) wait_me($(form));
+    
+                }
+    
+                $(form).ajaxSubmit({
+                success:function(res){
+    
+                    wait_me($(form), 'hide');
+    
+                    if(res.msg){
+    
+                    pop_up_msg(res.msg, 'success', function(){
+    
+                        $('.btn-submit').prop('disabled', false);
+    
+                        if(redirect) window.location.replace(redirect);
+                        else if(typeof cllback=='function'){
+                        cllback(form, res);
+                        }
+    
+                    });
+    
+                    }
+    
+                    //$.notify(res.msg, 'success');
+                },
+                error:function(res){
+    
+                    wait_me($(form), 'hide');
+    
+                    var msg="Request failed to process, try again later.";
+    
+                    if(res.responseJSON && res.responseJSON.msg){
+                    msg=res.responseJSON.msg;
+                    }
+    
+                    pop_up_msg(msg, 'error');
+                    $('.btn-submit').prop('disabled', false);
+    
+                }
+    
+                });
+    
+            } //End of ajax form definition
+
+            </script>
         </body>
   </html>

resources/views/modal_pages/landing_ragister.blade.php

@@ -0,0 +1,69 @@
+@extends('modal_pages.base')
+<style>
+    .listFlag{
+        height: 20px;
+        border-radius: 50%;
+        width: 20px;
+        margin-right: 5px;
+    }
+    .btn1{
+    background-color: #141639c4 !important;
+    color:white !important;
+    border-radius: 20px;
+    box-shadow:none !important;
+    }
+    .btn1:hover{
+        background: #ffff !important;
+        color: #141639c4 !important;
+        border-radius: 20px;
+        border: 1px solid #141639c4;
+    }
+</style>
+@section('main')
+
+    <div class="container" style="background-color: white; border-radius: 6px;">
+        <div class="row">
+            <div class="co-md-12 p-3">
+                <form class="modal-form" action="{{ url()->current() }}" method="POST" enctype="multipart/form-data">
+                {{ csrf_field() }}
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="mb-3">
+                                <label class="form-label"></label>
+                                <div class="form-icon position-relative">
+                                    <input type="name" class="form-control" placeholder="Full Name" name="name" required="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-12" style="margin-top:-18px;">
+                            <div class="mb-3">
+                                <label class="form-label"></label>
+                                <div class="form-icon position-relative">
+                                    <input type="email" class="form-control" placeholder="Email Address" name="email" required="">
+                                </div>
+                            </div>
+                        </div><!--end col-->
+
+                        <div class="col-md-12">
+                            <div class="mt-2 text-center">
+                                <button type="submit" class="btn btn1" style="padding: 3px 18px;">
+                                    {{ __('Invite Now') }}
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+   <script>
+    $(function(){
+        $('#modal_page_footer').hide();
+
+    });
+
+    </script>
+
+
+@endsection