<!DOCTYPE html>
<html lang="zxx">

<head>

    <!-- Metas -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="" />

    <!-- Title  -->
    <!-- <title>{{@$setting->translations->first()->title}}</title> -->
    @yield('meta_tags')

    <!-- Favicon -->
    <link rel="shortcut icon" href="{{@asset($setting->logo)}}" />

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&display=swap" rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css?family=Tajawal:200,300,400,500,700,800,900&display=swap&subset=arabic,cyrillic"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Almarai:300,400,700,800" rel="stylesheet">

    <!-- Plugins -->
    <link rel="stylesheet" href="{{asset('/site')}}/css/plugins.css" />

    <!-- bootstrap-ltr.min -->
    <link rel="stylesheet" href="{{asset('/site')}}/css/bootstrap-ltr.min.css" />

    <!-- bootstrap-rtl.min -->
    <link rel="stylesheet" href="{{asset('/site')}}/css/bootstrap-rtl.min.css" />

    <!-- Core Style Css -->
    <link rel="stylesheet" href="{{asset('/site')}}/css/style.css" />

</head>

<body>

    <!-- =====================================
    	==== Start Loading -->

    <div class="loading valign">
        <div class="full-width">
            <div class="lds-default">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>

    <!-- End Loading ====
        ======================================= -->



    <!-- =====================================
        ==== Start Navbar -->

    <nav class="navbar change navbar-expand-lg">
        <div class="container">

            <!-- Logo -->
            <a class="logo" href="{{url('/')}}">
                <img src="{{@asset($setting->logo)}}" alt="logo">
            </a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="icon-bar"><i class="fas fa-bars"></i></span>
            </button>

            <!-- navbar links -->
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto rtl-row">
                    <li class="nav-item">
                        <a class="nav-link active" href="#">الرئسية</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">خدماتنا</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">من نحن</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">اراء العملاء</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">أتصل بنا</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- End Navbar ====
        ======================================= -->

        @yield('content')




<!-- =====================================
==== Start Footer -->

<footer class="">
<div class="main-footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="item about wow fadeIn">
                    <div class="footer-logo">
                        <img src="{{asset('/site')}}/images/logo.png" alt="">
                    </div>
                    <div class="text">{{@$setting->translations->first()->content}}</div>
                </div>
            </div>
            <div class="col-lg-3"></div>
            <div class="col-lg-5 col-md-6 valign">
                <div class="download">

                    <h5>تنزيل التطبيق الآن!</h5>

                    <a  href="{{@$info->ios_url}}" target="_blank"  class="apl">
                        <span class="icon"><img src="{{asset('/site')}}/images/apple.svg" alt=""></span>
                        <div class="cont">
                            <i>متاح على</i>
                            <h6>أب ستور</h6>
                        </div>
                    </a>
                    <a  href="{{@$info->android_url}}" target="_blank"  class="gog">
                        <span class="icon"><img src="{{asset('/site')}}/images/google-play.svg" alt=""></span>
                        <div class="cont">
                            <i>متاح على</i>
                            <h6>جوجل بلاى</h6>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="sub-footer">
    <div class="text-center">
        <p><a href="#0" target="_blank">© 2019 ، جميع الحقوق محفوظة.</a></p>
    </div>
</div>

<div class="round-edge top"></div>
</footer>

<!-- End Footer ====
======================================= -->



    <!-- jQuery -->
    <script src="{{asset('/site')}}/js/jquery-3.0.0.min.js"></script>
    <script src="{{asset('/site')}}/js/jquery-migrate-3.0.0.min.js"></script>

    <!-- popper.min -->
    <script src="{{asset('/site')}}/js/popper.min.js"></script>

    <!-- bootstrap -->
    <script src="{{asset('/site')}}/js/bootstrap.min.js"></script>

    <!-- aos js -->
    <script src="{{asset('/site')}}/js/wow.min.js"></script>

    <!-- scrollIt -->
    <script src="{{asset('/site')}}/js/scrollIt.min.js"></script>

    <!-- slick carousel -->
    <script src="{{asset('/site')}}/js/slick.min.js"></script>

    <!-- YouTubePopUp.jquery -->
    <script src="{{asset('/site')}}/js/YouTubePopUp.jquery.js"></script>

    <!-- validator js -->
    <script src="{{asset('/site')}}/js/validator.js"></script>

    <!-- custom scripts -->
    <script src="{{asset('/site')}}/js/scripts.js"></script>

    <script>
        new WOW().init();
    </script>



</body>

</html>