Edit File - File Manager

Edit File: e63ebd240659d5eb606a2452289cadde884d7799.php

<?php $__env->startSection('content'); ?>
        <div class="row">
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="card bg-analytics text-white">
                    <div class="card-content">
                        <div class="card-body text-center">
                            <img src="<?php echo e(asset('admin/app-assets/images/elements/decore-left.png')); ?>" class="img-left" alt="card-img-left">
                            <img src="<?php echo e(asset('admin/app-assets/images/elements/decore-right.png')); ?>" class="img-right" alt="card-img-right">
                            <div class="text-center">
                                <h1 class="mb-2 "><?php echo e(awtTrans('مرحبا بك  ')); ?> <?php echo e(auth('admin')->user()->name); ?></h1>
                                <p class="m-auto w-75 "><?php echo e(date('d-m-Y', strtotime(\Carbon\Carbon::now()))); ?> </p>
                                <p class="m-auto w-75 "><?php echo e(date('h:i A', strtotime(\Carbon\Carbon::now()))); ?> </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 weatherWidgetInner">
                <a class="weatherwidget-io" href="https://forecast7.com/ar/24d7146d68/riyadh/" data-label_1="<?php echo e(awtTRans('RIYADH')); ?>" data-label_2="الطقس" data-font="Cairo" data-icons="Climacons" data-theme="original" data-basecolor="rgb(16 22 58)" >RIYADH الطقس</a>
            </div>
        </div>
        
        <div class="row hight-card">
            <div class="col-lg-6 col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between pb-0">
                        <h4 class="card-title"><?php echo e(awtTrans('المستخدمين')); ?></h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body py-0">
                            <div id="customer-chart"></div>
                        </div>
                        <ul class="list-group list-group-flush customer-info">
                            <li class="list-group-item d-flex justify-content-between ">
                                <div class="series-info d-flex align-items-center">
                                    <i class="fa fa-circle font-small-3 text-primary"></i>
                                    <span class="text-bold-600"><?php echo e(awtTrans('المستخدمين النشطين')); ?></span>
                                </div>
                                <div class="product-result">
                                    <span><?php echo e($activeUsers); ?></span>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between ">
                                <div class="series-info d-flex align-items-center">
                                    <i class="fa fa-circle font-small-3 text-warning"></i>
                                    <span class="text-bold-600"><?php echo e(awtTrans('المستخدمين الغير النشطين')); ?></span>
                                </div>
                                <div class="product-result">
                                    <span><?php echo e($notActiveUsers); ?></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between pb-0">
                        <h4 class="card-title"><?php echo e(awtTrans('المتاجر')); ?></h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body pt-0">
                            <div class="row">
                                <div class="col-12 d-flex flex-column flex-wrap text-center">
                                    <h1 class="font-large-2 text-bold-700 mt-1 mb-0"><?php echo e($stores_contracted + $google_stores); ?></h1>
                                    <small><?php echo e(awtTrans('المتاجر')); ?></small>
                                </div>
                                <div class="col-sm-12 col-12 d-flex justify-content-center">
                                    <div id="support-tracker-chart"></div>
                                </div>
                            </div>
                            <div class="chart-info d-flex justify-content-between">
                                <div class="text-center">
                                    <p class="mb-50"><?php echo e(awtTrans('المتاجر المتعاقدة')); ?> </p>
                                    <span class="font-large-1"><?php echo e($stores_contracted); ?></span>
                                </div>
                                <div class="text-center">
                                    <p class="mb-50"><?php echo e(awtTrans(' المتاجر الغير متعاقدة ')); ?></p>
                                    <span class="font-large-1"><?php echo e($google_stores); ?></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-end">
                        <h4 class="card-title"><?php echo e(awtTrans('الدول والمدن')); ?></h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body pb-0">
                            <div id="revenue-chart"></div>
                        </div>
                    </div>
                </div>
            </div>

<div class=" col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-end">
                        <h4 class="mb-0"><?php echo e(awtTrans('المشرفين')); ?></h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body px-0 pb-0">
                            <div id="goal-overview-chart" class="mt-75"></div>
                            <div class="row text-center mx-0">
                                <div class="col-6 border-top border-right d-flex align-items-between flex-column py-1">
                                    <p class="mb-50"><?php echo e(awtTrans('المشرفين النشطين')); ?></p>
                                    <p class="font-large-1 text-bold-700"><?php echo e(round( ($admins_active * 100) / ($admins_active + $admins_blocked == 0 ? 1 : $admins_active + $admins_blocked))); ?> %</p>
                                </div>
                                <div class="col-6 border-top d-flex align-items-between flex-column py-1">
                                    <p class="mb-50"><?php echo e(awtTrans('المشرفون المحظورون ')); ?></p>
                                    <p class="font-large-1 text-bold-700"><?php echo e(round( ($admins_blocked * 100) / ($admins_active + $admins_blocked == 0 ? 1 : $admins_active + $admins_blocked))); ?> %</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

</div>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
    <script>
        !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
    </script>
    <script src="<?php echo e(asset('admin/charts_functions.js')); ?>"></script>
    <script>
        new ApexCharts(
            document.querySelector("#support-tracker-chart"),
            radialBarFunction(['#EA5455'] , ['#7367F0'] , ['Stores'] , [ Math.round( '<?php echo e(($stores_contracted * 100) / ($google_stores + $stores_contracted == 0 ? 1 : $google_stores + $stores_contracted)); ?>') ])
        ).render();

new ApexCharts(
            document.querySelector("#customer-chart"),
            pieChartFunction(['active', 'not active'] , [ Number('<?php echo e($activeUsers); ?>'), Number('<?php echo e($notActiveUsers); ?>')] , ['#7367F0', '#FF9F43'])
        ).render();

new ApexCharts(
            document.querySelector("#new-chart"),
            pieChartFunction(['new', 'total orders'] , [ Number('<?php echo e($new_orders); ?>'), Number('<?php echo e($orders); ?>')] , ['#7367F0', '#FF9F43'])
        ).render();
        new ApexCharts(
            document.querySelector("#order-chart"),
            pieChartFunction(['active orders', 'total orders'] , [ Number('<?php echo e($active_orders); ?>'), Number('<?php echo e($orders); ?>')] , ['#7367F0', '#FF9F43'])
        ).render();

new ApexCharts(
            document.querySelector("#finish-chart"),
            pieChartFunction(['finished order', 'total orders'] , [ Number('<?php echo e($finished_orders); ?>'), Number('<?php echo e($orders); ?>')] , ['#7367F0', '#FF9F43'])
        ).render();

new ApexCharts(
            document.querySelector("#cancel-chart"),
            pieChartFunction(['canceled order', 'total orders'] , [ Number('<?php echo e($closed_orders); ?>'), Number('<?php echo e($orders); ?>')] , ['#7367F0', '#FF9F43'])
        ).render();

var productChart = new ApexCharts(
            document.querySelector("#product-order-chart"),
            radialBarFunction2(['#7367F0', '#FF9F43'] , [ '#8F80F9', '#FFC085'] , [ Math.round((Number('<?php echo e($active_companies); ?>') * 100 / (Number('<?php echo e($active_companies); ?>') + Number('<?php echo e($notActivecompanies); ?>')))) , Math.round((Number('<?php echo e($notActivecompanies); ?>') * 100 / (Number('<?php echo e($notActivecompanies); ?>') + Number('<?php echo e($active_companies); ?>'))))] , ['Accepted', 'Pending'])
        ).render();

var sessionChart = new ApexCharts(
            document.querySelector("#session-chart"),
                
                donutFunction([Math.round(Number('<?php echo e(($activeDelegate * 100) / ($activeDelegate + $notActiveDelegate  == 0 ? 1 :$activeDelegate + $notActiveDelegate )); ?>')), Math.round(Number('<?php echo e(($notActiveDelegate * 100) / ($activeDelegate + $notActiveDelegate  == 0 ? 1 :$activeDelegate + $notActiveDelegate )); ?>'))], ['Active Delegates', 'Not Active Delegates'], ['#7367F0', '#FF9F43'], ['#A9A2F6', '#ffc085'])
        ).render();

var goalChart = new ApexCharts(
            document.querySelector("#goal-overview-chart"),
            radialBarFunction3([Math.round( Number('<?php echo e(($admins_active * 100) / ($admins_active + $admins_blocked == 0 ? 1 :$admins_active + $admins_blocked)); ?>'))  , Math.round(Number('<?php echo e(($admins_blocked * 100) / ($admins_active + $admins_blocked == 0 ? 1 : $admins_active + $admins_blocked)); ?>'))])
        ).render();

var revenueChartoptions = {
            chart: {
            height: 270,
            toolbar: { show: false },
            type: 'line',
            },
            stroke: {
            curve: 'smooth',
            dashArray: [0, 8],
            width: [4, 2],
            },
            grid: {
            borderColor: '#e7e7e7',
            },
            legend: {
            show: false,
            },
            colors: ['#f29292', '#b9c3cd'],

fill: {
            type: 'gradient',
            gradient: {
                shade: 'dark',
                inverseColors: false,
                gradientToColors: ['#7367F0', '#b9c3cd'],
                shadeIntensity: 1,
                type: 'horizontal',
                opacityFrom: 1,
                opacityTo: 1,
                stops: [0, 100, 100, 100]
            },
            },
            markers: {
            size: 0,
            hover: {
                size: 5
            }
            },
            xaxis: {
            labels: {
                style: {
                colors: '#b9c3cd',
                }
            },
            axisTicks: {
                show: false,
            },
            categories: ['1', '2', '3', '4', '5', '6', '7', '8' ,'9','10','11','12'],
            axisBorder: {
                show: false,
            },
            tickPlacement: 'on',
            },
            yaxis: {
            tickAmount: 5,
            labels: {
                style: {
                color: '#b9c3cd',
                },
                formatter: function (val) {
                return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;
                }
            }
            },
            tooltip: {
            x: { show: false }
            },
            series: [{
            name: "<?php echo e(awtTrans('البلاد')); ?>",
            data: <?php echo json_encode($countryArray, 15, 512) ?>
            }
            ,
            {
            name: "<?php echo e(awtTrans('المدن')); ?>",
            data: <?php echo json_encode($cityArray, 15, 512) ?>
            }
            ],

}

var revenueChart = new ApexCharts(
            document.querySelector("#revenue-chart"),
            revenueChartoptions
        ).render();

</script>

<?php $__env->stopSection(); ?>

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

Back to File Manager