<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Primary Meta Tags -->
  <title>@if(isset($data['title'])) {{$data['title']}} @else {{TITLE}} @endif</title>
  <meta name='keywords' content="<?php echo (isset($data['keywords']) && $data['keywords']!= '') ? $data['keywords'] : ''; ?>"/>
  <meta name="description" content="<?php echo (isset($data['description']) && $data['description']!= '') ? $data['description'] : ''; ?> ">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.google.com/">
  <meta property="og:title" content="BGP Oman">
  <meta property="og:description"
  content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
  <meta property="og:image" content="{{ asset('img/frontend/bgp-ogimage.png') }}">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://www.google.com/">
  <meta property="twitter:title" content="BGP Oman">
  <meta property="twitter:description"
  content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
  <meta property="twitter:image" content="{{ asset('img/frontend/bgp-ogimage.png') }}">

  <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/frontend/favicon/apple-touch-icon.png') }}">
  <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/frontend/favicon//favicon-32x32.png') }}">
  <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/frontend/favicon//favicon-16x16.png') }}">
  <link rel="manifest" href="{{ asset('img/frontend/favicon/site.webmanifest') }}">

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="{{ asset('css/frontend/main.css?v=2') }}">
  <link rel="stylesheet" href="{{ asset('css/frontend/all.min.css') }}">
  <link rel="stylesheet" href="{{ asset('css/frontend/bootstrap-multiselect.css') }}">
  <link rel="stylesheet" href="{{ asset('css/frontend/datepicker3.css') }}">
  <link rel="stylesheet" href="{{ asset('css/frontend/bootstrap-daterangepicker.css') }}">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&family=Roboto:wght@400;500;700;900&display=swap"
  rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert.min.css') }}">
  <link rel="stylesheet" type="text/css" href="{{ asset('css/colorbox.css') }}">

</head>
  <body>
  <div class="modal fade signin-up" id="signinmodal" tabindex="-1" role="dialog" aria-labelledby="signinmodalLabel"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content headerHeight">
      <div class="modal-body">
        <form method="POST" class="edit-form" id="signinuser" enctype="multipart/form-data">
        @csrf
        <div class="signin-block registration">
          <div class="row">
            <div class="col-12">
              <div class="alert alert-danger tc errmsg" style="display: none"></div>
              <h1>Sign In</h1>
            </div>
          </div>
          <div class="row">
            <div class="col-12">
              <div class="form-group">
                <label for="signinemail">Your Email</label>
                <input type="email" class="form-control" name="signinemail" id="signinemail" aria-describedby="emailHelp"
                placeholder="Enter your email">
              </div>
            </div>
            <div class="col-12">
              <div class="form-group">
                <label for="signinpassword">Password</label>
                <input type="password" class="form-control" name="signinpassword" id="signinpassword" placeholder="Enter your password">
              </div>
            </div>
            <div class="col-12 my-4">
              <div class="d-flex justify-content-between align-items-center flex-wrap">
                <div class="custom-control custom-checkbox">
                  <input type="checkbox" class="custom-control-input" id="customCheck" name="rememberme">
                  <label class="custom-control-label" for="customCheck">Remember me</label>
                </div>
                <a href="javascript:void(0);" onclick="forgotPassword();" class="btn-link font14">Forgot Password?</a>
              </div>
            </div>
            <div class="col-12">
              <button type="button" class="btn btn-primary btn-lg w-100" id="signinuserbutton" onclick="signinUser();">Sign In</button>
            </div>
            <div class="col-12 text-center mt-4">
              <p class="text-muted toggle-signin">Don't have an account? <a href="javascript:void(0);" onclick="createmodal();"
                class="btn-link createToggle">Create</a></p>
              </div>
            </div>
          </div>
        </form>
        <form method="POST" class="edit-form" id="createuser" enctype="multipart/form-data">
        @csrf
          <div class="register-block registration" style="display: none;">
            <div class="row">
              <div class="col-12">
                <h1>Register</h1>
              </div>
            </div>
            <div class="row">
              <div class="col-12">
                <div class="form-group">
                  <label for="name">First Name<span class="text-danger">*</span></label>
                  <input type="text" class="form-control removeVal" id="firstname" name="firstname"
                  placeholder="Enter your first name" required autofocus>
                </div>
              </div>
              <div class="col-12">
                <div class="form-group">
                  <label for="name">Last Name<span class="text-danger">*</span></label>
                  <input type="text" class="form-control removeVal" id="lastname" name="lastname"
                  placeholder="Enter your last name" required autofocus>
                </div>
              </div>
              <div class="col-12">
                <div class="form-group">
                  <label for="email">Your Email<span class="text-danger">*</span></label>
                  <input type="email" class="form-control is-valid removeVal" id="email" name="email"
                  placeholder="Enter your email">
                </div>
              </div>
              <div class="col-12">
                <div class="form-group">
                  <label for="password">Password<span class="text-danger">*</span></label>
                  <input type="password" class="form-control removeVal" id="password" name="password">
                </div>
              </div>
              <div class="col-12">
                <div class="form-group">
                  <label for="companyname">Company Name<span class="text-danger">*</span></label>
                  <input type="text" class="form-control removeVal" id="companyname" name="companyname"
                  placeholder="Enter your company name" required autofocus>
                </div>
              </div>
              <div class="col-12">
                <div class="form-group">
                  <label for="phone">Contact Number<span class="text-danger">*</span></label>
                  <input type="text" class="form-control removeVal" id="mobile_phone" name="mobile_phone"
                  placeholder="Enter your contact number" required autofocus>
                </div>
              </div>
              <div class="col-12">
                <div class="form-group removeVal">
                  <label for="role_id">User Type<span class="text-danger">*</span></label>
                    <select class="selectpicker form-control" name="user_type" id="user_type">
                    <option value="">--Select--</option>
                    <option value="client">Client</option>
                    <option value="contractor">Contractor</option>
                    <option value="sub-contractor">Sub-Contractor</option>  
                    </select>
                  </div>
                </div>
              <div class="col-12">
                <div class="form-group removeVal">
                  <label for="role_id">Designation<span class="text-danger">*</span></label>
                    <select class="selectpicker form-control" name="company_role" id="company_role" onchange="changeOtherDes();">
                    <option value="">--Select--</option>
                    <option value="1">Owner</option>
                    <option value="2">Board Member </option>
                    <option value="3">Consultant </option>
                    <option value="4">Manager </option>
                    <option value="5">Administrator </option>
                    <option value="6">Employee </option>
                    <option value="7">Others</option>   
                    </select>
                  </div>
                </div>
              </div>
              <div class="col-12" id="otherdesdiv" style="display:none">
              <div class="form-group">
                <label for="others">Please specify<span class="text-danger">*</span></label>
                <input type="text" name="otherdesignation" class="form-control removeVal" placeholder="" value="">
              </div>
              </div>
  
              <div class="col-12 mt-4">
                <button type="button" class="btn btn-primary btn-lg w-100" id="createuserbutton" onclick="createUser();">Register</button>
              </div>
              
              <div class="col-12 text-center mt-4">
                <p class="text-muted toggle-signin">Already have an account? <a href="javascript:void(0);" class="btn-link signinToggle">Sign In</a>
                </p>
              </div>
 </div>
        </form>

        <form method="POST" class="edit-form" id="forgotpassword" enctype="multipart/form-data">
          @csrf
          <div class="forgotpwd-block registration" style="display: none">
            <div class="row">
              <div class="col-12">
                <div class="alert alert-danger tc forgoterrmsg" style="display: none"></div>
                <div class="alert alert-success  tc succssmsg" style="display: none"></div>
                <h1>Forgot Password</h1>
              </div>
            </div>
            <div class="row">

              <div class="col-12">
                <div class="form-group">
                    <input type="email" class="form-control emailtrimlogin clearval" name="forgotemail" placeholder="Email*" autofocus tabindex="0" role="EmailField" aria-label="Enter Your Email" title="">
                </div>
              </div>
              <div class="col-12">
                <div class="captcha-wrp tl">
                <div id="example1"></div>
                <input type="hidden" name="hiddenRecaptchaforgot" id="hiddenRecaptchaforgot" class="clearval">
                </div>
              </div>

              <div class="col-12">
                <button type="button" class="btn btn-primary btn-lg w-100" style="margin-top: 10px;" onclick="submitForgotPassword();" tabindex="0" role="button" aria-label="Submit Button">Submit</button>
              </div>
            </div>

            <div class="col-12 text-center mt-4">
              <p class="text-muted toggle-signin">Remembered your password? <a href="javascript:void(0);" class="btn-link createToggle" onclick="loginpopBody();">Login</a></p>
              </div>

             <!-- <div class="d-flex justify-content-center mt10">
                <div class="signup-section"><a href="javascript:void(0)" onclick="loginpopBody();" class="btn-link" tabindex="0" role="button" aria-label="Back to Login">Back to Login</a></div>
            </div> -->
          </div>

        </form>
             
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <header>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-3 col-lg-2">
          <a href="{{route('index')}}" class="logo-wrap">
            <img src="{{ asset('img/frontend/bgp-logo.png') }}" alt="BGP Oman">
          </a>
        </div>
        <div class="col-9 col-lg-10">
          <div class="d-flex justify-content-end align-items-center">
            <ul class="nav main-nav justify-content-end">
              <li class="nav-item">
                <a class="nav-link @if($headerdata['menucls'] == 'home') active @endif" href="{{route('index')}}">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link @if($headerdata['menucls'] == 'aboutus') active @endif" href="{{url('aboutus')}}">About Us</a>
              </li>
              <li class="nav-item">
                <a class="nav-link @if($headerdata['menucls'] == 'datarepository') active @endif" href="{{url('datarepository')}}">Data Repository</a>
              </li>
              <li class="nav-item">
                <a class="nav-link @if($headerdata['menucls'] == 'news') active @endif" href="{{url('news')}}">News</a>
              </li>
              <li class="nav-item">
                <a class="nav-link @if($headerdata['menucls'] == 'contactus') active @endif" href="{{url('contactus')}}">Contact Us</a>
              </li>
              <!-- after Login -->
              @if(Session::has('user.userID') )
              <li class="nav-item">
                <a class="nav-link @if($headerdata['menucls'] == 'downloads') active @endif" href="{{url('downloads')}}">Downloads</a>
              </li>
              <li class="nav-item">
                <a class="nav-link @if($headerdata['menucls'] == 'profile') active @endif" href="{{url('profile')}}">Profile</a>
              </li>
              @endif
              <!-- after Login -->
            </ul>
            @if(!Session::has('user.userID') )
            <a href="" onclick="loginUser();" class="btn btn-primary" data-toggle="modal">Sign up / Sign in</a>
            <a class="header-search" href="{{url('search')}}"><i class="fas fa-search"></i></a>
            <a href="javascript:void(0);" class="btn btn-outline-light ml-3 menu-toggle"><i class="fas fa-bars"></i></a>
            @else
            <a href="{{url('frontend/users/logout')}}" class="btn btn-primary">Sign out</a>
            <a class="header-search" href="{{url('search')}}"><i class="fas fa-search"></i></a>
            <a href="javascript:void(0);" class="btn btn-outline-light ml-3 menu-toggle"><i class="fas fa-bars"></i></a>
            @endif
          </div>
        </div>
      </div>
    </div>
  </header>
  <div class="sticky-content">
              
              <div class="notice">
                <span></span><h4>ZERO GOAL</h4>
                <span></span><p>Small Change, Big Difference</p>
                <span></span><p>NO Harm to People, No Harm to Environment</p>
                <span></span><p>"Safety First‟ is the first and most important Corporate value Our safety vision reflects our belief that we can, and will, achieve</p>
              </div>
              
          </div>
          <div class="sticky-content sticky-mobile">
              <marquee>
              <div class="notice">
                <span></span><h4>ZERO GOAL</h4>
                <span></span><p>Small Change, Big Difference</p>
                <span></span><p>NO Harm to People, No Harm to Environment</p>
                <span></span><p>"Safety First‟ is the first and most important Corporate value Our safety vision reflects our belief that we can, and will, achieve</p>
              </div>
              </marquee>
          </div>
@yield('content')

<span class="backtotop" onclick="icBackToTop();"><img src="{{ asset('img/frontend/backtop.svg') }}" alt=""></span>

<footer class="pb-0">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="row">
          <div class="col-12">
            <a href="{{route('index')}}" class="footer-logo">
              <img src="{{ asset('img/frontend/bgp-logo.png') }}" alt="">
            </a>
          </div>
        </div>
      </div>
      <div class="col-12 f-links des-view">
        <ul>
          <li><a href="{{route('index')}}">Home</a></li>
          <li><a href="{{url('aboutus')}}">About Us</a></li>
          <li><a href="{{url('datarepository')}}">Data Repository</a></li>
          <li><a href="{{url('news')}}">News</a></li>
          <li><a href="{{url('quicklinks')}}">Quicklinks</a></li>
          <li><a href="{{url('contactus')}}">Contact Us</a></li>
        </ul>
      </div>

      <div class="col-12 footer-mob mob-view">
        <div class="row no-gutters justify-content-center">
          <div class="col-4 f-links">
            <ul class="">
              <li><a href="{{route('index')}}">Home</a></li>
              <li><a href="{{url('aboutus')}}">About Us</a></li>
              <li><a href="{{url('datarepository')}}">Data Repository</a></li>
            </ul>
          </div>
          <div class="col-4 f-links">
            <ul class="pl-3 pl-sm-4">
              <li><a href="{{url('news')}}">News</a></li>
              <li><a href="{{url('quicklinks')}}">Quicklinks</a></li>
              <li><a href="{{url('contactus')}}">Contact Us</a></li>
            </ul>
          </div>
          <!-- <div class="col-4 f-links">
            <ul class="privacy-nav border-0 pl-3 pl-sm-4">
            <li><a href="javascript:void(0);">Terms & Conditions</a></li>
            <li><a href="javascript:void(0);">Privacy Policy</a></li>
            <li><a href="javascript:void(0);">Disclaimer</a></li>
          </ul>
          </div> -->


          <!-- <div class="col-12 text-center">
            <ul class="footer-social">
              <li><a href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
              <li><a href="javascript:void(0);"><i class="fab fa-dribbble"></i></a></li>
              <li><a href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
              <li><a href="javascript:void(0);"><i class="fab fa-youtube"></i></a></li>
            </ul>
          </div> -->
        </div>
      </div>


    </div>
  </div>

  <div class="footer-bottom">
    <div class="container">
      <div class="row justify-content-center align-items-center">

        <div class="col-12 text-center">
          <p>BGP Oman &copy; {{Date('Y')}}. All rights reserved</p>
        </div>

        <!-- <div class="col-12 col-sm-4 col-md-3 text-right des-view">
          <ul class="footer-social">
            <li><a href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
            <li><a href="javascript:void(0);"><i class="fab fa-dribbble"></i></a></li>
            <li><a href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
            <li><a href="javascript:void(0);"><i class="fab fa-youtube"></i></a></li>
          </ul>
        </div> -->

        <!-- <div class="col-12 col-md-6 text-right des-view">
          <ul class="privacy-nav">
            <li><a href="{{url('termsandconditions')}}">Terms & Conditions</a></li>
            <li><a href="{{url('privacypolicy')}}">Privacy Policy</a></li>
            <li><a href="{{url('disclaimer')}}">Disclaimer</a></li>
          </ul>
        </div> -->

      </div>
    </div>
  </div>
</footer>


        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
        <script src="{{ asset('js/frontend/bootstrap-multiselect.js') }}"></script>
        <script src="{{ asset('js/frontend/moment.min.js') }}"></script>
        <script src="{{ asset('js/frontend/bootstrap-datepicker.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/frontend/bootstrap-daterangepicker.js') }}"></script>
        <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script type="text/javascript" src="{{ asset('js/jquery-validate.js') }}"></script>
        <script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script>
        <script type="text/javascript" src="{{ asset('js/sweetalert.min.js') }}"></script>
         <script type="text/javascript" src="{{ asset('js/jquery.colorbox.js') }}"></script>
  
       
        <script>
        $(document).ready(function () {
            $('.selectpicker').multiselect({
              enableFiltering: true,
              filterPlaceholder: 'Search',
              enableCaseInsensitiveFiltering : true,
              includeSelectAllOption: false,
              onChange: function(element, checked) {
                var selectID = $(element).parent().attr('id');
                $("#"+selectID).valid();
              }
            });



            $(window).scroll(function(){
            var Tophgt = $(document).scrollTop();
            if (Tophgt > 10) {
            $("header").addClass('whiteHeader');
            } else if (Tophgt < 10) { $("header").removeClass('whiteHeader'); } });



          $('.signinToggle').click(function () {
            $('.register-block').hide('fast');
            $('.signin-block').show();
          });
          $('.createToggle').click(function () {
            $('.signin-block').hide('fast');
            $('.register-block').show();
          });
          headerMargin();
          $("#signinpassword").bind("keypress", function(e) {
          if (e.keyCode == 13)
          {
              signinUser();
              return false;
          }
          });
          menuMobile();
          $('#createuser').validate({
              focusInvalid: false,
            rules : {
                firstname : 'required',
                lastname: 'required',
                email: {
                    required : true,
                    email: true,
                    remote: {
                      url:  "{{ url('checkemailexists') }}",
                      type: "post",
                       data: {
                          "_token": "{{ csrf_token() }}"
                       }
                    }
                 },
                password  : 'required',
                mobile_phone :  {
                    required :true,
                    number : true,
                },
                companyname: 'required',
                company_role : 'required',
                user_type : 'required',
            },
            messages : {
                firstname :'Please enter first name.',
                lastname: 'Please enter last name.',
                email: {
                    required : 'Please enter email.',
                    email: 'Please enter valid email.',
                    remote: "User already exist in the system with same email address."
                },
                password: 'Please enter password.',
                mobile_phone : {
                    required : 'Please enter contact number.',
                    number : 'Please enter a valid phone number.',
                },
                companyname: 'Please enter company name',
                company_role: 'Please select designation.',
                user_type: 'Please select user type.',
            },

          invalidHandler: function() {
          $(this).find(":input.error:first").focus();
        }
        });
          $('#signinuser').validate({
            rules : {
                signinemail: {
                    required : true,
                    email: true,
                 },
                signinpassword  : 'required',
            },
            messages : {
                signinemail: {
                    required : 'Please enter email.',
                    email: 'Please enter valid email.',
                },
                signinpassword: 'Please enter password.',
            }
        });
          $("#forgotpassword").validate({
          ignore : [],
          rules : {
            forgotemail : {
              required : true,
              email : true
            },
            hiddenRecaptchaforgot :
            {
              required: function() {
                if(grecaptcha.getResponse(html_element_id) == '') {
                return true;
              } else {
                return false;
              }
              }
            },
          },
          messages : {
            forgotemail: {
              required: "Please enter email.",
              email: "Please enter valid email."
            },
            hiddenRecaptchaforgot:'Please verify your identity.',
          }
          });
        });
        var html_element_id, html_element_2_id, html_element_3_id;
        var gsitekey = "{{ env('SITEKEY') }}";
        var verifyCallback = function(response) {
            alert(response);
        };

        var CaptchaCallback = function() {
          if( $("#example1").length > 0 ){
            html_element_id = grecaptcha.render('example1', {'sitekey' : gsitekey,'theme' : 'light','callback' : recaptchaCallback_forgot});
          }
          if( $("#contact").length > 0 ){
              html_element_1_id = grecaptcha.render('contact', {'sitekey' : gsitekey,'theme' : 'light','callback' : recaptchaCallback_contact});
          }
        };
        function menuMobile() {
          $(".menu-toggle").click(function() {
            if ($(this).hasClass("active")) {
              $(".menu-toggle i").removeClass('fa-times');
              $(".menu-toggle" ).removeClass('active');
              $(".main-nav").removeClass('menu-open');
              $(".header-search i").css("color" , "#fff").delay( 800 );
              $(".nav.main-nav .nav-item").css({"opacity":"0"}).slideDown( 300 ).delay( 800 ).fadeIn( 400 );
            }
            else{
              $(".menu-toggle" ).removeClass('active');
              $(this).addClass('active');
              $(".menu-toggle i").addClass('fa-times');
              $(".main-nav").addClass('menu-open');
              $(".header-search i").css("color" , "#010101").delay( 800 );
              $(".nav.main-nav .nav-item").css({"opacity":"1"}).slideUp( 300 ).delay( 800 ).fadeIn( 400 );
            }
          });
        }
        

        $(window).scroll(function(){
          var Tophgt = $(document).scrollTop();
          if (Tophgt > 10) {
          $("header").addClass('whiteHeader');
          } else if (Tophgt < 10) { 
            $("header").removeClass('whiteHeader'); 
          } 
        });
        function createUser(){
          $("#createuserbutton").attr('disabled', false); 
          if( $("#createuser").valid() ){
            $("#createuserbutton").attr('disabled', true); 
            $.ajax({
              url: '{{ url("/frontend/users/store") }}',
              type: "post",
              cache: false,
              data: { 'formdata': $("#createuser").serialize(),
              "_token": "{{ csrf_token() }}"
          },
          success: function(data){
            if(data.success==1){
              swal("You have successfully registered to the system.You will be notified once the admin approves your request.",'','success')
              $("#signinmodal").modal('hide');
              window.location.reload();
            }else if(data.error==1){
              $(".errmsg").html(data.message);
              $(".errmsg").show();
              setTimeout(function(){ jQuery(".errmsg").hide(); }, 6000);
            }
            }
            });
            } else {
             $('#createuser').scrollTop(0);
          }
        }
        function signinUser(){
          if( $("#signinuser").valid() ){
            $.ajax({
              url: '{{ url("/frontend/users/login") }}',
              type: "post",
              cache: false,
              data: { 'formdata': $("#signinuser").serialize(),
              "_token": "{{ csrf_token() }}"
          },
          success: function(data){
            if(data.success==1){
              //alert("User logged in successfully.")
              $("#signinmodal").modal('hide');
              window.location.reload();
            }else if(data.error==1){
              $(".errmsg").html(data.message);
              $(".errmsg").show();
              setTimeout(function(){ jQuery(".errmsg").hide(); }, 6000);
            }
            }
            });
          }
        }
        function forgotPassword() {
          grecaptcha.reset();
          $(".errmsg").hide();
          $(".clearval").val('');
          //$("#signinuser").validate().resetForm();
          //$("#forgotpassword").validate().resetForm();
          $(".registration").hide();
          $(".forgotpwd-block").show();
        }
        function submitForgotPassword(){
          if( $("#forgotpassword").valid() ){
          $.ajax({
          url: '{{ url("/forgotpassword") }}',
          type: "post",
          data: { formdata: $("#forgotpassword").serialize(), "_token": "{{ csrf_token() }}"},
          success: function(data){
          if(data.success==1){
          $(".succssmsg").html(data.successmessage);
          $(".succssmsg").show();
          //grecaptcha.reset();
          $(".clearval").val('');
          setTimeout(function(){ jQuery(".succssmsg").hide(); }, 6000);
          }else if(data.error==1){
          $(".forgoterrmsg").html(data.errormsg);
          $(".forgoterrmsg").show();
          //grecaptcha.reset();
          setTimeout(function(){ jQuery(".forgoterrmsg").hide(); }, 6000);
        }
        }
        });
         }
      }
      function loginpopBody(){
        $(".registration").hide();
        $(".registration").css('display','none');
        $(".signin-block").show();
      }
      function recaptchaCallback_forgot(){
          $('#forgotpassword').valid("#hiddenRecaptchaforgot");
          if($('#hiddenRecaptchaforgot').valid() ){
          ('#hiddenRecaptchaforgot').val("1");
          }
      }
      function recaptchaCallback_contact(){
          $('#inquiryform').valid("#hiddenRecaptchacontact");
          if($('#hiddenRecaptchacontact').valid() ){
          ('#hiddenRecaptchacontact').val("1");
          }
      }
      function loginUser(){
        $("#signinmodal").modal('show');
        $(".registration").hide();
        $(".signin-block").show();
      }
      function changeOtherDes(){
        $("#otherdesdiv").hide();
          if($("#company_role").val() == '7'){
            $("#otherdesdiv").show();
          }
      }
      function createmodal(){
        $(".registration").hide();
        $(".registration").css('display','none');
        $(".register-block").show();
        $(".removeVal").val('');
      }

      function headerMargin() {
        var headhight = $("header").outerHeight();
        $(".headerHeight").css("margin-top" , headhight);
      }
      $(function () {
        $('[data-toggle="tooltip"]').tooltip()
      })
      </script>



<script>
  $(document).ready(function(){
    $(window).scroll(function(){
      var wTop = $(document).scrollTop();
      if(wTop >= 10) { $(".sticky-content").addClass("stickBox").delay( 800 ).fadeIn( 400 ); }
      else { $(".sticky-content").removeClass("stickBox").delay( 800 ).fadeIn( 400 ); }
    });

  });


    function icBackToTop() {
      $('html, body').animate({
        scrollTop: $('body').offset().top
      }, '1000');
    }

</script>
      </body>

      </html>
