

<?php $__env->startSection('title', 'Assets Dashboard'); ?>
<?php $__env->startSection('heading', 'Assets Dashboard'); ?>

<?php $__env->startSection('content'); ?>

    
    <?php echo $__env->make('assets.top-submenu', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    
    <div class="mb-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">

        
        <div class="group relative flex items-center gap-4 overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-teal-50/30 to-slate-50 p-5 pl-6 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md">
            <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-teal-600" aria-hidden="true"></span>
            <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-primary-light">
                <svg class="h-6 w-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"/>
                </svg>
            </div>
            <div>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Total Assets</p>
                <p class="mt-1 text-xl font-bold text-slate-800"><?php echo e($totalAssets); ?></p>
            </div>
        </div>

        
        <div class="group relative flex items-center gap-4 overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-green-50/30 to-slate-50 p-5 pl-6 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md">
            <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-emerald-500" aria-hidden="true"></span>
            <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-green-100">
                <svg class="h-6 w-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
            </div>
            <div>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Assigned</p>
                <p class="mt-1 text-xl font-bold text-green-700"><?php echo e($byStatus['assigned']); ?></p>
                <p class="mt-0.5 text-xs text-slate-400"><?php echo e($assignedPct); ?>% of total</p>
            </div>
        </div>

        
        <div class="group relative flex items-center gap-4 overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-orange-50/30 to-slate-50 p-5 pl-6 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md">
            <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-orange-500" aria-hidden="true"></span>
            <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-orange-100">
                <svg class="h-6 w-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
                </svg>
            </div>
            <div>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Maintenance</p>
                <p class="mt-1 text-xl font-bold text-orange-600"><?php echo e($byStatus['maintenance']); ?></p>
            </div>
        </div>

        
        <div class="group relative flex items-center gap-4 overflow-hidden rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-blue-50/30 to-slate-50 p-5 pl-6 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md">
            <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl bg-sky-500" aria-hidden="true"></span>
            <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-100">
                <svg class="h-6 w-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M5 13l4 4L19 7"/>
                </svg>
            </div>
            <div>
                <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">Available</p>
                <p class="mt-1 text-xl font-bold text-blue-600"><?php echo e($byStatus['available']); ?></p>
                <p class="mt-0.5 text-xs text-slate-400">Ready to deploy</p>
            </div>
        </div>

    </div>

    
    <div class="mb-6 grid gap-5 lg:grid-cols-2">

        
        <?php if (isset($component)) { $__componentOriginal53747ceb358d30c0105769f8471417f6 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal53747ceb358d30c0105769f8471417f6 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.card','data' => ['class' => 'group rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-teal-50/20 to-slate-50/80 p-5 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('card'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'group rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-teal-50/20 to-slate-50/80 p-5 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md']); ?>
            <div class="mb-4 flex items-start justify-between gap-3">
                <div>
                    <p class="text-xs font-semibold uppercase tracking-[0.18em] text-primary">Status</p>
                    <h3 class="mt-1 text-base font-semibold text-slate-900">Assets by Status</h3>
                    <p class="mt-1 text-sm text-slate-500">Distribution across all assignment states.</p>
                </div>
            </div>
            <div class="rounded-xl border border-slate-200/70 bg-white/90 p-3 shadow-sm">
                <div class="h-64 w-full">
                    <canvas id="assetStatusChart" class="h-full w-full"></canvas>
                </div>
            </div>
            
            <div class="mt-4 grid grid-cols-2 gap-2">
                <?php
                    $statusColors = [
                        'assigned'    => ['bg' => 'bg-green-100',  'dot' => 'bg-green-500',  'text' => 'text-green-700'],
                        'available'   => ['bg' => 'bg-blue-100',   'dot' => 'bg-blue-500',   'text' => 'text-blue-700'],
                        'maintenance' => ['bg' => 'bg-orange-100', 'dot' => 'bg-orange-500', 'text' => 'text-orange-700'],
                        'retired'     => ['bg' => 'bg-slate-100',  'dot' => 'bg-slate-400',  'text' => 'text-slate-600'],
                    ];
                ?>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $statusColors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $status => $colors): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="flex items-center justify-between rounded-lg <?php echo e($colors['bg']); ?> px-3 py-1.5">
                        <div class="flex items-center gap-2">
                            <span class="h-2.5 w-2.5 rounded-full <?php echo e($colors['dot']); ?>"></span>
                            <span class="text-xs font-medium <?php echo e($colors['text']); ?> capitalize"><?php echo e($status); ?></span>
                        </div>
                        <span class="text-sm font-bold <?php echo e($colors['text']); ?>"><?php echo e($byStatus[$status]); ?></span>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
         <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal53747ceb358d30c0105769f8471417f6)): ?>
<?php $attributes = $__attributesOriginal53747ceb358d30c0105769f8471417f6; ?>
<?php unset($__attributesOriginal53747ceb358d30c0105769f8471417f6); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal53747ceb358d30c0105769f8471417f6)): ?>
<?php $component = $__componentOriginal53747ceb358d30c0105769f8471417f6; ?>
<?php unset($__componentOriginal53747ceb358d30c0105769f8471417f6); ?>
<?php endif; ?>

        
        <?php if (isset($component)) { $__componentOriginal53747ceb358d30c0105769f8471417f6 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal53747ceb358d30c0105769f8471417f6 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.card','data' => ['class' => 'group rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-indigo-50/20 to-slate-50/80 p-5 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('card'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'group rounded-2xl border border-slate-200/70 bg-gradient-to-br from-white via-indigo-50/20 to-slate-50/80 p-5 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md']); ?>
            <div class="mb-4 flex items-start justify-between gap-3">
                <div>
                    <p class="text-xs font-semibold uppercase tracking-[0.18em] text-indigo-600">Categories</p>
                    <h3 class="mt-1 text-base font-semibold text-slate-900">Assets by Type</h3>
                    <p class="mt-1 text-sm text-slate-500">Count of assets per hardware/software category.</p>
                </div>
                <a href="<?php echo e(route('asset-types.index')); ?>"
                   class="shrink-0 rounded-lg bg-indigo-50 px-3 py-1.5 text-xs font-medium text-indigo-600 hover:bg-indigo-100 transition-colors">
                    Manage Types
                </a>
            </div>
            <div class="rounded-xl border border-slate-200/70 bg-white/90 p-3 shadow-sm">
                <div class="h-64 w-full">
                    <canvas id="assetTypeChart" class="h-full w-full"></canvas>
                </div>
            </div>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(empty($byType)): ?>
                <p class="mt-3 text-center text-xs text-slate-400">No asset type data yet.</p>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
         <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal53747ceb358d30c0105769f8471417f6)): ?>
<?php $attributes = $__attributesOriginal53747ceb358d30c0105769f8471417f6; ?>
<?php unset($__attributesOriginal53747ceb358d30c0105769f8471417f6); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal53747ceb358d30c0105769f8471417f6)): ?>
<?php $component = $__componentOriginal53747ceb358d30c0105769f8471417f6; ?>
<?php unset($__componentOriginal53747ceb358d30c0105769f8471417f6); ?>
<?php endif; ?>

    </div>

    
    <?php if (isset($component)) { $__componentOriginal53747ceb358d30c0105769f8471417f6 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal53747ceb358d30c0105769f8471417f6 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.card','data' => ['class' => 'rounded-2xl border border-slate-200/70 bg-white p-5 shadow-sm']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('card'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'rounded-2xl border border-slate-200/70 bg-white p-5 shadow-sm']); ?>
        <div class="mb-4 flex items-center justify-between">
            <div>
                <h3 class="text-base font-semibold text-slate-900">Recently Added Assets</h3>
                <p class="mt-0.5 text-sm text-slate-500">Last 5 assets added to inventory.</p>
            </div>
            <a href="<?php echo e(route('assets.index')); ?>"
               class="inline-flex items-center gap-1 rounded-lg bg-slate-100 px-4 py-2 text-sm font-medium text-slate-700 transition-colors hover:bg-slate-200">
                View All <i class="bi bi-chevron-right text-[10px]"></i>
            </a>
        </div>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($recentAssets->isEmpty()): ?>
            <div class="flex flex-col items-center justify-center py-10 text-center">
                <div class="mb-3 flex h-14 w-14 items-center justify-center rounded-full bg-slate-100">
                    <svg class="h-7 w-7 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"/>
                    </svg>
                </div>
                <p class="text-sm font-medium text-slate-600">No assets yet</p>
                <p class="mt-1 text-xs text-slate-400">Add your first asset to get started.</p>
                <a href="<?php echo e(route('assets.create')); ?>"
                   class="mt-4 inline-flex items-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary-hover transition-colors">
                    <i class="bi bi-plus-lg me-1"></i>Add Asset
                </a>
            </div>
        <?php else: ?>
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead>
                        <tr class="border-b border-slate-100">
                            <th class="pb-3 text-left text-xs font-semibold uppercase tracking-wider text-slate-500">Asset Name</th>
                            <th class="pb-3 text-left text-xs font-semibold uppercase tracking-wider text-slate-500">Type</th>
                            <th class="pb-3 text-left text-xs font-semibold uppercase tracking-wider text-slate-500 hidden sm:table-cell">Serial</th>
                            <th class="pb-3 text-left text-xs font-semibold uppercase tracking-wider text-slate-500 hidden md:table-cell">Assigned To</th>
                            <th class="pb-3 text-left text-xs font-semibold uppercase tracking-wider text-slate-500">Status</th>
                            <th class="pb-3 text-left text-xs font-semibold uppercase tracking-wider text-slate-500 hidden lg:table-cell">Added</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-50">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $recentAssets; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $asset): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php
                                $statusStyles = match($asset->status) {
                                    'assigned'    => 'bg-green-100 text-green-700',
                                    'available'   => 'bg-blue-100 text-blue-700',
                                    'maintenance' => 'bg-orange-100 text-orange-700',
                                    'retired'     => 'bg-slate-100 text-slate-600',
                                    default       => 'bg-slate-100 text-slate-600',
                                };
                            ?>
                            <tr class="group hover:bg-slate-50/70 transition-colors">
                                <td class="py-3 pr-4">
                                    <p class="font-medium text-slate-800"><?php echo e($asset->name); ?></p>
                                </td>
                                <td class="py-3 pr-4 text-slate-600">
                                    <?php echo e($asset->assetType?->name ?? '—'); ?>

                                </td>
                                <td class="py-3 pr-4 text-slate-500 hidden sm:table-cell font-mono text-xs">
                                    <?php echo e($asset->serial_number ?? '—'); ?>

                                </td>
                                <td class="py-3 pr-4 text-slate-600 hidden md:table-cell">
                                    <?php echo e($asset->assignedUser?->name ?? '—'); ?>

                                </td>
                                <td class="py-3 pr-4">
                                    <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize <?php echo e($statusStyles); ?>">
                                        <?php echo e($asset->status); ?>

                                    </span>
                                </td>
                                <td class="py-3 text-slate-400 text-xs hidden lg:table-cell">
                                    <?php echo e($asset->created_at->format('d M Y')); ?>

                                </td>
                            </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </tbody>
                </table>
            </div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
     <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal53747ceb358d30c0105769f8471417f6)): ?>
<?php $attributes = $__attributesOriginal53747ceb358d30c0105769f8471417f6; ?>
<?php unset($__attributesOriginal53747ceb358d30c0105769f8471417f6); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal53747ceb358d30c0105769f8471417f6)): ?>
<?php $component = $__componentOriginal53747ceb358d30c0105769f8471417f6; ?>
<?php unset($__componentOriginal53747ceb358d30c0105769f8471417f6); ?>
<?php endif; ?>

<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
<script>
document.addEventListener('DOMContentLoaded', function () {
    if (typeof Chart === 'undefined') return;

    var palette = {
        text:       '#334155',
        muted:      '#94a3b8',
        grid:       'rgba(148, 163, 184, 0.18)',
        border:     '#ffffff',
        tooltipBg:  'rgba(255, 255, 255, 0.98)',
        tooltipText:'#0f172a'
    };

    Chart.defaults.color        = palette.text;
    Chart.defaults.font.family  = 'ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif';
    Chart.defaults.font.size    = 12;
    Chart.defaults.borderColor  = palette.grid;

    var tooltipDefaults = {
        backgroundColor: palette.tooltipBg,
        titleColor:     palette.tooltipText,
        bodyColor:      palette.tooltipText,
        borderColor:    palette.grid,
        borderWidth:    1,
        padding:        10,
        displayColors:  true
    };

    // ─── DOUGHNUT: Status ───────────────────────────────
    var statusLabels = ['Assigned', 'Available', 'Maintenance', 'Retired'];
    var statusData   = [
        <?php echo e($byStatus['assigned']); ?>,
        <?php echo e($byStatus['available']); ?>,
        <?php echo e($byStatus['maintenance']); ?>,
        <?php echo e($byStatus['retired']); ?>

    ];
    var statusColors = ['#22c55e', '#3b82f6', '#f97316', '#94a3b8'];

    var ctxStatus = document.getElementById('assetStatusChart');
    if (ctxStatus) {
        new Chart(ctxStatus.getContext('2d'), {
            type: 'doughnut',
            data: {
                labels: statusLabels,
                datasets: [{
                    data: statusData,
                    backgroundColor: statusColors,
                    borderColor: palette.border,
                    borderWidth: 3,
                    hoverOffset: 10
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                cutout: '62%',
                animation: { duration: 800, easing: 'easeOutCubic' },
                plugins: {
                    legend: {
                        display: false   // custom legend via HTML above
                    },
                    tooltip: Object.assign({}, tooltipDefaults, {
                        callbacks: {
                            label: function (ctx) {
                                var total = ctx.dataset.data.reduce(function(a, b){ return a + b; }, 0);
                                var pct   = total > 0 ? Math.round((ctx.parsed / total) * 100) : 0;
                                return ' ' + ctx.label + ': ' + ctx.parsed + ' (' + pct + '%)';
                            }
                        }
                    })
                }
            }
        });
    }

    // ─── HORIZONTAL BAR: By Type ────────────────────────
    var typeLabels = <?php echo json_encode(array_column($byType, 'name'), 512) ?>;
    var typeData   = <?php echo json_encode(array_column($byType, 'count'), 512) ?>;

    var typeColors = [
        '#0c6e6d','#3b82f6','#f97316','#22c55e',
        '#6366f1','#f59e0b','#14b8a6','#e11d48',
        '#64748b','#84cc16','#8b5cf6','#0ea5e9'
    ];

    var ctxType = document.getElementById('assetTypeChart');
    if (ctxType && typeLabels.length > 0) {
        new Chart(ctxType.getContext('2d'), {
            type: 'bar',
            data: {
                labels: typeLabels,
                datasets: [{
                    label: 'Assets',
                    data: typeData,
                    backgroundColor: typeColors.slice(0, typeLabels.length),
                    borderRadius: 8,
                    borderSkipped: false,
                    maxBarThickness: 28
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                indexAxis: 'y',
                animation: { duration: 700, easing: 'easeOutQuart' },
                plugins: {
                    legend: { display: false },
                    tooltip: tooltipDefaults
                },
                scales: {
                    x: {
                        beginAtZero: true,
                        ticks: { color: palette.muted, precision: 0 },
                        grid: { color: palette.grid }
                    },
                    y: {
                        ticks: { color: palette.text },
                        grid: { display: false }
                    }
                }
            }
        });
    }
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/kiyohr/v2_version/resources/views/assets/dashboard.blade.php ENDPATH**/ ?>