@extends('layouts.app')
@section('title', 'Credit Note | ' . $creditNote->credit_note_number)
@section('content')

@php
    $statusColors = [
        'pending'  => 'bg-amber-100 text-amber-800 border-amber-300',
        'approved' => 'bg-blue-100 text-blue-800 border-blue-300',
        'applied'  => 'bg-green-100 text-green-800 border-green-300',
        'rejected' => 'bg-red-100 text-red-800 border-red-300',
    ];
    $sc = $statusColors[$creditNote->status] ?? 'bg-gray-100 text-gray-800 border-gray-300';
    $canApprove = auth()->user()->hasAnyRole('Finance User', 'Hospital Admin', 'Super Admin')
                  && $creditNote->isPending()
                  && $creditNote->requested_by !== auth()->id();
    $canReject  = auth()->user()->hasAnyRole('Finance User', 'Hospital Admin', 'Super Admin')
                  && $creditNote->isPending();
    $canApply   = auth()->user()->hasAnyRole('Finance User', 'Hospital Admin', 'Super Admin')
                  && $creditNote->isApproved();
@endphp

<div class="max-w-3xl mx-auto">

    {{-- Header --}}
    <div class="flex items-start justify-between mb-5">
        <div class="flex items-center gap-3">
            <a href="{{ route('billing.credit-notes.index') }}" class="btn-secondary text-xs">← Back</a>
            <div>
                <h1 class="text-base font-bold text-gray-900">{{ $creditNote->credit_note_number }}</h1>
                <p class="text-xs text-gray-400">Raised {{ $creditNote->created_at->format('d M Y H:i') }} by {{ $creditNote->requester->name ?? '|' }}</p>
            </div>
        </div>
        <span class="border px-3 py-1 rounded-full text-sm font-semibold {{ $sc }}">{{ ucfirst($creditNote->status) }}</span>
    </div>

    @if(session('success'))
    <div class="bg-green-50 border border-green-300 rounded-lg px-4 py-3 mb-4 text-sm text-green-800">{{ session('success') }}</div>
    @endif
    @if(session('error'))
    <div class="bg-red-50 border border-red-300 rounded-lg px-4 py-3 mb-4 text-sm text-red-800">{{ session('error') }}</div>
    @endif

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-5">

        {{-- LEFT: Credit note detail --}}
        <div class="lg:col-span-2 space-y-5">

            {{-- Summary card --}}
            <div class="bg-white rounded-xl border shadow-sm p-5">
                <h3 class="text-xs font-bold text-gray-500 uppercase mb-4">Credit Note Detail</h3>
                <dl class="grid grid-cols-2 gap-x-6 gap-y-3 text-sm">
                    <div><dt class="text-xs text-gray-400 uppercase">Patient</dt>
                         <dd class="font-medium">{{ $creditNote->patient->full_name ?? '|' }}</dd></div>
                    <div><dt class="text-xs text-gray-400 uppercase">MRN</dt>
                         <dd class="font-mono">{{ $creditNote->patient->mrn ?? '|' }}</dd></div>
                    <div><dt class="text-xs text-gray-400 uppercase">Invoice</dt>
                         <dd class="font-mono">{{ $creditNote->invoice?->invoice_number ?? '|' }}</dd></div>
                    <div><dt class="text-xs text-gray-400 uppercase">Credit Amount</dt>
                         <dd class="font-bold text-red-600 text-base">KES {{ number_format($creditNote->amount) }}</dd></div>
                    <div><dt class="text-xs text-gray-400 uppercase">Reason</dt>
                         <dd>{{ $creditNote->reason }}</dd></div>
                    @if($creditNote->invoiceItem)
                    <div><dt class="text-xs text-gray-400 uppercase">Line Item</dt>
                         <dd class="text-xs">{{ $creditNote->invoiceItem->description }} (KES {{ number_format($creditNote->invoiceItem->total) }})</dd></div>
                    @endif
                    @if($creditNote->description)
                    <div class="col-span-2"><dt class="text-xs text-gray-400 uppercase">Description</dt>
                         <dd class="text-sm bg-gray-50 rounded p-3 whitespace-pre-line">{{ $creditNote->description }}</dd></div>
                    @endif
                </dl>
            </div>

            {{-- Workflow timeline --}}
            <div class="bg-white rounded-xl border shadow-sm p-5">
                <h3 class="text-xs font-bold text-gray-500 uppercase mb-4">Workflow Timeline</h3>
                <ol class="relative border-l border-gray-200 ml-3 space-y-4">
                    <li class="ml-4">
                        <div class="absolute -left-1.5 mt-0.5 w-3 h-3 bg-blue-500 rounded-full"></div>
                        <p class="text-xs font-semibold text-gray-800">Raised</p>
                        <p class="text-xs text-gray-400">{{ $creditNote->created_at->format('d M Y H:i') }} · {{ $creditNote->requester->name ?? '|' }}</p>
                    </li>
                    @if($creditNote->approved_at)
                    <li class="ml-4">
                        <div class="absolute -left-1.5 mt-0.5 w-3 h-3 bg-green-500 rounded-full"></div>
                        <p class="text-xs font-semibold text-gray-800">Approved</p>
                        <p class="text-xs text-gray-400">{{ $creditNote->approved_at->format('d M Y H:i') }} · {{ $creditNote->approver->name ?? '|' }}</p>
                        @if($creditNote->approval_notes)<p class="text-xs text-gray-500 italic mt-0.5">"{{ $creditNote->approval_notes }}"</p>@endif
                    </li>
                    @endif
                    @if($creditNote->applied_at)
                    <li class="ml-4">
                        <div class="absolute -left-1.5 mt-0.5 w-3 h-3 bg-purple-500 rounded-full"></div>
                        <p class="text-xs font-semibold text-gray-800">Applied to Invoice</p>
                        <p class="text-xs text-gray-400">{{ $creditNote->applied_at->format('d M Y H:i') }}</p>
                    </li>
                    @endif
                    @if($creditNote->rejected_at)
                    <li class="ml-4">
                        <div class="absolute -left-1.5 mt-0.5 w-3 h-3 bg-red-500 rounded-full"></div>
                        <p class="text-xs font-semibold text-gray-800">Rejected</p>
                        <p class="text-xs text-gray-400">{{ $creditNote->rejected_at->format('d M Y H:i') }} · {{ $creditNote->rejector->name ?? '|' }}</p>
                        @if($creditNote->rejection_reason)<p class="text-xs text-gray-500 italic mt-0.5">"{{ $creditNote->rejection_reason }}"</p>@endif
                    </li>
                    @endif
                </ol>
            </div>

            {{-- Invoice items (for context) --}}
            <div class="bg-white rounded-xl border shadow-sm p-5">
                <h3 class="text-xs font-bold text-gray-500 uppercase mb-3">Invoice Line Items</h3>
                <table class="w-full text-xs">
                    <thead class="bg-gray-50"><tr>
                        <th class="table-header">Description</th>
                        <th class="table-header">Category</th>
                        <th class="table-header text-right">Total (KES)</th>
                    </tr></thead>
                    <tbody>
                    @foreach($creditNote->invoice?->items ?? [] as $item)
                    <tr class="border-b border-gray-50 {{ $item->total < 0 ? 'bg-red-50/50' : '' }}">
                        <td class="table-cell {{ $item->total < 0 ? 'text-red-600' : '' }}">
                            {{ $item->description }}
                            @if($item->source_type === 'credit_note')<span class="badge badge-danger text-xs ml-1">CN</span>@endif
                        </td>
                        <td class="table-cell text-gray-500">{{ $item->category }}</td>
                        <td class="table-cell text-right font-semibold {{ $item->total < 0 ? 'text-red-600' : '' }}">{{ number_format($item->total) }}</td>
                    </tr>
                    @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="bg-gray-50"><td colspan="2" class="table-cell text-right font-bold text-sm">Invoice Total</td>
                            <td class="table-cell text-right font-bold">KES {{ number_format($creditNote->invoice?->total_amount ?? 0) }}</td></tr>
                        <tr><td colspan="2" class="table-cell text-right text-sm text-green-600">Paid</td>
                            <td class="table-cell text-right text-green-600">KES {{ number_format($creditNote->invoice?->amount_paid ?? 0) }}</td></tr>
                        <tr><td colspan="2" class="table-cell text-right font-bold text-sm text-red-600">Balance</td>
                            <td class="table-cell text-right font-bold text-red-600">KES {{ number_format($creditNote->invoice?->balance ?? 0) }}</td></tr>
                    </tfoot>
                </table>
            </div>

        </div>

        {{-- RIGHT: Action panel --}}
        <div class="space-y-4">

            {{-- Approve --}}
            @if($canApprove)
            <div class="bg-white rounded-xl border border-green-200 shadow-sm p-4">
                <h4 class="text-sm font-bold text-green-800 mb-3">Approve Credit Note</h4>
                <form method="POST" action="{{ route('billing.credit-notes.approve', $creditNote) }}">@csrf
                    <div class="mb-3"><label class="form-label text-xs">Approval Notes (optional)</label>
                        <textarea name="approval_notes" rows="2" class="form-input text-xs" placeholder="Any notes for the record…"></textarea></div>
                    <button type="submit" class="btn-success w-full text-sm"
                        onclick="return confirm('Approve {{ $creditNote->credit_note_number }}?\n\nThis will allow the credit to be applied to Invoice {{ $creditNote->invoice?->invoice_number ?? '' }}.')">
                        ✓ Approve
                    </button>
                </form>
            </div>
            @endif

            {{-- Apply --}}
            @if($canApply)
            <div class="bg-white rounded-xl border border-blue-200 shadow-sm p-4">
                <h4 class="text-sm font-bold text-blue-800 mb-2">Apply to Invoice</h4>
                <p class="text-xs text-gray-500 mb-3">
                    This will write a negative line item of <strong>KES {{ number_format($creditNote->amount) }}</strong>
                    to invoice <strong>{{ $creditNote->invoice?->invoice_number ?? '' }}</strong> and recalculate the balance.
                </p>
                <form method="POST" action="{{ route('billing.credit-notes.apply', $creditNote) }}">@csrf
                    <button type="submit" class="btn-primary w-full text-sm"
                        onclick="return confirm('Apply KES {{ number_format($creditNote->amount) }} credit to invoice {{ $creditNote->invoice?->invoice_number ?? '' }}?\n\nThis action cannot be undone.')">
                        Apply Credit
                    </button>
                </form>
            </div>
            @endif

            {{-- Reject --}}
            @if($canReject)
            <div class="bg-white rounded-xl border border-red-200 shadow-sm p-4">
                <h4 class="text-sm font-bold text-red-800 mb-3">Reject</h4>
                <form method="POST" action="{{ route('billing.credit-notes.reject', $creditNote) }}">@csrf
                    <div class="mb-3"><label class="form-label text-xs">Rejection Reason <span class="text-red-500">*</span></label>
                        <textarea name="rejection_reason" rows="2" class="form-input text-xs" required placeholder="Explain why this request is being rejected…"></textarea></div>
                    <button type="submit" class="btn-danger w-full text-sm"
                        onclick="return confirm('Reject {{ $creditNote->credit_note_number }}?')">
                        ✗ Reject
                    </button>
                </form>
            </div>
            @endif

            {{-- Self-approval warning --}}
            @if($creditNote->isPending() && $creditNote->requested_by === auth()->id() && auth()->user()->hasAnyRole('Finance User','Hospital Admin','Super Admin'))
            <div class="bg-amber-50 border border-amber-200 rounded-xl p-4 text-xs text-amber-800">
                <p class="font-semibold mb-1">⚠ Four-eyes rule</p>
                <p>You raised this credit note and cannot approve it yourself. Another authorised user must review it.</p>
            </div>
            @endif

            {{-- Status info for non-pending --}}
            @if($creditNote->isApplied())
            <div class="bg-green-50 border border-green-200 rounded-xl p-4 text-xs text-green-800">
                <p class="font-semibold">✓ Applied</p>
                <p class="mt-1">This credit note has been applied to invoice {{ $creditNote->invoice?->invoice_number ?? '' }}. The balance has been updated.</p>
            </div>
            @endif
            @if($creditNote->isRejected())
            <div class="bg-red-50 border border-red-200 rounded-xl p-4 text-xs text-red-800">
                <p class="font-semibold">✗ Rejected</p>
                <p class="mt-1">{{ $creditNote->rejection_reason }}</p>
            </div>
            @endif

        </div>
    </div>
</div>
@endsection