<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="max-image-preview:large">
    <meta name="generator" content="Site Kit by Google 1.90.0">
    <meta name="msapplication-TileImage" content="{{ url('website/assets/images/uploads/2020/05/cropped-ship-270x270.png') }}">

    <title>{{ (app()->getLocale() == 'ar') ? config('settings.name_ar') : config('settings.name_en') }}</title>
      
    <link rel="icon" href="{{ asset('storage/'.config('settings.icon_en')) }}">
    <link rel="apple-touch-icon" href="{{ asset('storage/'.config('settings.icon_en')) }}">

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600%2C700&amp;ver=1.0.0" type="text/css">
    <link rel="stylesheet"  type="text/css" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=auto&amp;ver=6.1.1">
    <link rel="stylesheet" id="redux-google-fonts-startnext_opt-css" href="http://fonts.googleapis.com/css?family=Cairo&amp;ver=1678960139" type="text/css" media="all">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">

    <link rel="stylesheet" href="{{ url('website/css/dashicons.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/css/classic-themes.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/css/contact-form/styles.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/css/startnext-toolkit/startnext-toolkit.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/assets/css/bootstrap.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/assets/css/fontawesome/fontawesome.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/assets/css/fontawesome/all.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/assets/css/animate.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/css/meanmenu.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/css/magnific-popup.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/css/startnext-style.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url('website/css/startnext-responsive.css') }}" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="{{ url('website/assets/css/custom.css') }}" type="text/css">    

    @if(app()->getLocale() == 'ar')
        <link rel="stylesheet" href="{{ url('website/css/admin-bar-rtl.min.css') }}" type="text/css">
        <link rel="stylesheet" href="{{ url('website/css/dist/block-library/style-rtl.min.css') }}" type="text/css">
        <link rel="stylesheet" href="{{ url('website/css/contact-form/styles-rtl.css') }}" type="text/css">
        <link rel="stylesheet" href="{{ url('website/css/style-rtl.css') }}" type="text/css">
        <link rel="stylesheet" href="{{ url('website/assets/css/rtl.css') }}" type="text/css">
    @else
        <link rel="stylesheet" href="{{ url('website/css/admin-bar.min.css') }}" type="text/css">
        <link rel="stylesheet" href="{{ url('website/css/dist/block-library/style.min.css') }}" type="text/css">
        <link rel="stylesheet" href="{{ url('website/css/style.css') }}" type="text/css">
    @endif
    
    @if(Auth::check() || Auth::guard('admin')->check())
        <style>
            #header.headroom {
                padding-top: 15px !important;
            }
        </style>
    @else
        <style>
            .startp-nav.p-relative {
                padding-top: 5px;
            }
        </style>
    @endif

    @yield('css')

</head>
<body class="home page-template-default page page-id-2010 logged-in admin-bar elementor-default elementor-kit-1873 elementor-page elementor-page-2010 customize-support e--ua-blink e--ua-edge e--ua-webkit" data-elementor-device-mode="desktop">
    
    @if(Auth::check() || Auth::guard('admin')->check())
        @include('website.layouts.login_bar')
    @endif

    <div class="default-layout ">

        <!-- Start Preloader Area -->
        <div class="preloader" style="display: none;">
            <div class="spinner"></div>
        </div>
        <!-- End Preloader Area -->

        @include('website.layouts.header')

        <div id="FloatMenu" class="modal fade modal-right float-menu-modal" tabindex="-1" role="dialog">
            <!-- Float Menu Modal -->
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>

                    <div class="modal-body p-0">
                        <div class="startp-mobile-nav startp-float-menu"></div>
                    </div>
                </div>
            </div>
        </div>

        <div id="content" class="site-content">

            @yield('content')
            
        </div><!-- #content -->

        @include('website.layouts.footer')

    </div>

    <script src="{{ url('website/js/contact-form/swv/js/index.js') }}"></script>
    <script src="{{ url('website/js/contact-form/js/index.js') }}"></script>
    <script src="{{ url('website/assets/js/popper.min.js') }}"></script>
    <script src="{{ url('website/assets/js/bootstrap.min.js') }}"></script>
    <script src="{{ url('website/assets/js/wow.min.js') }}"></script>
    <script src="{{ url('website/assets/js/imagesloaded.pkgd.min.js') }}"></script>
    <script src="{{ url('website/assets/js/feather.min.js') }}"></script>
    <script src="{{ url('website/assets/js/headroom.js') }}"></script>
    <script src="{{ url('website/assets/js/imagesloaded.min.js') }}"></script>
    <script src="{{ url('website/assets/js/masonry.min.js') }}"></script>
    <script src="{{ url('website/assets/js/startnext-main.js') }}"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="{{ url('website/js/underscore.min.js') }}"></script>
    <script src="{{ url('website/js/backbone.min.js') }}"></script>
    <script src="{{ url('website/js/api-request.min.js') }}"></script>
    <script src="{{ url('website/js/dist/vendor/regenerator-runtime.min.js') }}"></script>
    <script src="{{ url('website/js/dist/vendor/wp-polyfill.min.js') }}"></script>
    <script src="{{ url('website/js/dist/hooks.min.js') }}"></script>
    <script src="{{ url('website/js/dist/i18n.min.js') }}"></script>
    <script src="{{ url('website/js/hoverintent-js.min.js') }}"></script>
    <script src="{{ url('website/js/admin-bar.min.js') }}"></script>

    @yield('js')

    <!--Start of Tawk.to Script (0.7.2)-->
    <script id="tawk-script" type="text/javascript">
        var Tawk_API = Tawk_API || {};
        Tawk_API.visitor = JSON.parse("{\"name\":\"Mahmoud Wafik\",\"email\":\"ps.tech.eg@gmail.com\"}");
        var Tawk_LoadStart = new Date();
        (function () {
            var s1 = document.createElement('script'), s0 = document.getElementsByTagName('script')[0];
            s1.async = true;
            s1.src = 'https://embed.tawk.to/5ef05cd59e5f694422910b94/default';
            s1.charset = 'UTF-8';
            s1.setAttribute('crossorigin', '*');
            s0.parentNode.insertBefore(s1, s0);
        })();
    </script>
    <!--End of Tawk.to Script (0.7.2)-->

    <!-- Google Analytics opt-out snippet added by Site Kit -->
    <script src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-main.js" charset="UTF-8" crossorigin="*"></script>
    <script src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-vendor.js" charset="UTF-8" crossorigin="*"></script>
    <script src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-vendors.js" charset="UTF-8" crossorigin="*"></script>
    <script src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-common.js" charset="UTF-8" crossorigin="*"></script>
    <script src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-runtime.js" charset="UTF-8" crossorigin="*"></script>
    <script src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-app.js" charset="UTF-8" crossorigin="*"></script>
    <script src="https://embed.tawk.to/5ef05cd59e5f694422910b94/default" charset="UTF-8" crossorigin="*"></script>
    <script type="text/javascript">
        window["ga-disable-"] = true;
    </script>
    <!-- End Google Analytics opt-out snippet added by Site Kit -->
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-2c78ba82.js"></script>
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-696bc286.js"></script>
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-f1596d96.js"></script>
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-48f46bef.js"></script>
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-4fe9d5dd.js"></script>
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-2d0b9454.js"></script>
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-f163fcd0.js"></script>
    <script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/js/twk-chunk-32507910.js"></script>

    <script charset="UTF-8" src="https://embed.tawk.to/_s/v4/app/6406c8b5020/languages/ar.js"></script>
    <div id="etca91t82klo1678969475837" class="widget-visible">
        <iframe src="about:blank" frameborder="0" scrolling="no" width="64px" height="60px" style="outline:none !important; visibility:visible !important; resize:none !important; box-shadow:none !important; overflow:visible !important; background:none !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important; -mz-opacity:1 !important; -khtml-opacity:1 !important; top:auto !important; right:20px !important; bottom:20px !important; left:auto !important; position:fixed !important; border:0 !important; min-height:60px !important; min-width:64px !important; max-height:60px !important; max-width:64px !important; padding:0 !important; margin:0 !important; -moz-transition-property:none !important; -webkit-transition-property:none !important; -o-transition-property:none !important; transition-property:none !important; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important; width:64px !important; height:60px !important; display:block !important; z-index:1000001 !important; background-color:transparent !important; cursor:none !important; float:none !important; border-radius:unset !important; pointer-events:auto !important; clip:auto !important; color-scheme:light !important;" id="n5qrl53st031678969475870" class="" title="chat widget"></iframe>
        <iframe src="about:blank" frameborder="0" scrolling="no" width="350px" height="312px" style="outline:none !important; visibility:visible !important; resize:none !important; box-shadow:none !important; overflow:visible !important; background:none !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important; -mz-opacity:1 !important; -khtml-opacity:1 !important; top:auto !important; right:10px !important; bottom:90px !important; left:auto !important; position:fixed !important; border:0 !important; min-height:312px !important; min-width:350px !important; max-height:312px !important; max-width:350px !important; padding:0 !important; margin:0 !important; -moz-transition-property:none !important; -webkit-transition-property:none !important; -o-transition-property:none !important; transition-property:none !important; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important; width:350px !important; height:312px !important; display:none !important; z-index:auto !important; background-color:transparent !important; cursor:none !important; float:none !important; border-radius:5px !important; pointer-events:auto !important; clip:auto !important; color-scheme:light !important;" id="lptfafuvr2og1678969475921" class="" title="chat widget"></iframe>
        <iframe src="about:blank" frameborder="0" scrolling="no" width="360px" height="55px" style="outline:none !important; visibility:visible !important; resize:none !important; box-shadow:none !important; overflow:visible !important; background:none !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important; -mz-opacity:1 !important; -khtml-opacity:1 !important; top:auto !important; right:20px !important; bottom:100px; left:auto !important; position:fixed !important; border:0 !important; min-height:55px !important; min-width:360px !important; max-height:55px !important; max-width:360px !important; padding:0 !important; margin:0 !important; -moz-transition-property:none !important; -webkit-transition-property:none !important; -o-transition-property:none !important; transition-property:none !important; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important; width:360px !important; height:55px !important; display:none !important; z-index:auto !important; background-color:transparent !important; cursor:none !important; float:none !important; border-radius:unset !important; pointer-events:auto !important; clip:auto !important; color-scheme:light !important;" id="obmdmhnkb76g1678969475905" class="" title="chat widget"></iframe>
        <iframe src="about:blank" frameborder="0" scrolling="no" width="124px" height="95px" style="outline:none !important; visibility:visible !important; resize:none !important; box-shadow:none !important; overflow:visible !important; background:none !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important; -mz-opacity:1 !important; -khtml-opacity:1 !important; top:auto !important; right:0px !important; bottom:30px !important; left:auto !important; position:fixed !important; border:0 !important; min-height:95px !important; min-width:124px !important; max-height:95px !important; max-width:124px !important; padding:0 !important; margin:0px 0 0 0 !important; -moz-transition-property:none !important; -webkit-transition-property:none !important; -o-transition-property:none !important; transition-property:none !important; transform:rotate(0deg) translateZ(0); -webkit-transform:rotate(0deg) translateZ(0); -ms-transform:rotate(0deg) translateZ(0); width:124px !important; height:95px !important; display:none !important; z-index:1000002 !important; background-color:transparent !important; cursor:none !important; float:none !important; border-radius:unset !important; pointer-events:auto !important; clip:auto !important; color-scheme:light !important; -moz-transform:rotate(0deg) translateZ(0); -o-transform:rotate(0deg) translateZ(0); transform-origin:0; -moz-transform-origin:0; -webkit-transform-origin:0; -o-transform-origin:0; -ms-transform-origin:0;" id="onk8hccr4kk1678969475889" class="" title="chat widget"></iframe>
    </div>
</body>
</html>