@if($billType === 'assessment')
    {{-- ASSESSMENT BILL QUICK VIEW --}}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Assessment Ref No</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold">{{ $bill->AssessmentRefNo ?? 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Assessment Date</dt>
            <dd class="mt-1 text-sm text-gray-900">{{ $bill->AssessmentDate ? date('d M Y', strtotime($bill->AssessmentDate)) : 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Tax Year</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold">{{ $bill->TaxYear ?? 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Assessment Amount</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold text-green-600">₦{{ number_format($bill->AssessmentAmount ?? 0, 2) }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Settlement Amount</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold">₦{{ number_format($bill->SettlementAmount ?? 0, 2) }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Outstanding Balance</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold text-red-600">₦{{ number_format(($bill->AssessmentAmount ?? 0) - ($bill->SettlementAmount ?? 0), 2) }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Settlement Due Date</dt>
            <dd class="mt-1 text-sm text-gray-900">{{ $bill->SettlementDueDate ? date('d M Y', strtotime($bill->SettlementDueDate)) : 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Settlement Status</dt>
            <dd class="mt-1">
                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full
                    {{ $bill->SettlementStatusName === 'Settled' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' }}">
                    {{ $bill->SettlementStatusName ?? 'N/A' }}
                </span>
            </dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg col-span-2">
            <dt class="text-sm font-medium text-gray-500">Notes</dt>
            <dd class="mt-1 text-sm text-gray-900">{{ $bill->Notes ?? '-' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg col-span-2">
            <dt class="text-sm font-medium text-gray-500">Status</dt>
            <dd class="mt-1">
                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full
                    {{ $bill->ActiveText === 'Active' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
                    {{ $bill->ActiveText ?? 'N/A' }}
                </span>
            </dd>
        </div>
    </div>

@else
    {{-- SERVICE BILL QUICK VIEW --}}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Service Bill Ref No</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold">{{ $bill->ServiceBillRefNo ?? 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Service Bill Date</dt>
            <dd class="mt-1 text-sm text-gray-900">{{ $bill->ServiceBillDate ? date('d M Y', strtotime($bill->ServiceBillDate)) : 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">MDA Service</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold">{{ $bill->MDAServiceName ?? 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Service Bill Amount</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold text-green-600">₦{{ number_format($bill->ServiceBillAmount ?? 0, 2) }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Settlement Amount</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold">₦{{ number_format($bill->SettlementAmount ?? 0, 2) }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Outstanding Balance</dt>
            <dd class="mt-1 text-sm text-gray-900 font-semibold text-red-600">₦{{ number_format(($bill->ServiceBillAmount ?? 0) - ($bill->SettlementAmount ?? 0), 2) }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Settlement Due Date</dt>
            <dd class="mt-1 text-sm text-gray-900">{{ $bill->SettlementDueDate ? date('d M Y', strtotime($bill->SettlementDueDate)) : 'N/A' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg">
            <dt class="text-sm font-medium text-gray-500">Settlement Status</dt>
            <dd class="mt-1">
                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full
                    {{ $bill->SettlementStatusName === 'Settled' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' }}">
                    {{ $bill->SettlementStatusName ?? 'N/A' }}
                </span>
            </dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg col-span-2">
            <dt class="text-sm font-medium text-gray-500">Notes</dt>
            <dd class="mt-1 text-sm text-gray-900">{{ $bill->Notes ?? '-' }}</dd>
        </div>
        <div class="bg-gray-50 p-3 rounded-lg col-span-2">
            <dt class="text-sm font-medium text-gray-500">Status</dt>
            <dd class="mt-1">
                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full
                    {{ $bill->ActiveText === 'Active' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
                    {{ $bill->ActiveText ?? 'N/A' }}
                </span>
            </dd>
        </div>
    </div>
@endif