@section('footer')
    <div class="ad_nep_footer">
        <div class="content pb-3">
            <div class="row justify-content-center">
                <div class="col-lg-12 col-md-12 col-12">
                    <div class="modal fade"  id="myModal" tabindex="-1" role="dialog"  aria-labelledby="myModal" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content scholarshipBannerS p-1">
                                <div class="block block-themed block-transparent mb-0">
                                    <div class="block-content-full">
                                        <div class="row no-gutters">
                                            <div class="col-lg-7 col-12 order-md-1 bg-white">
                                                <div class="block-content block-content-full px-lg-4">
                                                    <!-- Header -->
                                                    <div class="py-3 text-center">
                                                        <div class="row">
                                                            <div class="col-lg-11">
                                                                <a class="link-fx font-w700 font-size-h4">
                                                                    <span class="text-dark">
                                                                        ADMISSION ENQUIRY
                                                                    </span><span class="text-primary">
                                                                        <br>
                                                                        Just fill up your details and we’ll contact you later.
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="col-lg-1">
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                    <span aria-hidden="true" class="text-danger">×</span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                    <form action="{{url('edufair/scholarship')}}" method="post">
                                                        {{csrf_field()}}
                                                        <input type="hidden" name="type" value="general">
                                                        <div class="row justify-content-center">
                                                            <div class="col-lg-12">
                                                                    <div class="row justify-content-center" id="scholarship_banner">
                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="full_name">Your Full Name ( हजुरको पुरा नाम ) <span class="text-danger">*</span></label> --}}
                                                                                <input type="text" id="full_name" value="{{old('full_name')}}" name="full_name" class="form-control" placeholder="Full name *">
                                                                                <small class="text-danger">{{ $errors->first('full_name') }}</small>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="course_id">Course <span class="text-danger">*</span></label> --}}
                                                                                <select class="form-control @if($errors->first('district_id')) is-invalid @endif" name="district_id">
                                                                                    <option value="">--District-- *</option>
                                                                                    @foreach($districts as $district)
                                                                                        <option value="{{$district->id}}" @if(old('district_id')==$district->id) selected @endif>{{$district->name}}</option>
                                                                                    @endforeach
                                                                                </select>
                                                                                <div class="invalid-feedback">@if($errors->first('district_id')) {{$errors->first('district_id')}} @endif</div>
                                                                            </div>
                                                                        </div>

                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="full_name">Your Full Name ( हजुरको पुरा नाम ) <span class="text-danger">*</span></label> --}}
                                                                                <input type="text" value="{{old('current_address')}}" name="current_address" class="form-control" placeholder="Current Address *">
                                                                                <small class="text-danger">{{ $errors->first('current_address') }}</small>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="full_name">Your Full Name ( हजुरको पुरा नाम ) <span class="text-danger">*</span></label> --}}
                                                                                <input type="text" value="{{old('parent_name')}}" name="parent_name" class="form-control" placeholder="Guardian’s Name*">
                                                                                <small class="text-danger">{{ $errors->first('parent_name') }}</small>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="full_name">Your Full Name ( हजुरको पुरा नाम ) <span class="text-danger">*</span></label> --}}
                                                                                <input type="text" value="{{old('father_contact')}}" name="father_contact" class="form-control" placeholder="Contact No. (Father)*">
                                                                                <small class="text-danger">{{ $errors->first('father_contact') }}</small>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="full_name">Your Full Name ( हजुरको पुरा नाम ) <span class="text-danger">*</span></label> --}}
                                                                                <input type="text" value="{{old('mother_contact')}}" name="mother_contact" class="form-control" placeholder="Contact No. (Mother)*">
                                                                                <small class="text-danger">{{ $errors->first('mother_contact') }}</small>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="full_name">Your Full Name ( हजुरको पुरा नाम ) <span class="text-danger">*</span></label> --}}
                                                                                <input type="text" value="{{old('email')}}" name="email" class="form-control" placeholder="E-mail ID ">
                                                                                <small class="text-danger">{{ $errors->first('email') }}</small>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-6">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="full_name">Your Full Name ( हजुरको पुरा नाम ) <span class="text-danger">*</span></label> --}}
                                                                                <input type="text"  value="{{old('grade_aaplied')}}" name="grade_aaplied" class="form-control" placeholder="Grade Applied">
                                                                                <small class="text-danger">{{ $errors->first('grade_aaplied') }}</small>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-12">
                                                                            <div class="form-group mb-2">
                                                                                {{-- <label for="course_id">Course <span class="text-danger">*</span></label> --}}
                                                                                <select class="form-control @if($errors->first('client_id')) is-invalid @endif" @if(request()->username) disabled @endif name="client_id">
                                                                                    <option value="">--Preferred School * {{request('username')}}</option>
                                                                                    @foreach($ctype as $school)
                                                                                        <option  value="{{$school->client->id}}" @if(request()->username==$school->client->user->name) selected @endif>{{$school->client->company_name}}</option>
                                                                                    @endforeach
                                                                                    {{-- @foreach($schools as $school)
                                                                                        <option value="{{$school->id}}" @if(request('client_id')==$school->id) selected @endif>{{$school->company_name}}</option>
                                                                                    @endforeach --}}
                                                                                </select>
                                                                                <div class="invalid-feedback">@if($errors->first('client_id')) {{$errors->first('client_id')}} @endif</div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-sm-12">
                                                                            {{-- <input type="checkbox" id="toggle" name="terms" value="accept"> Terms & Condition <span class="text-danger">*</span> --}}
                                                                            <button id="" class="btn btn-primary w-100">Submit</button>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="col-md-5 order-md-0 bg-primary-dark-theme d-flex align-items-center">
                                                <div class="block-content block-content-full py-4 d-none d-lg-inline">
                                                    <div class="row p-3 justify-content-center" id="lg_si_ad_ne">
                                                        <div class="mb-3 text-center">
                                                            <p class="text-uppercase font-w700 text-warning mb-0 text-left font-size-h3">
                                                                NEPAL SCHOOL MELA 2024
                                                            </p>

                                                        </div>

                                                        <div class="col-lg-12">
                                                            <p class="text-white mb-2">
                                                                Nepal School Mela is a platform which facilitates students, parents and educational institutions to reach the concerned ones and get the required information through internet while remaining at home.
                                                            </p>

                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="contact_details text-white bg-primary-dark-theme px-4 py-4 text-center">
                                                                <h3 class="mb-1 text-warning">For further inquiry</h3>
                                                                <p class="text-white mb-2">
                                                                    Call 📞 01-4518759, 9851140399, 9802322701
                                                                </p>
                                                                <p><a href="/5-crore-scholarship-2078" class="btn btn-outline-secondary">About
                                                                        Scholarship</a>
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-12">
                    <!-- Login Modal -->
                    <div class="modal fade" id="modal-block-popin_login" tabindex="-1" role="dialog" aria-labelledby="modal-block-popin" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-popin" role="document">
                            <div class="modal-content">
                                <div class="block block-themed block-transparent mb-0">
                                    <div class="block-header bg-primary-dark">
                                        <h3 class="block-title">Login</h3>
                                        <div class="block-options">
                                            <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                                                <i class="fa fa-fw fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="block-content">
                                        <div class="row">
                                            <div class="block block-rounded block-transparent block-fx-pop w-100 mb-0 overflow-hidden bg-image">
                                                <div class="row no-gutters">
                                                    <div class="col-md-12 order-md-1 bg-white">
                                                        <div class="block-content block-content-full px-lg-5 py-md-5 py-lg-6">
                                                            <!-- Header --><!-- END Header -->

                                                            <!-- Sign In Form -->
                                                            <!-- jQuery Validation (.js-validation-signin class is initialized in js/pages/op_auth_signin.min.js which was auto compiled from _es6/pages/op_auth_signin.js) -->
                                                            <!-- For more info and examples you can check out https://github.com/jzaefferer/jquery-validation -->
                                                            <form class="js-validation-signin" action="{{url('LoginAction')}}" method="POST">
                                                                {{csrf_field()}}
                                                                <div class="form-group">
                                                                    <input type="text" class="form-control form-control-alt" id="login-username" name="email" placeholder=" ">
                                                                </div>
                                                                <div class="form-group">
                                                                    <input type="password" class="form-control form-control-alt" id="login-password" name="password" placeholder="Password">
                                                                </div>
                                                                <div class="form-group">
                                                                    <button type="submit" class="btn btn-block btn-hero-primary">
                                                                        <i class="fa fa-fw fa-sign-in-alt mr-1"></i> Sign In
                                                                    </button>
                                                                </div>
                                                            </form>
                                                            <!-- END Sign In Form -->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="block-content block-content-full text-right bg-light">
                                        <button type="button" class="btn btn-sm btn-light" data-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Login Modal -->
                </div>
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-lg-3 col-md-4 col-12">
                            <div class="ad_nep_footer_content">
                                <p class="font-size-h3 font-w500 an_title">
                                    Student
                                </p>
                                <ul class="footer_an_ne">
                                    <li><a class="footer_link_ln" href="{{url('../login')}}"> <i class="fa fa-angle-right"></i> Login</a></li>
                                    <li><a class="footer_link_ln"  href="javascript:void(0)" data-toggle="modal" data-target="#myModal"> <i class="fa fa-angle-right"></i> Register With Us</a></li>
                                    <li><a class="footer_link_ln" href="{{url('sponsorship-form')}}"> <i class="fa fa-angle-right"></i> Sponsorship</a></li>
                                   
                                    <li><a class="footer_link_ln" href="{{url('edufair/quiz')}}"> <i class="fa fa-angle-right"></i> Quiz</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-12">
                            <div class="ad_nep_footer_content">
                                <p class="font-size-h3 font-w500 an_title">
                                    Nepal School Mela
                                </p>
                                <ul class="footer_an_ne">
                                    <li><a class="footer_link_ln" href="{{url('edufair/schools')}}"> <i class="fa fa-angle-right"></i> Schools</a></li>
                                    <li><a class="footer_link_ln" href="{{url('edufair/events')}}"> <i class="fa fa-angle-right"></i> Events</a></li>
                                    <li><a class="footer_link_ln" href="{{url('edufair/news')}}"> <i class="fa fa-angle-right"></i> News & Updates</a></li>
                                    <li><a class="footer_link_ln" href="{{url('contact')}}"> <i class="fa fa-angle-right"></i> Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-12">
                            <div class="ad_nep_footer_content">
                                <p class="font-size-h3 font-w500 an_title">
                                    Connect With Us
                                </p>
                                <ul class="footer_an_ne">
                                    <li><a class="footer_link_ln" href="#"> <i class="fa fa-angle-right"></i> Visit Website</a></li>
                                    <li><a class="footer_link_ln" href="{{url('edufair/schools')}}"> <i class="fa fa-angle-right"></i> Make Virtual Tour </a></li>
                                    <li><a class="footer_link_ln" href="{{url('contact')}}"> <i class="fa fa-angle-right"></i> Support </a></li>
                                    <li>
                                        <a class="footer_link_ln" target="_blank" href="http://virtualedufairnepal.com/plus2/edufair">
                                            <i class="fa fa-angle-right"></i> Plus 2 Fair
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-12">
                            <div class="ad_nep_footer_content">
                                <p class="font-size-h3 font-w500 an_title">
                                    Contact Us
                                </p>
                                <ul class="footer_an_ne">
                                    {{--                                    <li><h5 class="font-size-h3 font-w500 text-white mb-2">Virtual EduFair-2020</h5> <span class="pl-3 text-white">Putalisadak, Kathmandu</span></li>--}}
                                    <li><a class="footer_link_ln"  href="javascript:void(0)" data-toggle="modal" data-target="#myModal"> <i class="fa fa-map-marker-alt"></i> Putalisadak, Kathmandu</a></li>
                                    <li><a class="footer_link_ln"  href="javascript:void(0)" data-toggle="modal" data-target="#myModal"> <i class="fa fa-envelope"></i> nepalschoolmela@gmail.com</a></li>
                                    <li><a class="footer_link_ln" href="{{url('contact')}}"><i class="fa fa-phone-square"></i> Tel: 01-4518759</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ad_nep_footer borderTB">
            <div class="content p-1">
                <div class="row justify-content-center">
                    <div class="bg-dark-purple text-white">
                        <div class="text-center footer-links">
                            @foreach(\App\Model\Page::where('menu_id',1)->orderBy('id','DESC')->get() as $page)
                                @php
                                    if ($page->link_type=='internal'){
                                        $pageLink = url('edufair'.'/pages/'.$page->slug);
                                    }else{
                                        $pageLink = $page->link;
                                    }
                                @endphp
                            <a href="{{$pageLink}}" target="_blank" class="btn btn-link">{{$page->title}}</a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ad_nep_footer">
            <div class="content">
                <div class="row d-flex mt-2">
                    <div class="col-lg-12 col-sm-12  mt-2 mb-2 text-center text-white">
                        Copyright © 2020 <a href="#" class="text-white font-w600">Abroad Edufair Nepal</a>  All rights reserved. Designed by
                        <a href="#" class="text-white  text-secondary">Big Studio</a>
                    </div>
                    <div class="col-lg-12 col-sm-12 text-center mb-4 mt-2">
                        <ul class="social-icons mb-0">
                            <li> <a class="social-icon" href="https://www.facebook.com/nepalschoolmela"><i class="fab fa-facebook"></i></a> </li>
                            <li> <a class="social-icon" href=""><i class="fab fa-twitter"></i></a> </li>
                            <li> <a class="social-icon" href=""><i class="fab fa-youtube"></i></a> </li>
                            <li> <a class="social-icon" href=""><i class="fab fa-linkedin"></i></a> </li>
                            <li> <a class="social-icon" href=""><i class="fab fa-google-plus"></i></a> </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-white">
        <div class="content">
            <div class="row">
                <div class="col-lg-8">
                    <div id="myOverlay" class="overlay">
                        <span class="closebtn" onclick="closeSearch()" title="Close Overlay">x</span>
                        <div class="overlay-content">
                            <form method="get">
                                <input type="text" id="myInput" autofocus placeholder="Search Colleges, Courses, Exams Question and Articles">
                                <button type="submit" tabindex="2" class="pwabtn pwaprime-btn" id="tabIndex2">Search<span></span></button>
                                <div class="showsuggestorBox">
                                    <table id="myTable">
                                    </table>
                                </div>
                                {{--                      <div class="TrendingSearch">--}}
                                {{--                          <table id="TrendingSearchTable">--}}
                                {{--                              --}}{{--                    <tr class="header">--}}
                                {{--                              --}}{{--                        <th style="width:60%;">Name</th>--}}
                                {{--                              --}}{{--                        <th style="width:40%;">Country</th>--}}
                                {{--                              --}}{{--                    </tr>--}}
                                {{--                              <h5 class="pl-4 text-left text-primary-dark text-uppercase"><i class="fa fa-share-square "></i> Trending Search</h5>--}}
                                {{--                              <a href="#">--}}
                                {{--                              <tr>--}}
                                {{--                                      <td>Alfreds Futterkiste</td>--}}
                                {{--                                      <td class="text-right">Colleges</td>--}}
                                {{--                              </tr>--}}
                                {{--                              </a>--}}
                                {{--                              <tr>--}}
                                {{--                                  <td>Koniglich Essen</td>--}}
                                {{--                                  <td class="text-right">Colleges</td>--}}
                                {{--                              </tr>--}}
                                {{--                              <tr>--}}
                                {{--                                  <td>Koniglich Essen</td>--}}
                                {{--                                  <td class="text-right">Colleges</td>--}}
                                {{--                              </tr>--}}
                                {{--                              <tr>--}}
                                {{--                                  <td>Koniglich Essen</td>--}}
                                {{--                                  <td class="text-right">Colleges</td>--}}
                                {{--                              </tr>--}}
                                {{--                          </table>--}}
                                {{--                      </div>--}}
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{--    --}}
    @if(isset($chatCode))
        @php
            $chat_code = $chatCode
        @endphp
    @else
        @php
            $chat_code = '114812983979106'
        @endphp
    @endif
    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                xfbml            : true,
                version          : 'v8.0'
            });
        };
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

    <!-- Your Chat Plugin code -->
    <div class="fb-customerchat"
         attribution=setup_tool
         page_id="{{$chat_code}}"
         logged_in_greeting="Namaste ! How Can we help you ? Please message us"
         logged_out_greeting="Namaste ! How Can we help you ? Please message us">
    </div>
{{--    --}}
    </main>
</div>
    <!-- END Footer -->

    <style>
        .modal.modal-fullscreen .modal-dialog {
            width: 100vw;
            height: 100vh;
            margin: 0;
            padding: 0;
            max-width: none;
        }

        .modal.modal-fullscreen .modal-content {
            height: auto;
            height: 100vh;
            border-radius: 0;
            border: none;
        }

        .modal.modal-fullscreen .modal-body {
            overflow-y: auto;
        }
    </style>
    <!-- Modal -->
    <div class="modal modal-fullscreen" id="search_section" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Search By Keyword</h5>
                    <a href="javascript:void(0)" data-dismiss="modal">
                        <i class="fa fa-times-circle text-danger"></i>
                    </a>
                </div>
                <div class="modal-body">
                    @livewire('frontend.search-component')
                </div>
            </div>
        </div>
    </div>
    @yield('script')
    <script src="/theme/assets/js/dashmix.core.min.js"></script>
    <script src="/theme/assets/js/main.js"></script>
    <script src="/theme/assets/js/dashmix.app.min.js"></script>
    @yield('after_js')
    <script src="/theme/assets/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="/theme/assets/js/plugins/bootstrap-notify/bootstrap-notify.min.js"></script>
    <script>
        jQuery(function () {
            @if(session('success'))
Dashmix.helpers('notify', {type: 'success', icon: 'fa fa-check mr-1', message: '{{session('success')}}'});
            @endif
            @if(session('error'))
Dashmix.helpers('notify', {type: 'danger', icon: 'fa fa-times mr-1', message: '{{session('error')}}'});
            @endif
            @if(session('warning'))
Dashmix.helpers('notify', {type: 'warning', icon: 'fa fa-times mr-1', message: '{{session('warning')}}'});
            @endif
            @if($errors->any())
            @foreach($errors->all() as $error)
Dashmix.helpers('notify', {type: 'danger', icon: 'fa fa-times mr-1', message: '{{$error}}'});
            @endforeach
            @endif

        });
    </script>
    @yield('ajaxScipt')

    <script>jQuery(function () { Dashmix.helpers('magnific-popup'); });</script>
    <!-- Page JS Helpers (CKEditor + Select2 plugins) -->
    <script>jQuery(function(){ CKEDITOR.config.height = '400'; Dashmix.helpers(['select2']); });</script>

    <script>jQuery(function(){ Dashmix.helpers('slick'); });</script>
    <script>
        $(document).ready(function() {

            var toggleAffix = function(affixElement, scrollElement, wrapper) {

                var height = affixElement.outerHeight(),
                    top = wrapper.offset().top;

                if (scrollElement.scrollTop() >= top){
                    wrapper.height(height);
                    affixElement.addClass("affix");
                }
                else {
                    affixElement.removeClass("affix");
                    wrapper.height('auto');
                }

            };


            $('[data-toggle="affix"]').each(function() {
                var ele = $(this),
                    wrapper = $('<div></div>');

                ele.before(wrapper);
                $(window).on('scroll resize', function() {
                    toggleAffix(ele, $(this), wrapper);
                });

                // init
                toggleAffix(ele, $(window), wrapper);
            });

        });
    </script>
    <script>
        Laravel = {
            'url': '{{url("")}}'
        };
        $('#district_id_value').on('change', function(e){
            console.log(e);
            var district_id = e.target.value;
            $.get('{{url('')}}/get_city?district_id=' + district_id,function(data) {
                console.log(data);
                $('#city_id_value').empty();
                $('#city_id_value').append('<option value="0" disable="true" selected="true">--Choose--</option>');

                $.each(data, function(index, city){
                    console.log(city.resident);
                    $('#city_id_value').append('<option value="'+ city.id +'">'+ city.name +' '+ city.resident.name +'</option>');
                })
            });
        });

    </script>
    <script>
        $('#accept_terms_condition').click(function () {
            //check if checkbox is checked
            if ($(this).is(':checked')) {

                $('#sendNewSms').removeAttr('disabled'); //enable input

            } else {
                $('#sendNewSms').attr('disabled', true); //disable input
            }
        });
    </script>
    <script>
        $('#faculty_id').on('change', function(e){
            console.log(e);
            var faculty_id = e.target.value;
            $.get('{{url('edufair/get_course?')}}faculty_id=' + faculty_id+'&client_id={{request('client_id')}}',function(data) {
                console.log(data);
                $('#course_id').empty();
                $('#course_id').append('<option value="" disable="true" selected="true">--Choose Course--</option>');

                $.each(data, function(index, courseObj){
                    $('#course_id').append('<option value="'+ courseObj.id +'">'+ courseObj.name +'</option>');
                })
            });
        });
    </script>

    <script src="{{url('public/snackbar')}}/dist/snackbar.min.js" charset="utf-8"></script>
    <script>
        @if(session('success'))
        Snackbar.show({showAction: true, pos: 'bottom-right',text: '{{session('success')}}'});
        @endif
        @if(session('error'))
        Snackbar.show({actionTextColor: '#ff0000',showAction: true, pos: 'bottom-right',text: '{{session('error')}}'});
        @endif
        @if($errors->any())
        @foreach($errors->all() as $error)
        Snackbar.show({actionTextColor: '#ff0000',showAction: true, pos: 'bottom-right',text: '{{$error}}'});
        @endforeach
        @endif
        $('#toggle').click(function () {
            //check if checkbox is checked
            if ($(this).is(':checked')) {

                $('#sendNewSms').removeAttr('disabled'); //enable input

            } else {
                $('#sendNewSms').attr('disabled', true); //disable input
            }
        });

    </script>
    <script>
        function openSearch() {
            document.getElementById("myOverlay").style.display = "block";
        }

        function closeSearch() {
            document.getElementById("myOverlay").style.display = "none";
        }
    </script>
    <script type="text/javascript">
        // jQuery wait till the page is fullt loaded
        $(document).ready(function () {
            // keyup function looks at the keys typed on the search box
            $('#myInput').on('keyup',function() {
                // the text typed in the input field is assigned to a variable
                var query = $(this).val();
                // call to an ajax function
                if ( ! this.value == '')
                {
                    $("#myTable").show();
//                  $("#trendingSearch").hide();

                    $.ajax({
                        // assign a controller function to perform search action - route name is search
                        url:"{{ url('search') }}",
                        // since we are getting data methos is assigned as GET
                        type:"GET",
                        // data are sent the server
                        data:{'keyword':query},
                        // if search is succcessfully done, this callback function is called
                        success:function (data) {
                            // print the search results in the div called country_list(id)
                            $('#myTable').html(data);
                        }
                    })
                }else{
                    $("#myTable").hide();
//                  $("#trendingSearch").show();
                }

                // end of ajax call
            });

            // initiate a click function on each search result
            $(document).on('click', 'li', function(){
                // declare the value in the input field to a variable
                var value = $(this).text();
                // assign the value to the search box
                $('#myInput').val(value);
                // after click is done, search results segment is made empty
                $('#myTable').html("");
            });
        });
    </script>
    <script>
    $(document).ready(function() {
        var toggleAffix = function(affixElement, scrollElement, wrapper) {
            var height = affixElement.outerHeight(),
                top = wrapper.offset().top;

            if (scrollElement.scrollTop() >= top){
                wrapper.height(height);
                affixElement.addClass("affix");
            }
            else {
                affixElement.removeClass("affix");
                wrapper.height('auto');
            }
        };
        $('[data-toggle="affix"]').each(function() {
            var ele = $(this),
                wrapper = $('<div></div>');

            ele.before(wrapper);
            $(window).on('scroll resize', function() {
                toggleAffix(ele, $(this), wrapper);
            });

            // init
            toggleAffix(ele, $(window), wrapper);
        });
    });
</script>
    @livewireScripts
    </body>
    </html>
@endsection