{{-- 요약 카드 6개 --}}
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-4 mb-6">
    {{-- 오늘 주문 --}}
    <div class="bg-white rounded-lg shadow p-5 border-l-4 border-blue-500">
        <div class="flex items-center justify-between mb-2">
            <h3 class="text-sm font-medium text-gray-500">오늘 주문</h3>
            <span class="text-blue-500">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
                </svg>
            </span>
        </div>
        <div class="text-2xl font-bold text-gray-900">{{ number_format($summaryCards['orders']['count']) }}건</div>
        <div class="text-sm text-gray-500 mt-1">{{ number_format($summaryCards['orders']['amount']) }}원</div>
        @include('stats.dashboard.partials._delta', ['value' => $summaryCards['orders']['delta_count'], 'suffix' => '건'])
    </div>

    {{-- 오늘 매출 --}}
    <div class="bg-white rounded-lg shadow p-5 border-l-4 border-green-500">
        <div class="flex items-center justify-between mb-2">
            <h3 class="text-sm font-medium text-gray-500">오늘 매출</h3>
            <span class="text-green-500">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
            </span>
        </div>
        <div class="text-2xl font-bold text-gray-900">{{ number_format($summaryCards['sales']['amount']) }}원</div>
        @include('stats.dashboard.partials._delta', ['value' => $summaryCards['sales']['delta'], 'suffix' => '원'])
    </div>

    {{-- 순자금흐름 --}}
    <div class="bg-white rounded-lg shadow p-5 border-l-4 {{ $summaryCards['cashflow']['net'] >= 0 ? 'border-green-500' : 'border-red-500' }}">
        <div class="flex items-center justify-between mb-2">
            <h3 class="text-sm font-medium text-gray-500">순자금흐름</h3>
            <span class="{{ $summaryCards['cashflow']['net'] >= 0 ? 'text-green-500' : 'text-red-500' }}">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
                </svg>
            </span>
        </div>
        <div class="text-2xl font-bold {{ $summaryCards['cashflow']['net'] >= 0 ? 'text-green-600' : 'text-red-600' }}">
            {{ $summaryCards['cashflow']['net'] >= 0 ? '+' : '' }}{{ number_format($summaryCards['cashflow']['net']) }}원
        </div>
        @include('stats.dashboard.partials._delta', ['value' => $summaryCards['cashflow']['delta'], 'suffix' => '원'])
    </div>

    {{-- 생산 효율 --}}
    <div class="bg-white rounded-lg shadow p-5 border-l-4 border-purple-500">
        <div class="flex items-center justify-between mb-2">
            <h3 class="text-sm font-medium text-gray-500">생산 효율</h3>
            <span class="text-purple-500">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
                </svg>
            </span>
        </div>
        <div class="text-2xl font-bold text-gray-900">{{ number_format($summaryCards['production']['efficiency'], 1) }}%</div>
        <div class="text-sm text-gray-500 mt-1">불량률 {{ number_format($summaryCards['production']['defect_rate'], 1) }}%</div>
        @include('stats.dashboard.partials._delta', ['value' => $summaryCards['production']['delta_efficiency'], 'suffix' => '%p'])
    </div>

    {{-- 재고 경고 --}}
    <div class="bg-white rounded-lg shadow p-5 border-l-4 border-yellow-500">
        <div class="flex items-center justify-between mb-2">
            <h3 class="text-sm font-medium text-gray-500">재고 경고</h3>
            <span class="text-yellow-500">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"/>
                </svg>
            </span>
        </div>
        <div class="text-2xl font-bold {{ $summaryCards['inventory']['below_safety'] > 0 ? 'text-yellow-600' : 'text-gray-900' }}">
            {{ number_format($summaryCards['inventory']['below_safety']) }}건
        </div>
        <div class="text-sm text-gray-500 mt-1">안전재고 미달</div>
        @include('stats.dashboard.partials._delta', ['value' => $summaryCards['inventory']['delta'], 'suffix' => '건', 'inverse' => true])
    </div>

    {{-- 활성 사용자 --}}
    <div class="bg-white rounded-lg shadow p-5 border-l-4 border-indigo-500">
        <div class="flex items-center justify-between mb-2">
            <h3 class="text-sm font-medium text-gray-500">활성 사용자</h3>
            <span class="text-indigo-500">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/>
                </svg>
            </span>
        </div>
        <div class="text-2xl font-bold text-gray-900">{{ number_format($summaryCards['system']['active_users']) }}명</div>
        @include('stats.dashboard.partials._delta', ['value' => $summaryCards['system']['delta'], 'suffix' => '명'])
    </div>
</div>
