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

<head>
  <!--Start of Google Analytics script-->
  @if ($bs->is_analytics == 1)
    {!! $bs->google_analytics_script !!}
  @endif
  <!--End of Google Analytics script-->

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta name="description" content="@yield('meta-description')">
  <meta name="keywords" content="@yield('meta-keywords')">

  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>{{ $bs->website_title }} @yield('pagename')</title>
  <!-- favicon -->
  <link rel="shortcut icon" href="{{ asset('assets/front/img/' . $bs->favicon) }}" type="image/x-icon">
  <!-- bootstrap css -->
  <link rel="stylesheet" href="{{ asset('assets/front/css/bootstrap.min.css') }}">
  <!-- plugin css -->
  <link rel="stylesheet" href="{{ asset('assets/front/css/plugin.min.css') }}">
  <!--default css-->
  <link rel="stylesheet" href="{{ asset('assets/front/css/default.css') }}">
  <!-- common css -->
  <link rel="stylesheet" href="{{ asset('assets/front/css/common-style.css') }}">
  <!-- main css -->
  <link rel="stylesheet" href="{{ asset('assets/front/css/car-style.css') }}">
  <!-- responsive css -->
  <link rel="stylesheet" href="{{ asset('assets/front/css/responsive.css') }}">
  <!-- car responsive css -->
  <link rel="stylesheet" href="{{ asset('assets/front/css/car-responsive.css') }}">


  @if ($bs->is_tawkto == 1 || $bex->is_whatsapp == 1)
    <style>
      #scroll_up {
        right: auto;
        left: 20px;
      }
    </style>
  @endif

  @if (count($langs) == 0)
    <style media="screen">
      .support-bar-area ul.social-links li:last-child {
        margin-right: 0px;
      }

      .support-bar-area ul.social-links::after {
        display: none;
      }
    </style>
  @endif


  <!-- base color change -->
  <link href="{{ url('/') }}/assets/front/css/car-base-color.php?color={{ $bs->base_color }}" rel="stylesheet">
  <!-- common base color change -->
  <link href="{{ url('/') }}/assets/front/css/common-base-color.php?color={{ $bs->base_color }}"
    rel="stylesheet">

  @if ($rtl == 1)
    <!-- RTL css -->
    <link rel="stylesheet" href="{{ asset('assets/front/css/rtl.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/front/css/car-rtl.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/front/css/pb-rtl.css') }}">
  @endif

  @yield('styles')

  <!-- jquery js -->
  <script src="{{ asset('assets/front/js/jquery-3.3.1.min.js') }}"></script>

  @if ($bs->is_appzi == 1)
    <!-- Start of Appzi Feedback Script -->
    <script async src="https://app.appzi.io/bootstrap/bundle.js?token={{ $bs->appzi_token }}"></script>
    <!-- End of Appzi Feedback Script -->
  @endif

  <!-- Start of Facebook Pixel Code -->
  @if ($be->is_facebook_pexel == 1)
    {!! $be->facebook_pexel_script !!}
  @endif
  <!-- End of Facebook Pixel Code -->

  <!--Start of Appzi script-->
  @if ($bs->is_appzi == 1)
    {!! $bs->appzi_script !!}
  @endif
  <!--End of Appzi script-->
</head>



<body @if ($rtl == 1) dir="rtl" @endif>


  <!-- Start finlance_header area -->
  @includeIf('front.car.partials.navbar')
  <!-- End finlance_header area -->

  @if (!request()->routeIs('front.index') && !request()->routeIs('front.packageorder.confirmation'))
    <!--   breadcrumb area start   -->
    <div class="breadcrumb-area lazy" data-bg="{{ asset('assets/front/img/' . $bs->breadcrumb) }}"
      style="background-size:cover;">
      <div class="container">
        <div class="breadcrumb-txt">
          <div class="row">
            <div class="col-xl-7 col-lg-8 col-sm-10">
              <span>@yield('breadcrumb-title')</span>
              <h1>@yield('breadcrumb-subtitle')</h1>
              <ul class="breadcumb">
                <li><a href="{{ route('front.index') }}">{{ __('Home') }}</a></li>
                <li>@yield('breadcrumb-link')</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="breadcrumb-area-overlay"
        style="background-color: #{{ $be->breadcrumb_overlay_color }};opacity: {{ $be->breadcrumb_overlay_opacity }};">
      </div>
    </div>
    <!--   breadcrumb area end    -->
  @endif


  @yield('content')


  <!-- Start finlance_footer section -->
  <footer class="finlance_footer footer_v1 dark_bg">
    @if (!($bex->home_page_pagebuilder == 0 && $bs->top_footer_section == 0))
      <div class="footer_top pt-120 pb-120">
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="widget_box about_widget">
                <img class="lazy" data-src="{{ asset('assets/front/img/' . $bs->footer_logo) }}" alt="">
                <p>
                  @if (strlen(convertUtf8($bs->footer_text)) > 140)
                    {{ substr(convertUtf8($bs->footer_text), 0, 140) }}<span
                      style="display: none;">{{ substr(convertUtf8($bs->footer_text), 140) }}</span>
                    <a href="#" class="see-more">{{ __('see more') }}...</a>
                  @else
                    {{ convertUtf8($bs->footer_text) }}
                  @endif
                </p>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="widget_box contact_widget">
                <h4 class="widget_title">{{ __('Contact Us') }}</h4>
                <p>
                  <span class="base-color"><i class="fas fa-map-marker-alt"></i></span>
                  @php
                    $addresses = explode(PHP_EOL, $bex->contact_addresses);
                  @endphp

                  @foreach ($addresses as $address)
                    {{ $address }}
                    @if (!$loop->last)
                      |
                    @endif
                  @endforeach
                </p>
                <p>
                  <span class="base-color">{{ __('Phone') }}:</span>
                  @php
                    $phones = explode(',', $bex->contact_numbers);
                  @endphp

                  @foreach ($phones as $phone)
                    {{ $phone }}
                    @if (!$loop->last)
                      ,
                    @endif
                  @endforeach
                </p>
                <p>
                  <span class="base-color">{{ __('Email') }}:</span>
                  @php
                    $mails = explode(',', $bex->contact_mails);
                  @endphp
                  @foreach ($mails as $mail)
                    {{ $mail }}
                    @if (!$loop->last)
                      ,
                    @endif
                  @endforeach
                </p>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="widget_box">
                <h4 class="widget_title">{{ __('Useful Links') }}</h4>
                <ul class="widget_link">
                  @foreach ($ulinks as $key => $ulink)
                    <li><a href="{{ $ulink->url }}">{{ convertUtf8($ulink->name) }}</a></li>
                  @endforeach
                </ul>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="widget_box newsletter_box">
                <h4 class="widget_title">{{ __('Newsletter') }}</h4>
                <p>{{ convertUtf8($bs->newsletter_text) }}</p>
                <form id="footerSubscribeForm" action="{{ route('front.subscribe') }}" method="post">
                  @csrf
                  <div class="form_group">
                    <input type="email" class="form_control" placeholder="{{ __('Enter Email Address') }}"
                      name="email" required>
                    <p id="erremail" class="text-danger mb-0 err-email"></p>
                    <button class="finlance_btn pt-0" type="submit">{{ __('Subscribe') }}</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    @endif

    @if (!($bex->home_page_pagebuilder == 0 && $bs->copyright_section == 0))
      <div class="footer_bottom">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6">
              <div class="copyright_text">
                <p>{!! replaceBaseUrl(convertUtf8($bs->copyright_text)) !!}</p>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="social_box">
                <ul>
                  @foreach ($socials as $key => $social)
                    <li><a target="_blank" href="{{ $social->url }}"><i class="{{ $social->icon }}"></i></a></li>
                  @endforeach
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    @endif
  </footer><!-- End finlance_footer section -->

  @if ($bex->is_shop == 1 && $bex->catalog_mode == 0)
    <div id="cartIconWrapper">
      <a class="d-block" id="cartIcon" href="{{ route('front.cart') }}">
        <div class="cart-length">
          <i class="fas fa-cart-plus"></i>
          <span class="length">{{ cartLength() }} {{ __('ITEMS') }}</span>
        </div>
        <div class="cart-total">
          {{ $bex->base_currency_symbol_position == 'left' ? $bex->base_currency_symbol : '' }}
          {{ cartTotal() }}
          {{ $bex->base_currency_symbol_position == 'right' ? $bex->base_currency_symbol : '' }}
        </div>
      </a>
    </div>
  @endif

  {{-- WhatsApp Chat Button --}}
  <div id="WAButton"></div>


  <!--====== PRELOADER PART START ======-->
  @if ($bex->preloader_status == 1)
    <div id="preloader">
      <div class="loader revolve">
        <img src="{{ asset('assets/front/img/' . $bex->preloader) }}" alt="">
      </div>
    </div>
  @endif
  <!--====== PRELOADER PART ENDS ======-->

  <!--Scroll-up-->
  <a id="scroll_up"><i class="fas fa-angle-up"></i></a>


  {{-- Cookie alert dialog start --}}
  @if ($be->cookie_alert_status == 1)
    @include('cookie-consent::index')
  @endif
  {{-- Cookie alert dialog end --}}

  {{-- Popups start --}}
  @includeIf('front.partials.popups')
  {{-- Popups end --}}

  @php
    $mainbs = [];
    $mainbs = json_encode($mainbs);
  @endphp
  <script>
    var mainbs = {!! $mainbs !!};
    var mainurl = "{{ url('/') }}";
    var vap_pub_key = "{{ env('VAPID_PUBLIC_KEY') }}";

    var rtl = {{ $rtl }};
  </script>
  <!-- popper js -->
  <script src="{{ asset('assets/front/js/popper.min.js') }}"></script>
  <!-- bootstrap js -->
  <script src="{{ asset('assets/front/js/bootstrap.min.js') }}"></script>
  <!-- Plugin js -->
  <script src="{{ asset('assets/front/js/plugin.min.js') }}"></script>

  <!-- main js -->
  <script src="{{ asset('assets/front/js/car-main.js') }}"></script>
  <!-- pagebuilder custom js -->
  <script src="{{ asset('assets/front/js/common-main.js') }}"></script>

  {{-- whatsapp init code --}}
  @if ($bex->is_whatsapp == 1)
    <script type="text/javascript">
      var whatsapp_popup = {{ $bex->whatsapp_popup }};
      var whatsappImg = "{{ asset('assets/front/img/whatsapp.svg') }}";
      $(function() {
        $('#WAButton').floatingWhatsApp({
          phone: "{{ $bex->whatsapp_number }}", //WhatsApp Business phone number
          headerTitle: "{{ $bex->whatsapp_header_title }}", //Popup Title
          popupMessage: `{!! nl2br($bex->whatsapp_popup_message) !!}`, //Popup Message
          showPopup: whatsapp_popup == 1 ? true : false, //Enables popup display
          buttonImage: '<img src="' + whatsappImg + '" />', //Button Image
          position: "right" //Position: left | right

        });
      });
    </script>
  @endif

  @yield('scripts')

  @if (session()->has('success'))
    <script>
      toastr["success"]("{{ __(session('success')) }}");
    </script>
  @endif

  @if (session()->has('error'))
    <script>
      toastr["error"]("{{ __(session('error')) }}");
    </script>
  @endif

  <!--Start of subscribe functionality-->
  <script>
    $(document).ready(function() {
      $("#subscribeForm, #footerSubscribeForm").on('submit', function(e) {
        // console.log($(this).attr('id'));

        e.preventDefault();

        let formId = $(this).attr('id');
        let fd = new FormData(document.getElementById(formId));
        let $this = $(this);

        $.ajax({
          url: $(this).attr('action'),
          type: $(this).attr('method'),
          data: fd,
          contentType: false,
          processData: false,
          success: function(data) {
            // console.log(data);
            if ((data.errors)) {
              $this.find(".err-email").html(data.errors.email[0]);
            } else {
              toastr["success"]("You are subscribed successfully!");
              $this.trigger('reset');
              $this.find(".err-email").html('');
            }
          }
        });
      });

      // lory slider responsive
      $(".gjs-lory-frame").each(function() {
        let id = $(this).parent().attr('id');
        $("#" + id).attr('style', 'width: 100% !important');
      });
    });
  </script>
  <!--End of subscribe functionality-->

  <!--Start of Tawk.to script-->
  @if ($bs->is_tawkto == 1)
    {!! $bs->tawk_to_script !!}
  @endif
  <!--End of Tawk.to script-->

  <!--Start of AddThis script-->
  @if ($bs->is_addthis == 1)
    {!! $bs->addthis_script !!}
  @endif
  <!--End of AddThis script-->
</body>

</html>
