@extends('layouts.admin')

@section('title', ($patientProfile->user->name ?? 'Patient') . ' — Billing')

@section('content')
<div class="max-w-4xl">
    <a href="{{ route('admin.billing.index') }}" class="text-sm text-ink-muted hover:text-ink-primary">&larr; Billing dashboard</a>

    <div class="mt-4 flex items-center justify-between">
        <div>
            <h2 class="text-xl font-bold text-accent">{{ $patientProfile->user->name ?? 'Patient' }}</h2>
            <p class="text-sm text-ink-muted">{{ now()->format('F Y') }} billing period</p>
        </div>
        <form method="POST" action="{{ route('admin.billing.recompute', $patientProfile) }}">
            @csrf
            <button type="submit" class="btn-secondary">
                <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>
                Recompute
            </button>
        </form>
    </div>

    @if ($errors->any())
        <div class="mt-4 flex items-start gap-2.5 rounded-xl border border-status-critical/30 bg-status-critical/10 px-3.5 py-3 text-sm text-status-critical">
            <svg class="w-4 h-4 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" /></svg>
            <span>{{ $errors->first() }}</span>
        </div>
    @endif

    @if ($period)
        @if (! $stediConfigured)
            <div class="mt-4 rounded-xl border border-status-warning/30 bg-status-warning/10 px-3.5 py-3 text-sm text-status-warning">
                Stedi is not configured. Add STEDI_API_KEY before eligibility checks or claim release.
            </div>
        @endif

        <div class="mt-6 grid grid-cols-3 gap-6">
            <div class="col-span-1 card p-5">
                <p class="text-xs font-medium text-ink-muted mb-3">Minutes vs. next band</p>
                <canvas id="minutesGauge" width="200" height="200"></canvas>
            </div>
            <div class="col-span-2 card p-5">
                <p class="text-xs font-medium text-ink-muted">Claim readiness</p>
                <div class="mt-1">
                    @if ($status->color === 'green')
                        <span class="status-pill-good">Claim ready</span>
                    @elseif ($status->color === 'amber')
                        <span class="status-pill-warning">{{ $status->hasResolvedCode ? 'Manual review needed' : 'Approaching threshold' }}</span>
                    @else
                        <span class="status-pill-critical">No resolved code</span>
                    @endif
                </div>
                <p class="mt-4 text-3xl font-bold tabular-nums text-accent">
                    {{ $status->totalMinutes }} <span class="text-base font-normal text-ink-muted">min</span>
                </p>
                @if ($status->baseThresholdMinutes !== null)
                    <p class="mt-1 text-sm text-ink-secondary">Next minute band starts at {{ $status->baseThresholdMinutes }} min. Current minute signal: {{ $status->minuteColor }}.</p>
                @endif
                @if ($status->daysRemainingInMonth !== null)
                    <p class="mt-1 text-sm text-ink-secondary">{{ $status->daysRemainingInMonth }} day(s) remaining this month</p>
                @endif
                @if ($period->resolved_codes)
                    <div class="mt-3 flex flex-wrap gap-1.5">
                        @foreach ($period->resolved_codes as $code)
                            <span class="status-pill-neutral">{{ $code['code'] }} &times;{{ $code['units'] }}</span>
                        @endforeach
                    </div>
                @endif
                <div class="mt-5 border-t border-border-subtle pt-4">
                    <p class="text-xs font-medium text-ink-muted">Stedi claim status</p>
                    @if ($claim)
                        <div class="mt-2 flex flex-wrap items-center gap-2">
                            <span class="{{ $claim->statusPillClass() }}">{{ $claim->statusLabel() }}</span>
                            <span class="status-pill-neutral">Version {{ $claim->claim_version }}</span>
                        </div>
                        <dl class="mt-3 grid gap-2 text-xs text-ink-secondary sm:grid-cols-2">
                            <div>
                                <dt class="font-semibold text-ink-muted">Stedi claim ID</dt>
                                <dd class="mt-0.5 font-mono">{{ $claim->external_claim_id ?? '—' }}</dd>
                            </div>
                            <div>
                                <dt class="font-semibold text-ink-muted">Control number</dt>
                                <dd class="mt-0.5 font-mono">{{ $claim->clearinghouse_control_number ?? '—' }}</dd>
                            </div>
                            <div>
                                <dt class="font-semibold text-ink-muted">Transaction ID</dt>
                                <dd class="mt-0.5 font-mono">{{ $claim->stedi_transaction_id ?? '—' }}</dd>
                            </div>
                            <div>
                                <dt class="font-semibold text-ink-muted">Idempotency key</dt>
                                <dd class="mt-0.5 font-mono">{{ $claim->idempotency_key ?? '—' }}</dd>
                            </div>
                            <div class="sm:col-span-2">
                                <dt class="font-semibold text-ink-muted">Payload hash</dt>
                                <dd class="mt-0.5 break-all font-mono">{{ $claim->submitted_payload_hash ?? '—' }}</dd>
                            </div>
                            <div>
                                <dt class="font-semibold text-ink-muted">Last status</dt>
                                <dd class="mt-0.5">{{ $claim->last_status_at?->format('M j, g:ia') ?? '—' }}</dd>
                            </div>
                            <div>
                                <dt class="font-semibold text-ink-muted">Reason</dt>
                                <dd class="mt-0.5">{{ $claim->status_reason ?? '—' }}</dd>
                            </div>
                        </dl>
                        @if ($claim->artifacts->isNotEmpty())
                            <div class="mt-4 border-t border-border-subtle pt-3">
                                <p class="text-xs font-medium text-ink-muted">Lifecycle artifacts</p>
                                <div class="mt-2 space-y-2">
                                    @foreach ($claim->artifacts as $artifact)
                                        <div class="rounded-lg border border-border-subtle bg-surface-2 px-3 py-2 text-xs text-ink-secondary">
                                            <div class="flex flex-wrap items-center justify-between gap-2">
                                                <span class="font-semibold text-accent">{{ strtoupper($artifact->artifact_type) }}</span>
                                                <span class="status-pill-neutral">{{ str_replace('_', ' ', $artifact->status ?? 'received') }}</span>
                                            </div>
                                            <p class="mt-1">{{ $artifact->status_reason ?? 'No reason supplied.' }}</p>
                                            @if ($artifact->artifact_type === '835')
                                                <p class="mt-1 tabular-nums">Paid ${{ number_format(($artifact->payment_amount_cents ?? 0) / 100, 2) }} · Adjusted ${{ number_format(($artifact->adjustment_amount_cents ?? 0) / 100, 2) }}</p>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                        @if ($claim->serviceLines->isNotEmpty())
                            <div class="mt-4 border-t border-border-subtle pt-3">
                                <p class="text-xs font-medium text-ink-muted">Service-line payment status</p>
                                <div class="mt-2 overflow-hidden rounded-lg border border-border-subtle">
                                    <table class="table-shell text-xs">
                                        <thead>
                                            <tr>
                                                <th class="px-3 py-2 text-left font-medium">Control</th>
                                                <th class="px-3 py-2 text-left font-medium">Code</th>
                                                <th class="px-3 py-2 text-left font-medium">Status</th>
                                                <th class="px-3 py-2 text-right font-medium">Paid</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($claim->serviceLines as $line)
                                                <tr>
                                                    <td class="px-3 py-2 font-mono text-ink-secondary">{{ $line->provider_control_number ?? '—' }}</td>
                                                    <td class="px-3 py-2 text-ink-secondary">{{ $line->procedure_code ?? '—' }}</td>
                                                    <td class="px-3 py-2"><span class="status-pill-neutral">{{ str_replace('_', ' ', $line->status) }}</span></td>
                                                    <td class="px-3 py-2 text-right tabular-nums">${{ number_format(($line->paid_amount_cents ?? 0) / 100, 2) }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endif
                        @if (in_array($claim->status, [
                            App\Models\ClearinghouseClaim::STATUS_SUBMITTED_TO_STEDI,
                            App\Models\ClearinghouseClaim::STATUS_ACCEPTED_277CA,
                            App\Models\ClearinghouseClaim::STATUS_REJECTED_277CA,
                            App\Models\ClearinghouseClaim::STATUS_PAID_835,
                            App\Models\ClearinghouseClaim::STATUS_DENIED,
                        ], true))
                            @can('correctClaim', [App\Models\BillingPeriod::class, $patientProfile])
                                <form method="POST" action="{{ route('admin.billing.claims.correct', [$patientProfile, $claim]) }}" class="mt-4 border-t border-border-subtle pt-3">
                                    @csrf
                                    <label for="correction_reason" class="text-xs font-medium text-ink-muted">Correction note</label>
                                    <textarea id="correction_reason" name="correction_reason" rows="2" class="input-field mt-1" placeholder="Reason for corrected claim version"></textarea>
                                    <button type="submit" class="btn-secondary mt-2 w-full">Create corrected draft</button>
                                </form>
                            @endcan
                        @endif
                        @if ($claim->isVoidable())
                            @can('voidClaim', [App\Models\BillingPeriod::class, $patientProfile])
                                <form method="POST" action="{{ route('admin.billing.claims.void', [$patientProfile, $claim]) }}" class="mt-4 border-t border-border-subtle pt-3">
                                    @csrf
                                    <label for="void_reason" class="text-xs font-medium text-ink-muted">Void reason</label>
                                    <textarea id="void_reason" name="void_reason" rows="2" class="input-field mt-1" required minlength="8" placeholder="Why this claim is being voided"></textarea>
                                    <button type="submit" class="btn-secondary mt-2 w-full">Mark claim voided</button>
                                </form>
                            @endcan
                        @endif
                    @else
                        <p class="mt-2 text-sm text-ink-secondary">No Stedi claim has been released for this billing period yet.</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="mt-6 grid gap-6 lg:grid-cols-2">
            <div class="card p-5">
                <div class="flex flex-wrap items-start justify-between gap-3">
                    <div>
                        <h3 class="text-sm font-semibold text-accent">Stedi eligibility</h3>
                        <p class="mt-1 text-xs text-ink-muted">Real-time 270/271 check for the current payer.</p>
                    </div>
                    @if ($patientProfile->eligibility_status === 'active')
                        <span class="status-pill-good">Active</span>
                    @elseif ($patientProfile->eligibility_status)
                        <span class="status-pill-warning">{{ ucfirst($patientProfile->eligibility_status) }}</span>
                    @else
                        <span class="status-pill-neutral">Not checked</span>
                    @endif
                </div>
                <dl class="mt-4 grid gap-2 text-xs text-ink-secondary sm:grid-cols-2">
                    <div>
                        <dt class="font-semibold text-ink-muted">Payer ID</dt>
                        <dd class="mt-0.5 font-mono">{{ $patientProfile->payer_id ?: '—' }}</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-ink-muted">Member ID</dt>
                        <dd class="mt-0.5 font-mono">{{ $patientProfile->member_id ? 'on file' : '—' }}</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-ink-muted">Last checked</dt>
                        <dd class="mt-0.5">{{ $patientProfile->eligibility_checked_at?->format('M j, g:ia') ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-ink-muted">Environment</dt>
                        <dd class="mt-0.5">{{ config('stedi.env') }}</dd>
                    </div>
                </dl>
                @can('checkEligibility', [App\Models\BillingPeriod::class, $patientProfile])
                    <form method="POST" action="{{ route('admin.billing.eligibility.check', $patientProfile) }}" class="mt-4">
                        @csrf
                        <button type="submit" class="btn-secondary w-full" @disabled(! $stediConfigured)>Check eligibility</button>
                    </form>
                @endcan
            </div>

            <div class="card p-5">
                <div class="flex flex-wrap items-start justify-between gap-3">
                    <div>
                        <h3 class="text-sm font-semibold text-accent">Payer transaction enrollment</h3>
                        <p class="mt-1 text-xs text-ink-muted">Tracks payer readiness for eligibility, 837P, and ERA workflows.</p>
                    </div>
                </div>
                <div class="mt-4 space-y-2">
                    @forelse ($payerEnrollments as $enrollment)
                        <div class="rounded-lg border border-border-subtle bg-surface-2 px-3 py-2 text-sm">
                            <div class="flex items-start justify-between gap-3">
                                <p class="font-medium text-accent">{{ $enrollment->transaction_type }}</p>
                                <span class="status-pill-neutral">{{ str_replace('_', ' ', $enrollment->status) }}</span>
                            </div>
                            @if ($enrollment->status_reason)
                                <p class="mt-1 text-xs text-ink-muted">{{ $enrollment->status_reason }}</p>
                            @endif
                        </div>
                    @empty
                        <p class="text-sm text-ink-muted">No payer enrollment rows yet.</p>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="mt-6 card p-5">
            <div class="flex flex-wrap items-start justify-between gap-3">
                <div>
                    <h3 class="text-sm font-semibold text-accent">Manual billing review checklist</h3>
                    <p class="mt-1 text-xs text-ink-muted">Release stays blocked until every required item is complete.</p>
                </div>
                <span class="{{ $status->claimReady ? 'status-pill-good' : 'status-pill-warning' }}">{{ $status->claimReady ? 'Ready' : 'Needs review' }}</span>
            </div>
            <div class="mt-4 grid gap-2 sm:grid-cols-2">
                @foreach ($status->readinessItems as $item)
                    <div class="rounded-lg border {{ $item['passed'] ? 'border-status-good/25 bg-status-good/10' : 'border-status-warning/25 bg-status-warning/10' }} px-3 py-2 text-sm">
                        <div class="flex items-start justify-between gap-3">
                            <p class="font-medium text-accent">{{ $item['label'] }}</p>
                            <span class="{{ $item['passed'] ? 'status-pill-good' : 'status-pill-warning' }}">{{ $item['passed'] ? 'OK' : 'Gap' }}</span>
                        </div>
                        @if ($item['detail'])
                            <p class="mt-1 text-xs text-ink-muted">{{ $item['detail'] }}</p>
                        @endif
                    </div>
                @endforeach
            </div>
            @can('previewClaim', [App\Models\BillingPeriod::class, $patientProfile])
                @if ($status->claimReady)
                    <a href="{{ route('admin.billing.claims.preview', $patientProfile) }}" class="btn-secondary mt-4 w-full">Preview Stedi claim</a>
                @else
                    <span class="btn-secondary mt-4 w-full opacity-60">Preview Stedi claim</span>
                @endif
            @endcan
            @can('submitClaim', [App\Models\BillingPeriod::class, $patientProfile])
                <form method="POST" action="{{ route('admin.billing.claims.submit', $patientProfile) }}" class="mt-4">
                    @csrf
                    <button type="submit" class="btn-primary w-full" @disabled(! $stediConfigured || ! $status->claimReady)>Release claim to Stedi</button>
                </form>
            @endcan
        </div>

        <div class="mt-6 card overflow-hidden">
            <div class="px-4 py-3 border-b border-border-subtle">
                <h3 class="text-sm font-semibold">Contributing time logs</h3>
                <p class="text-xs text-ink-muted">Every submitted log entry and its care-encounter pointer, for audit defensibility.</p>
            </div>
            <table class="table-shell">
                <thead>
                    <tr>
                        <th class="text-left px-4 py-2.5 font-medium">Started</th>
                        <th class="text-left px-4 py-2.5 font-medium">Minutes</th>
                        <th class="text-left px-4 py-2.5 font-medium">Activity</th>
                        <th class="text-left px-4 py-2.5 font-medium">Provider</th>
                        <th class="text-left px-4 py-2.5 font-medium">Care encounter</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($logs as $log)
                        <tr>
                            <td class="px-4 py-2.5 text-ink-secondary tabular-nums">{{ $log->started_at->format('M j, g:ia') }}</td>
                            <td class="px-4 py-2.5 tabular-nums">{{ $log->duration_minutes }}</td>
                            <td class="px-4 py-2.5 text-ink-secondary">{{ str_replace('_', ' ', $log->activity_type) }}</td>
                            <td class="px-4 py-2.5 text-ink-secondary">{{ $log->provider->name ?? '—' }}</td>
                            <td class="px-4 py-2.5 text-ink-secondary">
                                {{ $log->careEncounter?->encounter_type ? str_replace('_', ' ', $log->careEncounter->encounter_type) : '—' }}
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="px-4 py-6 text-center text-ink-muted">No submitted logs this period.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @push('scripts')
        <script>
            new Chart(document.getElementById('minutesGauge'), {
                type: 'doughnut',
                data: {
                    labels: ['Logged', 'Remaining to threshold'],
                    datasets: [{
                        data: [
                            {{ $status->totalMinutes }},
                            {{ max(0, ($status->baseThresholdMinutes ?? $status->totalMinutes) - $status->totalMinutes) }}
                        ],
                        backgroundColor: [
                            '{{ $status->minuteColor === 'green' ? '#0ca30c' : ($status->minuteColor === 'amber' ? '#fab219' : '#d03b3b') }}',
                            '#eef0f3',
                        ],
                        borderWidth: 0,
                    }],
                },
                options: {
                    cutout: '72%',
                    plugins: { legend: { display: false }, tooltip: { enabled: true } },
                },
            });
        </script>
        @endpush
    @else
        <div class="mt-6 rounded-2xl border border-dashed border-border-default p-8 text-center">
            <p class="text-sm text-ink-muted">No billing period computed yet for this month.</p>
            <form method="POST" action="{{ route('admin.billing.recompute', $patientProfile) }}" class="mt-3 inline-block">
                @csrf
                <button type="submit" class="btn-primary">
                    Compute now
                </button>
            </form>
        </div>
    @endif
</div>
@endsection