
<?php $__env->startSection('title',__('Menyum.az Dashboard')); ?>
<?php $__env->startSection('content'); ?>
<main>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="page-title-container">
                    <h1 class="mb-0 pb-0 display-4" id="title"><?php echo app('translator')->get('Home Page'); ?></h1>
                    <nav class="breadcrumb-container d-inline-block" aria-label="breadcrumb">
                        <ul class="breadcrumb pt-0">
                            <li class="breadcrumb-item"><a href="<?php echo e(route('admin:home')); ?>"><?php echo app('translator')->get('Home'); ?></a></li>
                            <li class="breadcrumb-item"><a href="<?php echo e(route('admin:home')); ?>"><?php echo app('translator')->get('Dashboards'); ?></a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        <h2 class="small-title"><?php echo app('translator')->get('Main 4 Categories'); ?></h2>
        <div class="row g-2 mb-5">
           <?php $__currentLoopData = $menuCategories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $menuCategory): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-12 col-sm-6 col-xl-3">
                    <div class="card w-100 sh-23 hover-img-scale-up">
                        <img src="<?php echo e($menuCategory->image()); ?>" class="card-img h-100 scale" alt="card image">
                        <div class="card-img-overlay d-flex flex-column justify-content-between bg-transparent">
                            <div class="d-flex flex-column h-100 justify-content-between align-items-start">
                                <div class="cta-2 text-white w-75"><?php echo e($menuCategory->menu_category()); ?></div>
                                <a href="<?php echo e(route('admin:menyus.index',['category_id' =>$menuCategory->getAttribute('id')])); ?>" class="btn btn-icon btn-icon-start btn-primary mt-3 stretched-link">
                                    <i data-acorn-icon="chevron-right" class="text-white"></i>
                                    <span><?php echo app('translator')->get('View'); ?></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
           <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>

        <div class="row">
            <div class="col-12 col-lg-8">
                <h2 class="small-title"><?php echo app('translator')->get('Inventory'); ?></h2>
                <div class="mb-5">
                    <div class="row g-2">
                        <div class="col-12 col-sm-6 col-lg-3">
                            <div class="card hover-scale-up cursor-pointer sh-19">
                                <div class="h-100 d-flex flex-column justify-content-between card-body align-items-center">
                                    <div class="bg-gradient-light sh-5 sw-5 rounded-xl d-flex justify-content-center align-items-center mb-2">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="acorn-icons acorn-icons-radish text-white"><path d="M11.7852 15.4134C9.18166 18.0169 4.8614 17.9177 3.53558 16.5919C2.20976 15.2661 2.11059 10.9458 4.71409 8.34231C7.31758 5.73881 8.82906 4.91481 12.0209 8.10661C15.2127 11.2984 14.3887 12.8099 11.7852 15.4134Z"></path><path d="M6.36401 8.10657 8.13178 9.87433M9 14 10.7678 15.7678M3 12 4.76777 13.7678M12.1777 7.94978V7.94978C13.4445 6.68295 15.3799 6.36889 16.9823 7.1701L17.1274 7.24268M12.1777 7.94975V7.94975C13.4445 6.68292 13.7586 4.74757 12.9573 3.14515L12.8848 3M14.157 6.00006 15.5712 4.58585"></path></svg>
                                    </div>
                                    <div class="heading text-center mb-0 d-flex align-items-center lh-1"><?php echo app('translator')->get('Categories'); ?></div>
                                    <div class="text-small text-primary"><?php echo e($totalCategories); ?> <?php echo app('translator')->get('PRODUCTS'); ?></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3">
                            <div class="card hover-scale-up cursor-pointer sh-19">
                                <div class="h-100 d-flex flex-column justify-content-between card-body align-items-center">
                                    <div class="bg-gradient-light sh-5 sw-5 rounded-xl d-flex justify-content-center align-items-center mb-2">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="acorn-icons acorn-icons-loaf text-white"><path d="M18 11C18 16 14.4183 16 10 16C5.58172 16 2 16 2 11C2 7.68629 4 4 10 4C16 4 18 7.68629 18 11Z"></path><path d="M6 10 6 5M14 10 14 5M10 9 10 4"></path></svg>
                                    </div>
                                    <div class="heading text-center mb-0 d-flex align-items-center lh-1"><?php echo app('translator')->get('Menus'); ?></div>
                                    <div class="text-small text-primary"><?php echo e($totalMenyus); ?> <?php echo app('translator')->get('PRODUCTS'); ?></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3">
                            <div class="card hover-scale-up cursor-pointer sh-19">
                                <div class="h-100 d-flex flex-column justify-content-between card-body align-items-center">
                                    <div class="bg-gradient-light sh-5 sw-5 rounded-xl d-flex justify-content-center align-items-center mb-2">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="acorn-icons acorn-icons-pepper text-white"><path d="M13 11.3333C13 15.0152 11.125 18 10 18C8.875 18 7 15.0152 7 11.3333C7 7.65144 7.29167 6 10 6C12.7083 6 13 7.65144 13 11.3333Z"></path><path d="M11 17.5C12.4471 17.4093 16.1356 16.6825 16.7696 13.3675 17.4035 10.0525 18.6096 7.29223 14.9118 6.58509 13.5768 6.3298 13.119 6.7133 12.4304 7.00002M9 17.5C7.5529 17.4093 3.86436 16.6825 3.23041 13.3675 2.59647 10.0525 1.39044 7.29223 5.08821 6.58509 6.42318 6.3298 6.881 6.7133 7.56958 7.00002"></path><path d="M10 6L9.37873 3.51493C9.15615 2.62459 8.35618 2 7.43845 2H7"></path></svg>
                                    </div>
                                    <div class="heading text-center mb-0 d-flex align-items-center lh-1"><?php echo app('translator')->get('Total Sum'); ?></div>
                                    <div class="text-small text-primary"><?php echo e($totalPrice); ?> ₼</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3">
                            <div class="card hover-scale-up cursor-pointer sh-19">
                                <div class="h-100 d-flex flex-column justify-content-between card-body align-items-center">
                                    <div class="sh-5 sw-5 border border-dashed rounded-xl mx-auto">
                                        <div class="bg-separator w-100 h-100 rounded-xl d-flex justify-content-center align-items-center mb-2">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="acorn-icons acorn-icons-plus text-white"><path d="M10 17 10 3M3 10 17 10"></path></svg>
                                        </div>
                                    </div>
                                    <div class="heading text-center text-muted mb-0 d-flex align-items-center lh-1"><?php echo app('translator')->get('Add New'); ?></div>
                                    <div class="text-small text-primary">&nbsp;</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Inventory End -->

                <!-- Products Start -->
                <div class="d-flex justify-content-between">
                    <h2 class="small-title"><?php echo app('translator')->get('Menus'); ?></h2>
                    <button class="btn btn-icon btn-icon-end btn-xs btn-background-alternate p-0 text-small" type="button">
                        <span class="align-bottom">
                            <a href="<?php echo e(route('admin:menyus.index')); ?>"><?php echo app('translator')->get('View All'); ?></a>
                        </span>
                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="acorn-icons acorn-icons-chevron-right align-middle"><path d="M7 4L12.6464 9.64645C12.8417 9.84171 12.8417 10.1583 12.6464 10.3536L7 16"></path></svg>
                    </button>
                </div>
                <div class="scroll-out mb-5">
                    <div class="scroll-by-count mb-n2 os-host os-theme-dark os-host-resize-disabled os-host-scrollbar-horizontal-hidden os-host-scrollbar-vertical-hidden os-host-transition" data-count="5" style="height: 440px; margin-bottom: -8px;"><div class="os-resize-observer-host observed"><div class="os-resize-observer" style="left: 0px; right: auto;"></div></div><div class="os-size-auto-observer observed" style="height: calc(100% + 1px); float: left;"><div class="os-resize-observer"></div></div><div class="os-content-glue" style="margin: 0px -15px;"></div><div class="os-padding"><div class="os-viewport os-viewport-native-scrollbars-invisible"><div class="os-content" style="padding: 0px 15px; height: 100%; width: 100%;">
                       <?php $__currentLoopData = $menyus; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $menu): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="card mb-2">
                                <div class="row g-0 sh-14 sh-md-10">
                                    <div class="col-auto h-100">
                                        <a href="#">
                                            <img src="<?php echo e($menu->image()); ?>" alt="<?php echo e($menu->title()); ?>" class="card-img card-img-horizontal sw-13 sw-md-12">
                                        </a>
                                    </div>
                                    <div class="col">
                                        <div class="card-body pt-0 pb-0 h-100">
                                            <div class="row g-0 h-100 align-content-center">
                                                <div class="col-12 col-md-6 d-flex align-items-center mb-2 mb-md-0">
                                                    <a href="#"><?php echo e($menu->title()); ?></a>
                                                </div>
                                                <div class="col-12 col-md-3 d-flex align-items-center text-muted text-medium"><?php echo e($menu->category->menu_category()); ?></div>
                                                <div class="col-12 col-md-3 d-flex align-items-center justify-content-md-end text-muted text-medium"><?php echo e($menu->getAttribute('created_at')); ?></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                       <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div></div></div><div class="os-scrollbar os-scrollbar-horizontal os-scrollbar-unusable os-scrollbar-auto-hidden"><div class="os-scrollbar-track os-scrollbar-track-off"><div class="os-scrollbar-handle" style="width: 100%; transform: translate(0px, 0px);"></div></div></div><div class="os-scrollbar os-scrollbar-vertical os-scrollbar-unusable os-scrollbar-auto-hidden" style="height: calc(100% - 8px);"><div class="os-scrollbar-track os-scrollbar-track-off"><div class="os-scrollbar-handle" style="height: 100%; transform: translate(0px, 0px);"></div></div></div><div class="os-scrollbar-corner"></div></div>
                </div>
            </div>
            <div class="col-12 col-lg-4">
                <h2 class="small-title"><?php echo app('translator')->get('Todays Orders'); ?></h2>
                <div class="card w-100 sh-50 mb-5">
                    <img src="<?php echo e(asset('/assets/admin/menu/img/banner/cta-square-4.webp')); ?>" class="card-img h-100" alt="card image">
                    <div class="card-img-overlay d-flex flex-column justify-content-between bg-transparent">
                        <div class="d-flex flex-column h-100 justify-content-between align-items-start">
                          <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div>
                                <div class="cta-1 text-primary mb-1"><?php echo e($category->menyus_count); ?></div>
                                <div class="lh-1-25 mb-0"><?php echo e($category->menu_category()); ?></div>
                            </div>
                          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                </div>

                <h2 class="small-title"><?php echo app('translator')->get('Categories'); ?></h2>
                <div class="card mb-5 h-auto sh-lg-23">
                    <div class="card-body h-100">
                        <div class="row g-0 h-100">
                            <div class="col-12 col-sm-6 h-100 d-flex justify-content-between flex-column">
                                <?php $__currentLoopData = $categoriesNumber; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $number): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                   <a href="#" class="body-link d-flex mb-2"><?php echo e($number->menu_category()); ?> (<?php echo e($number->menyus_count); ?>)</a>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</main>
<?php $__env->stopSection(); ?>


<?php echo $__env->make('app.admin.layout.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/menyum/durrem.menyum.az/resources/views/app/admin/home/home.blade.php ENDPATH**/ ?>