sam-manage/resources/views/barobill/usage/partials/detail-modal.blade.php

{{-- 회원사 상세 사용량 모달 내용 --}}
<div class="space-y-6">
    <!-- 회원사 정보 -->
    <div class="bg-gray-50 rounded-lg p-4">
        <h4 class="text-sm font-semibold text-gray-700 mb-3">회원사 정보</h4>
        <div class="grid grid-cols-2 gap-4 text-sm">
            <div>
                <span class="text-gray-500">상호명</span>
                <p class="font-medium text-gray-900">{{ $member->corp_name }}</p>
            </div>
            <div>
                <span class="text-gray-500">사업자번호</span>
                <p class="font-mono text-gray-900">{{ $member->formatted_biz_no }}</p>
            </div>
            <div>
                <span class="text-gray-500">바로빌 ID</span>
                <p class="font-medium text-gray-900">{{ $member->barobill_id }}</p>
            </div>
            <div>
                <span class="text-gray-500">조회 기간</span>
                <p class="font-medium text-gray-900">{{ $startDate }} ~ {{ $endDate }}</p>
            </div>
        </div>
    </div>

    <!-- 서비스별 사용량 -->
    <div class="space-y-3">
        <h4 class="text-sm font-semibold text-gray-700">서비스별 사용량</h4>

        <!-- 전자세금계산서 -->
        <div class="flex items-center justify-between p-4 bg-purple-50 rounded-lg border border-purple-100">
            <div class="flex items-center gap-3">
                <div class="p-2 bg-purple-100 rounded-lg">
                    <svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                    </svg>
                </div>
                <div>
                    <p class="font-medium text-purple-900">{{ $priceInfo['tax_invoice']['name'] }}</p>
                    <p class="text-xs text-purple-600">{{ $priceInfo['tax_invoice']['description'] }}</p>
                </div>
            </div>
            <div class="text-right">
                <p class="text-xl font-bold text-purple-700">{{ number_format($usage['tax_invoice_count']) }}건</p>
                <p class="text-sm text-purple-600">{{ number_format($usage['tax_invoice_amount']) }}원</p>
            </div>
        </div>

        <!-- 계좌조회 -->
        <div class="flex items-center justify-between p-4 bg-green-50 rounded-lg border border-green-100">
            <div class="flex items-center gap-3">
                <div class="p-2 bg-green-100 rounded-lg">
                    <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
                    </svg>
                </div>
                <div>
                    <p class="font-medium text-green-900">{{ $priceInfo['bank_account']['name'] }}</p>
                    <p class="text-xs text-green-600">{{ $priceInfo['bank_account']['description'] }}</p>
                </div>
            </div>
            <div class="text-right">
                <p class="text-xl font-bold text-green-700">{{ number_format($usage['bank_account_count']) }}개</p>
            </div>
        </div>

        <!-- 등록 카드 -->
        <div class="flex items-center justify-between p-4 bg-indigo-50 rounded-lg border border-indigo-100">
            <div class="flex items-center gap-3">
                <div class="p-2 bg-indigo-100 rounded-lg">
                    <svg class="w-5 h-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
                    </svg>
                </div>
                <div>
                    <p class="font-medium text-indigo-900">{{ $priceInfo['card']['name'] }}</p>
                    <p class="text-xs text-indigo-600">{{ $priceInfo['card']['description'] }}</p>
                </div>
            </div>
            <div class="text-right">
                <p class="text-xl font-bold text-indigo-700">{{ number_format($usage['card_count']) }}장</p>
            </div>
        </div>

        <!-- 홈텍스 매입/매출 -->
        <div class="flex items-center justify-between p-4 bg-orange-50 rounded-lg border border-orange-100">
            <div class="flex items-center gap-3">
                <div class="p-2 bg-orange-100 rounded-lg">
                    <svg class="w-5 h-5 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16l3.5-2 3.5 2 3.5-2 3.5 2z" />
                    </svg>
                </div>
                <div>
                    <p class="font-medium text-orange-900">{{ $priceInfo['hometax']['name'] }}</p>
                    <p class="text-xs text-orange-600">{{ $priceInfo['hometax']['description'] }}</p>
                </div>
            </div>
            <div class="text-right">
                <p class="text-xl font-bold text-orange-700">{{ number_format($usage['hometax_count']) }}건</p>
            </div>
        </div>
    </div>

    <!-- 건별 과금액 (전자세금계산서만) -->
    <div class="bg-yellow-50 rounded-lg p-4 border-2 border-yellow-200">
        <div class="flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="p-2 bg-yellow-100 rounded-lg">
                    <svg class="w-6 h-6 text-yellow-600" 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>
                </div>
                <span class="text-lg font-semibold text-yellow-800">건별 과금액</span>
            </div>
            <span class="text-2xl font-bold text-yellow-700">{{ number_format($usage['tax_invoice_amount']) }}원</span>
        </div>
        <p class="text-xs text-yellow-600 mt-2">* 전자세금계산서 발행 건수 기준 ({{ $priceInfo['tax_invoice']['description'] }})</p>
    </div>

    <!-- 안내 메시지 -->
    <div class="text-xs text-gray-500 bg-gray-50 rounded-lg p-3">
        <p class="flex items-center gap-1">
            <svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
            </svg>
            바로빌 API를 통해 실시간으로 조회된 사용량입니다. 실제 청구 금액과 다를 수 있습니다.
        </p>
    </div>
</div>