<!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="{{ $meta_description ?? ($title ?? '') }}" />
    <meta name="keywords" content="{{  $keywords ??  ($title ?? '') }}" />

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

    <title>{{ config('app.name', 'CMS') .' - '. ($title ?? '') }}</title>

    <link rel="shortcut icon" href="{{asset(settings('website_logo') ?? 'assets/web/images/logo.png')}}" 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.min.css') }}" />
    @endif

    <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/all.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/bootstrap_icons.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/web/css/styles.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')

    <style>
        :root {
            --mainColor: #356841;
            --subColor: #b58a26;
        }
        html{
            scroll-behavior: smooth;
        }
    </style>
</head>

<body>


@yield('container_content')
<script src="{{ asset('assets/web/js/lib/jquery-3.0.0.min.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/jquery-migrate-3.0.0.min.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/popper.min.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/wow.min.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/jquery.fancybox.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/swiper.min.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/jquery.waypoints.min.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/jquery.counterup.js') }}"></script>
<script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>
<script src="{{ asset('assets/web/js/main.js') }}"></script>

@yield('container_js')
</body>

</html>
