<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="{{ $settings['meta_description'] }} - {{ $meta_description ?? ($title ?? '') }}" />
    <meta name="keywords" content="{{ $settings['keywords'] }} , {{  $keywords ??  ($title ?? '') }}" />

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ $settings['website_name'] }} - {{ ($title ?? '') }}</title>

    <link rel="shortcut icon" href="{{ asset('assets/web/images/icons/icon.svg') }}" type="image/x-icon" />

{{--    @if (app()->getLocale() == 'ar')--}}
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/bootstrap-rtl.min.css') }}" />
{{--    @endif--}}

{{--    @if (app()->getLocale() == 'en')--}}
{{--    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/bootstrap-ltr.min.css') }}" />--}}
{{--    @endif--}}

    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/all.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/animate.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/jquery.fancybox.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/swiper.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/selectBox.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/datepicker.min.css') }}" />


    <link rel="stylesheet" href="{{ asset('assets/web/css/style.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/media.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}">

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

    @yield('css')

</head>

<body>

<div class="loading">
    <div class="loader"></div>
</div>


@yield('container_content')
<script src="{{ asset('assets/web/js/lib/jquery4.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/popper.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/bootstrap.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/smooth-scroll.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/jquery.fancybox.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/jquery.easing-1.3.pack.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/jquery.mousewheel-3.0.4.pack.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/jquery.waypoints.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/jquery.counterup.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/swiper.js') }} "></script>
<script src="{{asset('assets/web/js/lib/image-uploader.min.js')}}"></script>
<script src="{{ asset('assets/web/js/lib/wow.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/selectBox.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/datepicker.min.js') }} "></script>
<script src="{{ asset('assets/web/js/printThis.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>

<script>
    $('#print_btn').on("click", function() {
        $('.cont_print').printThis({
            importCSS: true, // import parent page css
        });
    });
</script>


{{--<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>--}}
{{--<script src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js" integrity="sha512-A2+khatRDWHUE2VUtN4xUTkr1nc4YfDBw9Sg3ea6x0aRPfpcYieDZji4D2edDHy/yF5NsYzP7kL8sSM8s5EqCw==" crossorigin="anonymous"></script>--}}




@yield('container_js')
</body>

</html>
