<!DOCTYPE html>
<html>

<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="keywords" content="" />
    <link rel="shortcut icon" href="{{url('')}}/assets/web/images/logo_icon.svg" title="Favicon" sizes="16x16" />

    @if(getCurrentLocale() == 'en')
    <!--With LTR -->
        <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/bootstrap.min.css">
    <!--  -->
    @else
    <!--With RTL -->
        <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/bootstrap.rtl.min.css" />
    @endif
    <!--  -->

    <!-- google roboto font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&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/lib/all.min.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/jquery-ui.theme.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/jquery-ui.min.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/style.css" />
    @if(getCurrentLocale() == 'en')
        <link rel="stylesheet" href="{{url('')}}/assets/web/css/style_en.css">
    @endif
    <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">
    <title> {{__('web.project')}} | {{$title}} </title>

</head>

<body class="">

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

@include('web.layouts.footer')
<!--Js Files & Libraries-->
<script src="{{url('')}}/assets/web/js/lib/jquery-3.0.0.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/jquery-migrate-3.0.0.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/bootstrap.bundle.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/wow.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/jquery.fancybox.js"></script>
<script src="{{url('')}}/assets/web/js/lib/swiper.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/jquery.waypoints.min.js"></script>
<script src="{{url('')}}/assets/web/js/lib/jquery.counterup.js"></script>
<script src="{{url('')}}/assets/web/js/lib/back-to-top.js"></script>
<script src="{{url('')}}/assets/web/js/lib/jquery-ui.min.js"></script>
<script src="{{url('')}}/assets/web/js/main.js"></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')
</body>

</html>
