<!DOCTYPE html>
@if(app()->getLocale() == 'en' || app()->getLocale() == 'hi')
<html dir="ltr" lang="en">

@endif
@if(app()->getLocale() == 'ar')
<html dir="rtl" lang="ar">

@endif

<head>
    <!-- meta tags -->
    <meta 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="">
    <meta name="keywords" content="">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <!-- title -->
    <title>BkamThis</title>

    <!-- favicon -->
    <link rel="icon" type="image/x-icon" href="{{asset('front/assets/img/bkam/fav.jpg')}}">

    <!-- css -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.5/css/selectize.min.css" />

    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.css">
    @if(app()->getLocale() == 'en' || app()->getLocale() == 'hi')

    <link rel="stylesheet" href="{{asset('front/assets/css/bootstrap.min.css')}}">
    @endif

    @if(app()->getLocale() == 'ar')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.rtl.min.css"
        integrity="sha384-DOXMLfHhQkvFFp+rWTZwVlPVqdIhpDVYT9csOnHSgWQWPX0v5MCGtjCJbY6ERspU" crossorigin="anonymous">
    @endif
    <link rel="stylesheet" href="{{asset('front/assets/css/all-fontawesome.min.css')}}">
    <link rel="stylesheet" href="{{asset('front/assets/css/flaticon.css')}}">
    <link rel="stylesheet" href="{{asset('front/assets/css/animate.min.css')}}">
    <link rel="stylesheet" href="{{asset('front/assets/css/magnific-popup.min.css')}}">
    <link rel="stylesheet" href="{{asset('front/assets/css/owl.carousel.min.css')}}">
    <link rel="stylesheet" href="{{asset('front/assets/css/jquery-ui.min.css')}}">
    <link rel="stylesheet" href="{{asset('front/assets/css/nice-select.min.css')}}">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

    @stack('css_before')
    <link rel="stylesheet" href="{{asset('front/assets/css/style.css')}}">
    @if(app()->getLocale() == 'ar')

    <!--<link rel="stylesheet" href="{{ asset('end-user/assets/css/style_ar.css') }}">-->
    @endif
    <link rel="stylesheet" href="{{asset('front/assets/css/custom.css')}}">
    @if(app()->getLocale() == 'ar')
    <link rel="stylesheet" href="{{ asset('front/assets/css/custom_ar.css') }}">
    @endif

    @if(Route::currentRouteName() == 'site.index')
    <style>
        .home-2 .footer-widget-wrapper {
            padding-top: 150px;
        }
    </style>
    @else
    <style>
        .home-2 .footer-widget-wrapper {
            padding-top: 70px;
        }
    </style>
    @endif

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZFD06EVV4F"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-ZFD06EVV4F');
    </script>
    <script data-noptimize="1" data-cfasync="false" data-wpfc-render="false">
        (function () {
            var script = document.createElement("script");
            script.async = 1;
            script.src = 'https://emrld.cc/MzIyNDA3.js?t=322407';
            document.head.appendChild(script);
        })();
    </script>

    @stack('css_after')

</head>

<body class="home-2">

   <!-- preloader -->

    @include('front.includes.header')



    @yield('content')



    @include('front.includes.footer')


    <!-- scroll-top -->
    <a href="#" id="scroll-top"><i class="far fa-arrow-up"></i></a>
    <!-- scroll-top end -->

    <!-- js -->

    <script src="{{asset('front/assets/js/jquery-3.6.0.min.js')}}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/js/standalone/selectize.min.js"></script>

    <script src="{{asset('front/assets/js/modernizr.min.js')}}"></script>
    <script src="{{asset('front/assets/js/bootstrap.bundle.min.js')}}"></script>
    <script src="{{asset('front/assets/js/imagesloaded.pkgd.min.js')}}"></script>
    <script src="{{asset('front/assets/js/jquery.magnific-popup.min.js')}}"></script>
    <script src="{{asset('front/assets/js/isotope.pkgd.min.js')}}"></script>
    <script src="{{asset('front/assets/js/jquery.appear.min.js')}}"></script>
    <script src="{{asset('front/assets/js/jquery.easing.min.js')}}"></script>
    <script src="{{asset('front/assets/js/owl.carousel.min.js')}}"></script>
    <script src="{{asset('front/assets/js/counter-up.js')}}"></script>
    <script src="{{asset('front/assets/js/jquery-ui.min.js')}}"></script>
    <script src="{{asset('front/assets/js/jquery.nice-select.min.js')}}"></script>
    <script src="{{asset('front/assets/js/wow.min.js')}}"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"
        integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    @stack('js_before')
    <script src="{{asset('front/assets/js/main.js')}}"></script>
    <script>
        $(document).ready(function() {
            $('.add-to-favorites').on('click', function(event) {
                event.preventDefault();

                var adId = $(this).data('ad-id');
                var url = "{{ route('site.add-remove-favorite', ':adId') }}";
                url = url.replace(':adId', adId);

                var $heartIcon = $(this).find('i');

                $.ajax({
                    url: url,
                    method: 'GET',
                    success: function(response) {
                        // Handle success
                        $heartIcon.removeClass('far').addClass('fas').css('color', 'red');
                        console.log('Added to favorites successfully');
                    },
                    error: function(xhr, status, error) {
                        // Handle errors
                        console.error('Error adding to favorites:', error);
                    }
                });
            });
            $('.add-to-interstes').on('click', function(event) {
                event.preventDefault();
                var catId = $(this).data('cat-id');
                var url = "{{ route('site.add-remove-interstes', ':catId') }}";
                url = url.replace(':catId', catId);
                var $heartIcon = $(this).find('i');
                $.ajax({
                    url: url,
                    method: 'GET',
                    success: function(response) {
                        // Handle success

                        $heartIcon.removeClass('far').addClass('fas').css('color', 'red');
                        console.log('Added to interstes successfully');
                    },
                    error: function(xhr, status, error) {
                        // Handle errors
                        console.error('Error adding to interstes:', error);
                    }
                });
            });
            if ($('#mySelect').length) {
                $('#mySelect').selectize();
            }
            if ($('#mySelect2').length) {
                $('#mySelect2').selectize();
            }
            if ($('#mySelect3').length) {
                $('#mySelect3').selectize();
            }
            if ($('#mySelect4').length) {
                $('#mySelect4').selectize();
            }

            $('body').on('change', '#mySelect', function () {
                var airport = $('#mySelect').val();
                $('#mySelect3').val(airport);
            });

            $('body').on('change', '#mySelect3', function () {
                var airport = $('#mySelect3').val();
                $('#mySelect').val(airport);
            });

            $('body').on('change', '#mySelect2', function () {
                var airport = $('#mySelect2').val();
                $('#mySelect4').val(airport);
            });

            $('body').on('change', '#mySelect4', function () {
                var airport = $('#mySelect4').val();
                $('#mySelect2').val(airport);
            });

            document.querySelector('select[name="locale"]').addEventListener('change', function() {
                window.location.href = this.value;
            });
        });
    </script>
    @stack('js')
    @include('admin.layouts.toastr')
    @include('front.layouts.firebasescript')
</body>
</html>
