<?php

/**
 * @var User $user
 * @var ?int $branchId
 * @var ?int $serviceId
 * @var ?ViewErrorBag $errors
 */

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

if (empty($serviceId) && empty($branchId) && !$user->isService()) {
    return;
}

$startDate = date('Y-m-01');
$endDate = date('Y-m-d');

?>

<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.statRepairs'); ?>:
                    <span class="font-size-lg font-weight-bolder"><?php echo \Carbon\Carbon::parse($startDate)->format(config('crud.formatDate')) ?> - <?php echo \Carbon\Carbon::parse($endDate)->format(config('crud.formatDate')) ?></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' => 'repair_date','value' => ''.e(request()->repair_date).'','error' => ''.e($errors->first('repair_date')).'','filter' => '1','required' => '0','class' => 'js-repairStats-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' => 'repair_date','value' => ''.e(request()->repair_date).'','error' => ''.e($errors->first('repair_date')).'','filter' => '1','required' => '0','class' => 'js-repairStats-date']); ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?> 
            <br>
            <div id="js-repairs-pie" style="position: relative;"></div>
        </div>
    </div>
</div>
<?php $__env->startPush('scripts'); ?>
    <script>
        const optionsRepair = $.extend(true, {}, emptyChartOptions);
        const chartRepairs = new ApexCharts(document.querySelector('#js-repairs-pie'), optionsRepair);
        chartRepairs.render();

        function updateRepairStatsStats() {
            const $input = $('.js-repairStats-date [name="repair_date"]');
            let repairDates = $input.val();

            let startDate = '';
            let endDate = '';
            let branchId = <?php echo e($branchId ?? 'null'); ?>;
            let serviceId = <?php echo e($serviceId ?? 'null'); ?>;

            if (repairDates) {
                [startDate, endDate] = repairDates.split(' / ');
            }
            let data = {startDate, endDate};
            if (branchId) {
                data.branchId = branchId;
            }
            if (serviceId) {
                data.serviceId = serviceId;
            }

            const url = '<?php echo e(route('dashboard.getRepairStatData')); ?>';

            $.ajax({url, data}).done(function (response) {
                const updatedData = {
                    series: Object.values(response).map(item => item.total),
                    labels: Object.values(response).map(item => item.name),
                };
                chartRepairs.updateOptions(updatedData, true);
            });
        }

        $('.js-repairStats-date').on('apply.daterangepicker', updateRepairStatsStats);
        updateRepairStatsStats();
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/ipsremont-demo/resources/views/dashboard/_repairStats.blade.php ENDPATH**/ ?>