<!doctype html>
<html lang="<?php echo e(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="<?php echo e($meta_description ?? ($title ?? '')); ?>" />
    <meta name="keywords" content="<?php echo e($keywords ??  ($title ?? '')); ?>" />

    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <title><?php echo e(config('app.name', 'CMS') .' - '. ($title ?? '')); ?></title>

    <link rel="shortcut icon" href="<?php echo e(settings('website_logo')  ? asset(settings('website_logo')) : asset('assets/web/images/logo.png')); ?>" type="image/x-icon"/>


    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700;800&display=swap" rel="stylesheet">

    <?php if(app()->getLocale() == 'ar'): ?>
        <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/bootstrap-rtl.min.css')); ?>" />
    <?php endif; ?>

    <?php if(app()->getLocale() == 'en'): ?>
        <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/bootstrap-ltr.min.css')); ?>" />
    <?php endif; ?>

    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/jquery-ui.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/animate.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/all.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/owl.carousel.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/owl.theme.default.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/jquery.fancybox.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/swiper.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/toastr.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/styles.css')); ?>" />

    <?php if(app()->getLocale() == 'ar'): ?>
        <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/style_ar.css')); ?>" />
    <?php endif; ?>

    <?php echo $__env->yieldContent('css'); ?>

    <style>
    .loading_page {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999999;
        background-color: #fff;
        padding-top: 30vh;
    }

    .loading_page .n_an{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50% , -50%);
        z-index: 9999999;
        width: 50px;
        height: 50px;
    }

    .loadder{
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .loadder .circle{
      width: 150px;
      height: 150px;
      border-radius: 50%;

      position: absolute;

        animation: spin 2s linear infinite;
    }

    .loadder .circle:nth-child(1){
      border-top: 2px solid #000;
    /*   animation-duration: 1s; */
    }


    .loadder .circle:nth-child(2){
      border-bottom: 2px solid #555;
      width: 120px;
      height: 120px;
    /*   animation-duration: 2s; */

    }

    .loadder .circle:nth-child(3){
      border-left: 2px solid #999;
      width: 180px;
      height: 180px;
    /*   animation-duration: 1s; */
    }

    @keyframes spin{
      from{transform: rotate(0deg)}
      to{transform: rotate(720deg)}
    }
</style>

</head>

<body>

    <div class="loading_page">
        <!--<img class="n_an" src="<?php echo e(asset('assets/web/images/n_an.svg')); ?>" alt="">-->
        <section class="loadder">
          <div class="circle"></div>
          <div class="circle"></div>
          <div class="circle"></div>
        </section>
    </div>


<?php echo $__env->yieldContent('container_content'); ?>
<script src="<?php echo e(asset('assets/web/js/lib/jquery-3.0.0.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/jquery-migrate-3.0.0.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/popper.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/wow.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/jquery.fancybox.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/owl.carousel.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/swiper.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/jquery-ui.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/lib/toastr.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/web/js/main.js')); ?>"></script>

<script>
    $(window).on("load", function() {

        $(".loading_page").fadeOut();

    });
</script>
<?php echo $__env->yieldContent('container_js'); ?>
</body>

</html>
<?php /**PATH /Applications/MAMP/htdocs/mawada/resources/views/web/layouts/layout.blade.php ENDPATH**/ ?>