@php
  $contactData = resolve('App\Http\Controllers\BaseController')->getContactDetails();
  $blogs = \App\Models\Blog::where('status', true)->orderBy('id', 'desc')->take(3)->get();
@endphp
<section class="footer-section">
    <div class="container">
      <div class="row">
        <div class="col-lg-3">
          <div class="logo">
            <!--<a href="{{url('/')}}"><img src="{{asset('image/white logo.png')}}" class="img-fluid" alt=""></a>-->
            <a href="{{url('/')}}"><img src="{{ s3_url('image/white logo.png') }}" class="img-fluid" alt=""></a>
          </div>
          <p class="para2">CA Mukesh Shukla is a visionary
            entrepreneur and business <br> coach.
            <!--Who envisioned the much-needed-->
            <!--requirement to develop...-->
            </p>
          <div class="footer-social-icon">
            <a href="https://www.facebook.com/camkshukla" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-facebook-f"></i></a>
            <a href="https://twitter.com/camkshukla" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-twitter ms-3"></i></a>
            <a href="https://www.instagram.com/camukeshshukla/" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-instagram ms-3"></i></a>
            <a href="https://www.linkedin.com/in/camukeshshukla/" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-linkedin-in ms-3"></i></a>
          </div>

        </div>
        <div class="col-lg-3">
          <div class="footer-heading">
            Contact Info
          </div>
          <div class="contact-icon">
            <!--<div class="contact-details d-flex align-items-center mb-3">-->
            <!--  <i class="fa-solid fa-square-phone fcontact"></i>-->
            <!--  <div class="contact-address ms-2">-->
            <!--    <div><a href="tel:{{$contactData['mobile']}}" class="text-decoration-none text-white">{{ $contactData['mobile'] }}</a></div>-->
            <!--  </div>-->
            <!--</div>-->
            <div class="contact-details d-flex mb-3">
              <i class="fa-solid fa-square-envelope femail"></i>
              <div class="contact-address ms-2">
                <p class="m-0"><a href="mailto:{{$contactData['email']}}" class="text-decoration-none text-white">{{ $contactData['email'] }}</a></p>
              </div>
            </div>
            
            
            
            <div class="contact-details d-flex">
              <i class="fa-solid fa-address-book"></i>
              <div class="contact-address ms-2">
                <p class="text-white m-0">{{ $contactData['address_1'] }}</p>
              </div>
            </div>
            
            <div class="contact-details d-flex">
              <i class="fa-solid fa-address-book"></i>
              <div class="contact-address ms-2">
                <p class="text-white m-0">{{ $contactData['address_2'] }}</p>
              </div>
            </div> 
            
            
          </div>
        </div>
        <div class="col-lg-3">
          <div class="footer-heading">
            Quick Links
          </div>
          <div class="menu">
            <a href="{{route('frontend.index')}}" class="home-i"> <i class="fa-solid fa-angle-right mt-0 mb-0"></i> <span
                class="home-text">Home</span></a>
          </div>
          <div class="menu">
            <a href="{{route('frontend.introduction.index')}}" class="home-i"> <i class="fa-solid fa-angle-right mt-0 mb-0"></i> <span
                class="home-text">About</span></a>
          </div>
          <div class="menu">
            <a href="{{route('frontend.gallery.index')}}" class="home-i"> <i class="fa-solid fa-angle-right mt-0 mb-0"></i> <span
                class="home-text">Gallery</span></a>
          </div>
          <div class="menu">
            <a href="{{route('frontend.videos.index')}}" class="home-i"> <i class="fa-solid fa-angle-right mt-0 mb-0"></i> <span
                class="home-text">Video</span></a>
          </div>
          <div class="menu">
            <a href="{{route('frontend.ventures.index')}}" class="home-i"> <i class="fa-solid fa-angle-right mt-0 mb-0"></i> <span class="home-text">My
                Initiative</span></a>
          </div>
          <div class="menu">
            <a href="{{route('frontend.blog.index')}}" class="home-i"> <i class="fa-solid fa-angle-right mt-0 mb-0"></i> <span
                class="home-text">Magazine</span></a>
          </div>
          <div class="menu">
            <a href="{{route('contact.index')}}" class="home-i"> <i class="fa-solid fa-angle-right mt-0 mb-0"></i> <span
                class="home-text">Contact</span></a>
          </div>
        </div>
        <div class="col-lg-3">
          <div class="footer-heading">
            Latest Magazine
          </div>
          @foreach ($blogs as $blog)
          <a href="{{route('frontend.blog-detail.index',$blog->slug)}}" class="text-decoration-none ">
            <div class="blog-f-img d-flex align-items-center mt-1 mb-1">
              <!--<img src="{{asset($blog->thumbnail)}}" width="70" height="70" class="" alt="" style="object-fit: contain;">-->
              <img src="{{ s3_url($blog->thumbnail) }}" width="70" height="70" class="" alt="" style="object-fit: contain;">
              
              <div class="content ms-2">
                <p class="para2 mb-0 mt-0">{{$blog->title}}</p>
              </div>
            </div>
          </a>
          @endforeach
        </div>
      </div>

    </div>
  </section>
  <section class="semi-footer">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <div class="copyright">
            <p class="para2 mt-0 mb-0 ">© COPYRIGHT 2023 CA MUKESH SHUKLA. ALL RIGHTS RESERVED</p>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="right-link text-end">
            <a href="{{route('contact.index')}}" class="contact"> <span class="home-text">Enquiry Now </span> |</a>
            <a href="{{route('frontend.timeline.index')}}" class="contact ms-2"> <span class="home-text">Timeline </span> |</a>
            <a href="{{route('frontend.journies.index')}}" class="contact ms-2"> <span class="home-text">Journey </span> |</a>
            <a href="{{route('frontend.gallery.index')}}" class="contact ms-2"> <span class="home-text">Media Coverage</span></a>
          </div>
        </div>
      </div>
    </div>

  </section>
  
  <script src="{{asset('frontend/assets/js/jquery-3.7.1.min.js')}}"></script>
  <script src="{{asset('frontend/assets/js/bootstrap.bundle.min.js')}}"></script>
  <script src="{{asset('frontend/assets/js/slick.min.js')}}"></script>
  <script>
    $('.single-item').slick({
      dots: true,
      arrows: true,
      autoplay: true,
      autoplaySpeed: 2000,
    });
  </script>
  <!-- get on page scripts from blade file -->
  @stack('scripts') 
  <!-- get on page scripts from blade file -->
</body>

</html>