<?php

/**
 * @var User $user
 * @var string $startShip
 * @var string $endShip
 * @var ?ViewErrorBag $errors
 */

use App\User;
use Illuminate\Support\ViewErrorBag;

if (!$user->isManager()) {
    return;
}
?>
<div class="col-lg-6">
    <div class="card card-custom gutter-b">
        <div class="card-header">
            <div class="card-title">
                <h3 class="card-label"><?php echo app('translator')->get('dashboard.statShipments'); ?>:
                    <span class="font-size-lg font-weight-bolder">
                        <?php if(isset($startShip) && isset($endShip)): ?>
                            <?php echo \Carbon\Carbon::parse($startShip)->format(config('crud.formatDate')) ?> - <?php echo \Carbon\Carbon::parse($endShip)->format(config('crud.formatDate')) ?>
                        <?php endif; ?>
                    </span>
                </h3>
            </div>
        </div>

        <div class="card-body">
             <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.input.date-range','data' => ['placeholder' => ''.e(__('dashboard.stats_date')).'','name' => 'shipment_date','value' => ''.e(request()->shipment_date).'','error' => ''.e($errors->first('shipment_date')).'','filter' => '1','required' => '0','class' => 'js-autosubmit-date']]); ?>
<?php $component->withName('input.date-range'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes(['placeholder' => ''.e(__('dashboard.stats_date')).'','name' => 'shipment_date','value' => ''.e(request()->shipment_date).'','error' => ''.e($errors->first('shipment_date')).'','filter' => '1','required' => '0','class' => 'js-autosubmit-date']); ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?> 
            <br/>
            <div id="js-shipments-pie" style="position: relative;"></div>
        </div>
    </div>
</div>
<?php $__env->startPush('scripts'); ?>
    <script>
        const optionsShipment = {
            series: [<?php $__currentLoopData = $shipmentStats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $stat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php echo e($stat['total']); ?>, <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>],
            chart: {
                height: '250px',
                width: 420,
                type: 'pie',
            },
            labels: [<?php $__currentLoopData = $shipmentStats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $stat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> '<?php echo e($stat['name']); ?>', <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>],
            responsive: [{
                breakpoint: 480,
                options: {
                    chart: {
                        height: '180px',
                        width: 200
                    },
                    legend: {
                        position: 'bottom'
                    }
                }
            }]
        };

        const chartShipments = new ApexCharts(document.querySelector('#js-shipments-pie'), optionsShipment);
        chartShipments.render();
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/ipsremont-demo/resources/views/dashboard/_shipmentStats.blade.php ENDPATH**/ ?>