
<?php $__env->startSection('content'); ?>
    <div class="group-data-[sidebar-size=lg]:ltr:md:ml-vertical-menu group-data-[sidebar-size=lg]:rtl:md:mr-vertical-menu group-data-[sidebar-size=md]:ltr:ml-vertical-menu-md group-data-[sidebar-size=md]:rtl:mr-vertical-menu-md group-data-[sidebar-size=sm]:ltr:ml-vertical-menu-sm group-data-[sidebar-size=sm]:rtl:mr-vertical-menu-sm pt-[calc(theme('spacing.header')_*_1)] pb-[calc(theme('spacing.header')_*_0.8)] px-4 group-data-[navbar=bordered]:pt-[calc(theme('spacing.header')_*_1.3)] group-data-[navbar=hidden]:pt-0 group-data-[layout=horizontal]:mx-auto group-data-[layout=horizontal]:max-w-screen-2xl group-data-[layout=horizontal]:px-0 group-data-[layout=horizontal]:group-data-[sidebar-size=lg]:ltr:md:ml-auto group-data-[layout=horizontal]:group-data-[sidebar-size=lg]:rtl:md:mr-auto group-data-[layout=horizontal]:md:pt-[calc(theme('spacing.header')_*_1.6)] group-data-[layout=horizontal]:px-3 group-data-[layout=horizontal]:group-data-[navbar=hidden]:pt-[calc(theme('spacing.header')_*_0.9)]">
            <div class="container-fluid group-data-[content=boxed]:max-w-boxed mx-auto">

                <div class="flex flex-col gap-2 py-4 md:flex-row md:items-center print:hidden">
                    <div class="grow">
                        <h5 class="text-16">Analytics <?php echo e($k); ?></h5>
                    </div>
                    <ul class="flex items-center gap-2 text-sm font-normal shrink-0">
                        <li class="relative before:content-['\ea54'] before:font-remix ltr:before:-right-1 rtl:before:-left-1  before:absolute before:text-[18px] before:-top-[3px] ltr:pr-4 rtl:pl-4 before:text-slate-400 dark:text-zink-200">
                            <a href="#" class="text-slate-400 dark:text-zink-200">Report</a>
                        </li>
                        <li class="relative before:content-['\ea54'] before:font-remix ltr:before:-right-1 rtl:before:-left-1  before:absolute before:text-[18px] before:-top-[3px] ltr:pr-4 rtl:pl-4 before:text-slate-400 dark:text-zink-200">
                             <a href="<?php echo e(route('peserta/grafik',$kota)); ?>" class="text-slate-400 dark:text-zink-200"><?php echo e($c_e); ?></a>
                        </li>
                        <li class="text-slate-700 dark:text-zink-100">
                            <?php echo e($k); ?>

                        </li>
                    </ul>
                </div>
                <div class="grid grid-cols-12 gap-x-5">
                    <div class="order-1 md:col-span-6 lg:col-span-3 col-span-12 2xl:order-1 bg-green-100 dark:bg-green-500/20 card 2xl:col-span-2 group-data-[skin=bordered]:border-green-500/20 relative overflow-hidden">
                        <div class="card-body">
                            <i data-lucide="kanban" class="absolute top-0 stroke-1 size-32 text-green-200/50 dark:text-green-500/20 ltr:-right-10 rtl:-left-10"></i>
                            <div class="flex items-center justify-center bg-green-500 rounded-md size-12 text-15 text-green-50">
                                <i data-lucide="users"></i>
                            </div>
                            <h5 class="mt-5 mb-2"><span class="counter-value" data-target="<?php echo e($t_all); ?>"></span></h5>
                            <p class="text-slate-500 dark:text-slate-200">Total Peserta</p>
                        </div>
                    </div><!--end col-->
                    <div class="order-2 md:col-span-6 lg:col-span-3 col-span-12 2xl:order-1 bg-orange-100 dark:bg-orange-500/20 card 2xl:col-span-2 group-data-[skin=bordered]:border-orange-500/20 relative overflow-hidden">
                        <div class="card-body">
                            <i data-lucide="list-filter" class="absolute top-0 stroke-1 size-32 text-orange-200/50 dark:text-orange-500/20 ltr:-right-10 rtl:-left-10"></i>
                            <div class="flex items-center justify-center bg-orange-500 rounded-md size-12 text-15 text-orange-50">
                                <i data-lucide="user-round-plus"></i>
                            </div>
                            <h5 class="mt-5 mb-2"><span class="counter-value" data-target="<?php echo e($t_peserta); ?>"></span></h5>
                            <p class="text-slate-500 dark:text-slate-200">Total peserta Paid</p>
                        </div>
                    </div><!--end col-->

                    <div class="order-3 md:col-span-6 lg:col-span-3 col-span-12 2xl:order-1 bg-red-100 dark:bg-red-500/20 card 2xl:col-span-2 group-data-[skin=bordered]:border-sky-500/20 relative overflow-hidden">
                        <div class="card-body">
                            <i data-lucide="list-filter" class="absolute top-0 stroke-1 size-32 text-sky-200/50 dark:text-sky-500/20 ltr:-right-10 rtl:-left-10"></i>
                            <div class="flex items-center justify-center rounded-md size-12 bg-sky-500 text-15 text-sky-50">
                                <i data-lucide="user-cog"></i>
                            </div>
                              <h5 class="mt-5 mb-2"><span class="counter-value" data-target="<?php echo e($duplicateCount); ?>"></span></h5>
                            <p class="text-slate-500 dark:text-slate-200">Double Nama Peserta</p>
                        </div>
                    </div><!--end col-->
                    
                    <div class="order-4 md:col-span-6 lg:col-span-3 col-span-12 2xl:order-1 bg-sky-100 dark:bg-sky-500/20 card 2xl:col-span-2 group-data-[skin=bordered]:border-sky-500/20 relative overflow-hidden">
                        <div class="card-body">
                            <i data-lucide="list-filter" class="absolute top-0 stroke-1 size-32 text-sky-200/50 dark:text-sky-500/20 ltr:-right-10 rtl:-left-10"></i>
                            <div class="flex items-center justify-center rounded-md size-12 bg-sky-500 text-15 text-sky-50">
                                <i data-lucide="shield-ban"></i>
                            </div>
                              <h5 class="mt-5 mb-2"><span class="counter-value" data-target="<?php echo e($t_exp); ?>"></span></h5>
                            <p class="text-slate-500 dark:text-slate-200">Total peserta Exp</p>
                        </div>
                    </div><!--end col-->
                    <div class="order-5 md:col-span-6 lg:col-span-3 col-span-12 2xl:order-1 bg-purple-100 dark:bg-purple-500/20 card 2xl:col-span-2 group-data-[skin=bordered]:border-purple-500/20 relative overflow-hidden">
                        <div class="card-body">
                            <i data-lucide="kanban" class="absolute top-0 stroke-1 size-32 text-purple-200/50 dark:text-purple-500/20 ltr:-right-10 rtl:-left-10"></i>
                            <div class="flex items-center justify-center bg-purple-500 rounded-md size-12 text-15 text-purple-50">
                                <i data-lucide="percent"></i>
                            </div>
                            <h5 class="mt-5 mb-2"><span class="counter-value" data-target="<?php echo e($persen); ?>"></span>%</h5>
                            <p class="text-slate-500 dark:text-slate-200">Persentase</p>
                        </div>
                    </div><!--end col-->
                    <div class="order-6 col-span-12 2xl:order-1 card 2xl:col-span-5">
                        <div class="card-body">
                            <div class="flex items-center gap-2">
                                <h6 class="mb-3 text-15 grow">Participant Registration Chart</h6>
                              
                            </div>

                            <div id="responseTimes" class="apex-charts" data-chart-colors='["bg-red-500"]' dir="ltr"></div>
                        </div>
                    </div><!--end col-->
                    <!-- <div class="order-7 col-span-12 2xl:order-1 card 2xl:col-span-7">
                        <div class="card-body">
                            <div class="flex items-center gap-2">
                                <h6 class="mb-3 text-15 grow">Pages Interaction</h6>
                                <div class="relative dropdown shrink-0">
                                    <button type="button" class="px-2 py-1.5 text-xs bg-text-slate-500 btn bg-slate-100 hover:text-white hover:bg-slate-600 focus:text-white focus:bg-slate-600 focus:ring focus:ring-slate-100 active:text-white active:bg-slate-600 active:ring active:ring-slate-100 dark:bg-slate-500/20 dark:text-slate-400 dark:hover:bg-slate-500 dark:hover:text-white dark:focus:bg-slate-500 dark:focus:text-white dark:active:bg-slate-500 dark:active:text-white dark:ring-slate-400/20 dropdown-toggle" id="emailDataDropdown" data-bs-toggle="dropdown">
                                        This Yearly <i data-lucide="chevron-down" class="inline-block size-4 ltr:ml-1 rlt:mr-1"></i>
                                    </button>
                            
                                    <ul class="absolute z-50 hidden py-2 mt-1 ltr:text-left rtl:text-right list-none bg-white rounded-md shadow-md dropdown-menu min-w-[10rem] dark:bg-zink-600" aria-labelledby="emailDataDropdown">
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">1 Weekly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">1 Monthly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">3 Monthly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">6 Monthly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">This Yearly</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div id="pagesInteraction" class="apex-charts" data-chart-colors='["bg-custom-500", "bg-purple-500"]' dir="ltr"></div>
                        </div>
                    </div> -->
                    <!--end col-->
                    <!-- <div class="order-8 col-span-12 lg:col-span-6 2xl:order-1 card 2xl:col-span-4">
                        <div class="card-body">
                            <div class="flex items-center gap-2 mb-3">
                                <h6 class="text-15 grow">User Device <a href="#!" data-tooltip="default" data-tooltip-content="You can see your number of desktop, mobile, and tablet users." class="inline-block align-middle ltr:ml-1 rtl:mr-1 text-slate-500 dark:text-zink-200"><i data-lucide="info" class="size-4"></i></a></h6>
                                <div class="relative dropdown shrink-0">
                                    <button type="button" class="flex items-center justify-center size-[30px] p-0 bg-white text-slate-500 btn hover:text-slate-500 hover:bg-slate-100 focus:text-slate-500 focus:bg-slate-100 active:text-slate-500 active:bg-slate-100 dark:bg-zink-700 dark:hover:bg-slate-500/10 dark:focus:bg-slate-500/10 dark:active:bg-slate-500/10 dropdown-toggle" id="userDeviceDropdown" data-bs-toggle="dropdown">
                                        <i data-lucide="more-vertical" class="inline-block size-4"></i>
                                    </button>
                            
                                    <ul class="absolute z-50 hidden py-2 mt-1 ltr:text-left rtl:text-right list-none bg-white rounded-md shadow-md dropdown-menu min-w-[10rem] dark:bg-zink-600" aria-labelledby="userDeviceDropdown">
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">1 Weekly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">1 Monthly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">3 Monthly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">6 Monthly</a>
                                        </li>
                                        <li>
                                            <a class="block px-4 py-1.5 text-base transition-all duration-200 ease-linear text-slate-600 dropdown-item hover:bg-slate-100 hover:text-slate-500 focus:bg-slate-100 focus:text-slate-500 dark:text-zink-100 dark:hover:bg-zink-500 dark:hover:text-zink-200 dark:focus:bg-zink-500 dark:focus:text-zink-200" href="#!">This Yearly</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div id="userDeviceCharts" class="apex-charts" data-chart-colors='["bg-custom-500", "bg-green-500", "bg-orange-500"]' dir="ltr"></div>
                        </div>
                    </div> -->
                    <!--end col-->
                    <div class="order-7 col-span-12 lg:col-span-6 2xl:order-1 card 2xl:col-span-4">
                        <div class="card-body">
                            <div class="flex items-center gap-2 mb-3">
                                <h6 class="text-15 grow">Target Achievement <a href="#!" data-tooltip="default" data-tooltip-content="The 1-to-5 satisfaction scale is used for measuring customer satisfaction" class="inline-block align-middle ltr:ml-1 rtl:mr-1 text-slate-500 dark:text-zink-200"><i data-lucide="info" class="size-4"></i></a></h6>
                                
                            </div>
                            <div id="satisfactionRate" class="apex-charts" data-chart-colors='["bg-custom-500"]' dir="ltr"></div>
                            <p class="text-center text-15 text-slate-500 dark:text-zink-200">Peserta</p>
                        </div>
                    </div><!--end col-->
                    
                    <div class="order-8 col-span-12 lg:col-span-6 2xl:order-1 card 2xl:col-span-3">
                        <div class="card-body">
                            <h6 class="mb-3 text-15">Participant age</h6>
                            <ul class="flex flex-col gap-5">
                                <?php $__currentLoopData = $ageStats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $age): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <?php
                                        $icon = match($age->age_group) {
                                            '1 - 10 years'  => ['icon' => 'baby', 'color' => 'text-red-500 bg-red-100 dark:bg-red-500/20'],
                                            '11 - 20 years' => ['icon' => 'users-2', 'color' => 'text-sky-500 bg-sky-100 dark:bg-sky-500/20'],
                                            '21 - 30 years' => ['icon' => 'heart-handshake', 'color' => 'text-orange-500 bg-orange-100 dark:bg-orange-500/20'],
                                            '31 - 40 years' => ['icon' => 'user', 'color' => 'text-yellow-500 bg-yellow-100 dark:bg-yellow-500/20'],
                                            '41 - 50 years' => ['icon' => 'user-check', 'color' => 'text-blue-500 bg-blue-100 dark:bg-blue-500/20'],
                                            '51 - 60 years' => ['icon' => 'user-cog', 'color' => 'text-indigo-500 bg-indigo-100 dark:bg-indigo-500/20'],
                                            '61+ years'     => ['icon' => 'scan-face', 'color' => 'text-green-500 bg-green-100 dark:bg-green-500/20'],
                                            default => ['icon' => 'alert-triangle', 'color' => 'text-gray-500 bg-gray-100 dark:bg-gray-500/20'],
                                        };
                                    ?>
                                    <li class="flex items-center gap-3">
                                        <div class="flex items-center justify-center <?php echo e($icon['color']); ?> rounded-md size-8 shrink-0">
                                            <i data-lucide="<?php echo e($icon['icon']); ?>" class="size-4"></i>
                                        </div>
                                        <h6 class="grow"><?php echo e($age->age_group); ?></h6>
                                        <p class="text-slate-500 dark:text-zink-200"><?php echo e(number_format($age->total)); ?></p>
                                        <div class="w-12 text-green-500 ltr:text-right rtl:text-left">
                                            <?php echo e($age->percentage); ?>%
                                        </div>
                                    </li>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                              
                            </ul>
                        </div>
                    </div>
                    <!--end col-->

                    <!-- pembagian perkategori participant -->
                                <?php $__currentLoopData = $allStats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="order-9 col-span-12 lg:col-span-6 2xl:order-1 card 2xl:col-span-3">
                                        <div class="card-body">
                                            <h6 class="mb-3 text-15"><?php echo e($category['category_label']); ?></h6>
                                            <ul class="flex flex-col gap-5">
                                                <?php $__currentLoopData = $category['stats']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $age): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <?php
                                                        $icon = match($age->age_group) {
                                                            '1 - 10 years'  => ['icon' => 'baby', 'color' => 'text-red-500 bg-red-100 dark:bg-red-500/20'],
                                                            '11 - 20 years' => ['icon' => 'users-2', 'color' => 'text-sky-500 bg-sky-100 dark:bg-sky-500/20'],
                                                            '21 - 30 years' => ['icon' => 'heart-handshake', 'color' => 'text-orange-500 bg-orange-100 dark:bg-orange-500/20'],
                                                            '31 - 40 years' => ['icon' => 'user', 'color' => 'text-yellow-500 bg-yellow-100 dark:bg-yellow-500/20'],
                                                            '41 - 50 years' => ['icon' => 'user-check', 'color' => 'text-blue-500 bg-blue-100 dark:bg-blue-500/20'],
                                                            '51 - 60 years' => ['icon' => 'user-cog', 'color' => 'text-indigo-500 bg-indigo-100 dark:bg-indigo-500/20'],
                                                            '61+ years'     => ['icon' => 'scan-face', 'color' => 'text-green-500 bg-green-100 dark:bg-green-500/20'],
                                                            default => ['icon' => 'alert-triangle', 'color' => 'text-gray-500 bg-gray-100 dark:bg-gray-500/20'],
                                                        };
                                                    ?>
                                                    <li class="flex items-center gap-3">
                                                        <div class="flex items-center justify-center <?php echo e($icon['color']); ?> rounded-md size-8 shrink-0">
                                                            <i data-lucide="<?php echo e($icon['icon']); ?>" class="size-4"></i>
                                                        </div>
                                                        <h6 class="grow"><?php echo e($age->age_group); ?></h6>
                                                        <p class="text-slate-500 dark:text-zink-200"><?php echo e(number_format($age->total)); ?></p>
                                                        <div class="w-12 text-green-500 ltr:text-right rtl:text-left">
                                                            <?php echo e($age->percentage); ?>%
                                                        </div>
                                                        <div class="text-sm text-slate-500 dark:text-zink-200 pl-11">
                                                            👨 Male: <?php echo e(number_format($age->total_pria)); ?> |
                                                            👩 Female: <?php echo e(number_format($age->total_wanita)); ?>

                                                        </div>
                                                    </li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ul>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>


                              
                            
                    
                    <!--end col-->

                    <div class="order-11 col-span-12 2xl:order-1 card 2xl:col-span-4">
                        <div class="card-body">
                            <div class="flex items-center gap-2 mb-3">
                                <h6 class="text-15 grow">Daily Visit Insights (Paid) <a href="#!" data-tooltip="default" data-tooltip-content="Analyst or business user discovering a pattern in data or a relationship between variables" class="inline-block align-middle ltr:ml-1 rtl:mr-1 text-slate-500 dark:text-zink-200"><i data-lucide="info" class="size-4"></i></a></h6>
                               
                            </div>
                            <div id="dailyVisitInsightsChart"
                                class="apex-charts"
                                data-chart-colors='["#3b82f6", "#ec4899"]'
                                data-gender-series='<?php echo json_encode($genderSeriesFormatted, 15, 512) ?>'
                                data-date-labels='<?php echo json_encode($dateLabels, 15, 512) ?>'
                                dir="ltr">
                            </div>
                        </div>
                    </div><!--end col-->

                     

                   

                    <div class="order-12 col-span-12 2xl:order-1 card 2xl:col-span-12">
                        <div class="card-body">
                            <div class="grid items-center grid-cols-1 gap-3 mb-5 xl:grid-cols-12">
                                <div class="xl:col-span-3">
                                    <h6 class="text-15">Peserta <?php echo e($k); ?></h6>
                                </div><!--end col-->
                                <div class="xl:col-span-3 xl:col-start-10">
                                    
                                </div><!--end col-->
                            </div><!--end grid-->
                    

                                <table id="alternativePagination" class="display" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">No</th>  
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">Order ID</th>                                     
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">Full Name</th>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">Alamat</th>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">Email</th>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">Telp</th>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">Tgl Lahir</th>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">T-Shirt</th>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">Kategori</th>
                                            <th class="px-3.5 py-2.5 first:pl-5 last:pr-5 font-semibold border-y border-slate-200 dark:border-zink-500">kategori Run</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php $__currentLoopData = $test; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <tr>
                                                <td class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e(++$key); ?></td>
                                                <td id="order_id" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->order_id); ?></td>
                                                <td class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->full_name); ?></td>
                                                <td class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->alamat); ?></td>
                                                <td id="full_name" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->email); ?></td>
                                                <td id="first_name" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->phone); ?></td>
                                                <td id="last_name" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->tgl_lahir); ?></td>
                                                <td id="email" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->tshirt_size); ?></td>
                                                <td id="phone" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->participant_name); ?></td>
                                                <td id="bib_name" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500"><?php echo e($value->package); ?></td>
                                            
                                            </tr>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </tbody>
                                </table>
                            
                           
                        </div>
                    </div><!--end col-->
                   
                   
                </div>
                

            </div>
            <!-- container-fluid -->
        </div>
        <!-- End Page-content -->
<?php $__env->startSection('script'); ?>
 <!-- <script src="<?php echo e(URL::to('assets/libs/choices.js/public/assets/scripts/choices.min.js')); ?>"></script> -->
<script>
    window.responseTimesData = {
        categories: <?php echo json_encode($categories, 15, 512) ?>,
        paid: <?php echo json_encode($paid, 15, 512) ?>,
        unpaid: <?php echo json_encode($unpaid, 15, 512) ?>
    };
</script>
<script>
    var pencapaianPeserta = <?php echo e($presentase_pencapaian); ?>;
</script>
<!-- Subscription Distribution -->
<script>
    var kategoriLabels = <?php echo json_encode($labels, 15, 512) ?>;
    var kategoriData = <?php echo json_encode($data, 15, 512) ?>;
</script>
<!-- Daily Visit Insights -->

 <script src="<?php echo e(URL::to('assets/js/pages/dashboards-analytics.init.js')); ?>"></script>
<?php $__env->stopSection(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\runningSystem\resources\views/report/grafikReport1.blade.php ENDPATH**/ ?>