<?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">Статистика актов ТС:
                    <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' => 'technicalConditionReport_date','value' => '','error' => ''.e($errors->first('technicalConditionReport_date')).'','filter' => '1','required' => '0','class' => 'js-technicalConditionReportStats-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' => 'technicalConditionReport_date','value' => '','error' => ''.e($errors->first('technicalConditionReport_date')).'','filter' => '1','required' => '0','class' => 'js-technicalConditionReportStats-date']); ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?> 
            <br>
            <div id="js-technicalConditionReport-pie" style="position: relative;"></div>
        </div>
    </div>
</div>
<?php $__env->startPush('scripts'); ?>
    <script>
        const optionsTechnicalConditionReport = $.extend(true, {}, emptyChartOptions);
        const chartTechnicalConditionReport = new ApexCharts(document.querySelector('#js-technicalConditionReport-pie'), optionsTechnicalConditionReport);
        chartTechnicalConditionReport.render();

        function updateTechnicalConditionReportStats() {
            const $input = $('.js-technicalConditionReportStats-date [name="technicalConditionReport_date"]');
            let reportDates = $input.val();

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

            if (reportDates) {
                [startDate, endDate] = reportDates.split(' / ');
            }

            let data = {startDate, endDate};
            if (branchId) {
                data.branchId = branchId;
            }
            if (serviceId) {
                data.serviceId = serviceId;
            }

            console.log(branchId);
            console.log(serviceId);

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

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

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