<!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 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/owl.carousel.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/owl.theme.default.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/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() == 'en')
        <link rel="stylesheet" href="{{ asset('assets/web/css/style-en.css') }}" />
    @endif

    @yield('css')

</head>

<body>

<div class="loading d-none">
    <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.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/owl.carousel.min.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.counterup.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/jquery.waypoints.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/swiper.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/tilt.jquery.min.js') }} "></script>
<script src="{{ asset('assets/web/js/lib/wow.min.js') }} "></script>


@yield('container_js')
</body>

</html>
