@php
$locale = config('app.locale');
$main_menu =  nova_get_menu_by_slug('footer',$locale) ;
$contact_us_link = App\Models\Page::where('template','contact')->where('lang',config('app.locale'))->first();
$services = App\Models\Service::where('status','1')->where('lang',config('app.locale'))->get();
@endphp
@php
$info = SG::gvs([
  'address_'.config('app.locale'),
  'phone',
  'email',
  'header_time_'.config('app.locale'),
  'map_1',
  'map_2',
  'facebook',
  'twitter',
  'linkedin',
  'youtube',
  'instagram'
]);
@endphp


<a class="w50pc" href="https://wa.me/905318427907">
  <img style="      width: 30px;
margin-top: -3px;" src="/whatsapp.png" alt="واتس آب">
</a>
<style>
    a.w50pc {
    position: fixed;
    bottom: 20px;
    left: 20px;
    height: 40px;
    height: 50px;
    background: #25d366;
    width: 50px;
    text-align: center;
    border-radius: 50%;
    padding-top: 12px;
    z-index:99;
}
</style>


<!-- CONTACT MESSAGE AREA START -->
<div class="ltn__contact-message-area pb-120 pt-115 pb-70 " style="background: url('{{ asset('assets/img/pattern.png')}}');  background-size: contain;">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__form-box contact-form-box box-shadow white-bg">
                    <h4 class="title-2">{{ __('site.contact_us')}}</h4>
                    <form action="{{ LaravelLocalization::localizeUrl('appointment-request')}}" method="post" id="email-form" >
                      @csrf
                        <div class="row">
                          <div class="form-group">
                              <div class="response">
                                @if(Session::has('appointment_message'))
                                  <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('appointment_message') }}</p>
                                @endif
                              </div>
                          </div>

                            <div class="col-md-12">
                                <div class="input-item input-item-name ltn__custom-icon">
                                    <input type="text" name="name" value="{{ old('name')}}" placeholder="{{ __('appo.name')}}*" >
                                    @if($errors->has('name'))
                                        <p class="error">{{ $errors->first('name') }}</p>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="input-item input-item-phone ltn__custom-icon">
                                    <input type="tel"  id="telinput2" class="telinput"  name="phone"  value="{{ old('phone')}}" placeholder="Phone number" >
                                    @if($errors->has('phone'))
                                        <p class="error">{{ $errors->first('phone') }}</p>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="input-item input-item-email ltn__custom-icon">
                                    <input type="email" name="email" value="{{ old('email')}}" placeholder="{{ __('appo.email')}}">
                                    @if($errors->has('email'))
                                        <p class="error">{{ $errors->first('email') }}</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="input-item input-item-textarea ltn__custom-icon">
                            <textarea name="contact_message" placeholder="{{ __('appo.description')}}">{{ old('contact_message')}}</textarea>
                            @if($errors->has('contact_message'))
                                <p class="error">{{ $errors->first('contact_message') }}</p>
                            @endif
                        </div>
                        <div class="input-item">
                        <div id="contact_us_id"></div>
                        {!!  GoogleReCaptchaV3::renderField('contact_us_id','contact_us') !!}
                        </div>
                        <div class="btn-wrapper mt-0">
                            <button class="btn theme-btn-1 btn-effect-1 text-uppercase" type="submit">{{ __('appo.send')}}</button>
                        </div>
                        <p class="form-messege mb-0 mt-20"></p>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- CONTACT MESSAGE AREA END -->


<!-- CALL TO ACTION START (call-to-action-6) -->
   <div class="ltn__call-to-action-area call-to-action-6 before-bg-bottom"  style="    margin-top: -100px;">
       <div class="container">
           <div class="row">
               <div class="col-lg-12">
                   <div class="call-to-action-inner call-to-action-inner-6 ltn__secondary-bg position-relative text-center---">
                       <div class="coll-to-info text-color-white">
                           <h1>{{ __('site.footer_text1')}}</h1>
                           <p>{{ __('site.footer_text2')}}</p>
                       </div>
                       <div class="btn-wrapper">
                           <a class="btn btn-effect-3 btn-white" @if($contact_us_link) href="{{ LaravelLocalization::localizeUrl($contact_us_link->slug)}}" @endif>{{ __('site.contact_us')}} <i class="icon-next"></i></a>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <!-- CALL TO ACTION END -->

   <!-- FOOTER AREA START -->
   <footer class="ltn__footer-area  ">
       <div class="footer-top-area  section-bg-2 plr--5">
           <div class="container-fluid">
               <div class="row">
                   <div class="col-xl-3 col-md-6 col-sm-6 col-12">
                       <div class="footer-widget footer-about-widget">
                           <div class="footer-logo">
                               <div class="site-logo">
                                   <img src="{{ asset('assets/img/logo2.png')}}" style="height: 150px;" alt="Logo">
                               </div>
                           </div>

                           <div class="footer-address">
                               <ul>
                                   <li>
                                       <div class="footer-address-icon">
                                           <i class="icon-placeholder"></i>
                                       </div>
                                       <div class="footer-address-info">
                                           <p>{{ $info['address_'.$locale]}}</p>
                                       </div>
                                   </li>
                                   <li>
                                       <div class="footer-address-icon">
                                           <i class="icon-call"></i>
                                       </div>
                                       <div class="footer-address-info">
                                           <p><a href="tel:+0123-456789">{{ $info['phone']}}</a></p>
                                       </div>
                                   </li>
                                   <li>
                                       <div class="footer-address-icon">
                                           <i class="icon-mail"></i>
                                       </div>
                                       <div class="footer-address-info">
                                           <p><a href="mailto:{{ $info['email']}}">{{ $info['email']}}</a></p>
                                       </div>
                                   </li>
                               </ul>
                           </div>
                           <div class="ltn__social-media mt-20">
                               <ul>
                                   <li><a href="{{ $info['facebook']}}" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                                   <li><a href="{{ $info['twitter']}}" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                                   <li><a href="{{ $info['linkedin']}}" title="Linkedin"><i class="fab fa-linkedin"></i></a></li>
                                   <li><a href="{{ $info['youtube']}}" title="Youtube"><i class="fab fa-youtube"></i></a></li>
                                   <li><a href="{{ $info['instagram']}}" title="instagram"><i class="fab fa-instagram"></i></a></li>
                               </ul>
                           </div>
                       </div>
                   </div>

                   <div class="col-xl-3 col-md-6 col-sm-6 col-12">
                       <div class="footer-widget footer-menu-widget clearfix">
                           <h4 class="footer-title">{{ __('site.our_services')}}</h4>
                           <div class="footer-menu">
                               <ul>

                                  @foreach($services as $one)
                                   <li><a href="{{ $one->link }}">{{ $one->title }}</a></li>
                                   @endforeach
                               </ul>
                           </div>
                       </div>
                   </div>
                   <div class="col-xl-3 col-md-6 col-sm-6 col-12">
                       <div class="footer-widget footer-menu-widget clearfix">
                           <h4 class="footer-title">{{ __('site.important_links')}}</h4>
                           <div class="footer-menu">
                               <ul>
                                   @if(isset($main_menu['menuItems']))
                                   {!! createMenu ($main_menu['menuItems']) !!}
                                   @endif
                               </ul>
                           </div>
                       </div>
                   </div>
                   <div class="col-xl-3 col-md-6 col-sm-12 col-12">
                       <div class="footer-widget footer-newsletter-widget">
                           <h4 class="footer-title">Newsletter</h4>
                           <p>Subscribe to our weekly Newsletter and receive updates via email.</p>
                           <div class="footer-newsletter">
                               <form action="#">
                                   <input type="email" name="email" placeholder="Email*">
                                   <div class="btn-wrapper">
                                       <button class="theme-btn-1 btn" type="submit"><i class="fas fa-location-arrow"></i></button>
                                   </div>
                               </form>
                           </div>

                       </div>
                   </div>
               </div>
           </div>
       </div>
       <div class="ltn__copyright-area ltn__copyright-2 section-bg-7  plr--5">
           <div class="container-fluid ltn__border-top-2">
               <div class="row">
                   <div class="col-md-12 col-12">
                       <div class="ltn__copyright-design clearfix text-center center">
                           <p>
                               
                               {{ __('site.footer_text_cr')}} <span class="current-year"></span>
                           
                           
                           </p>
                            
                       </div>
                   </div>

               </div>
           </div>
       </div>
   </footer>
   <!-- FOOTER AREA END -->





</div>
<!-- Body main wrapper end -->

   <!-- preloader area start -->
   <div class="preloader d-none" id="preloader">
       <div class="preloader-inner">
           <div class="spinner">
               <div class="dot1"></div>
               <div class="dot2"></div>
           </div>
       </div>
   </div>
   <!-- preloader area end -->
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <!-- All JS Plugins -->
   <script src="{{ asset('assets/js/plugins.js')}}"></script>
   <!-- Main JS -->
   <script src="{{ asset('assets/js/main.js')}}"></script>
   <script src="{{ asset('assets/js/jquery.matchHeight.js')}}"></script>
   <script>
   $(document).ready(function(){
     $('.ltn__product-item .product-info  ').matchHeight();
   });
   $(document).ready(function(){
     $('.ltn__feature-item .ltn__feature-info  ').matchHeight();
   });
   </script>


 <style>
 .grecaptcha-badge {
      display: none !important;
  }
  </style>
   {!!  GoogleReCaptchaV3::init() !!}
   @stack('js')
 
    <script>
        $(document).ready(function() {

            //For Firefox we have to handle it in JavaScript 
            var vids = $(".hovervideo"); 
            $.each(vids, function(){
                this.controls = false; 
            }); 
 
            $(".hover-container").hover(function () {
                let el = $(this).find("video");
                if(el.length > 0){
                    el.get(0).play();
                }
            }, function () {
                var el2 = $(this).find("video");
                

                if(el2.length > 0){
                    el2.get(0).pause();
                     el2.get(0).currentTime = 0;
                }

            });
        });
    </script>
    
  <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.5/jquery.lazy.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.5/plugins/jquery.lazy.av.min.js"></script>
    
    <script>
jQuery(function($) {
    $("video").lazy();
});
    </script>
 
</body>
</html>