{{-- 실적 데이터 없음 안내 --}}
@if($stats['total_contracts'] == 0)
<div class="bg-white rounded-xl shadow-sm p-12">
    <div class="flex flex-col items-center justify-center text-center">
        <div class="w-20 h-20 bg-blue-50 rounded-full flex items-center justify-center mb-6">
            <svg class="w-10 h-10 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
            </svg>
        </div>
        <h3 class="text-xl font-bold text-gray-800 mb-2">실적 데이터가 존재하지 않습니다</h3>
        <p class="text-gray-500 mb-2">선택한 기간 내에 등록된 계약 정보나 조직 구성 데이터가 없습니다.</p>
        <p class="text-gray-500 mb-6">아직 실적이 발생하지 않았거나, 시스템 동기화 중일 수 있습니다.</p>
        <button type="button"
            hx-get="{{ route('sales.salesmanagement.dashboard.refresh') }}"
            hx-target="#dashboard-data"
            hx-swap="innerHTML"
            hx-vals='{"period": "{{ $period }}", "start_date": "{{ $startDate }}", "end_date": "{{ $endDate }}"}'
            hx-indicator="#refresh-indicator"
            class="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors">
            <svg class="w-5 h-5 htmx-indicator" id="refresh-indicator" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
            </svg>
            실적 데이터 새로고침
        </button>
    </div>
</div>
@endif