<!DOCTYPE html>
<html lang="">
<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 name="keyword" content="">
    <!--Page Name-->
    <title>{{__('web.project')}} - {{$title}}</title>
    <!--Page Icon-->
    <link rel="shortcut icon" href="{{url('')}}/assets/web/images/logo.svg" type="image/x-icon"/>
    <!--Bootstrap with RTL-->
    @if(getCurrentLocale() == 'ar')
        <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/bootstrap.rtl.css">
    @endif
    
    @if(getCurrentLocale() == 'en')
        <!--Bootstrap with LTR-->
        <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/bootstrap.min.css">
    @endif
    <!-- Bootstrap icons  -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
    <!-- Fontawosome icons  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />    <!--Css Files & Libraries-->
    <!-- Font & Libraries  -->
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css//lib/animate.css">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/jquery.fancybox.css">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/swiper.min.css">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/style.css?v={{ time() }}">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/media.css?v={{ time() }}">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <link  rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <!--With LTR -->
    @if(getCurrentLocale() == 'ar')
         <link rel="stylesheet" href="{{url('')}}/assets/web/css/style-ar.css?v={{ time() }}">
    @endif
</head>
<body>

@include('web.layouts.menu')
<!-- Modal -->
@yield('content')

@include('web.layouts.footer')
<!--Js Files & Libraries-->
<script src="{{url('')}}/assets/web/js/lib/jquery4.js"></script>
<script src="{{url('')}}/assets/web/js/lib/popper.js"></script>
<script src="{{url('')}}/assets/web/js/lib/bootstrap.bundle.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/jquery.fancybox.js"></script>
<script src="{{url('')}}/assets/web/js/lib/swiper.js"></script>
<script src="{{url('')}}/assets/web/js/lib/wow.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/back-to-top.js"></script>
<script src="{{url('')}}/assets/web/js/main.js?v={{ time() }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="{{url('')}}/assets/web/js/custom/formAction.js"></script>
<script src="{{url('')}}/assets/web/js/custom/response.js"></script>
@yield('inject_js')

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

  gtag('config', 'G-HCFDX8F5XH');
</script>

</body>
</html>



