@extends('layouts.app')
@section('title', 'Credit Notes')
@section('content')

{{-- Header --}}
<div class="flex items-center justify-between mb-5">
    <div>
        <h1 class="text-lg font-bold text-gray-900">Credit Notes</h1>
        <p class="text-xs text-gray-400">Billing reversals and corrections</p>
    </div>
    @if($pendingCount > 0)
    <span class="badge badge-warning text-sm px-3 py-1">{{ $pendingCount }} pending approval</span>
    @endif
</div>

{{-- Filters — patient search dominates; status + dates stay compact (Issue #15). --}}
<form method="GET" class="bg-white rounded-xl border shadow-sm p-4 mb-5 flex flex-wrap gap-3 items-end">
    <div class="flex-1 min-w-[260px]">
        <label class="form-label">Search</label>
        <input type="text" name="search" value="{{ request('search') }}" class="form-input text-sm w-full" placeholder="CN number, patient name, MRN…">
    </div>
    <div class="w-32">
        <label class="form-label">Status</label>
        <select name="status" class="form-input text-sm w-full">
            <option value="">All</option>
            <option value="pending"  {{ request('status')==='pending'  ? 'selected':'' }}>Pending</option>
            <option value="approved" {{ request('status')==='approved' ? 'selected':'' }}>Approved</option>
            <option value="applied"  {{ request('status')==='applied'  ? 'selected':'' }}>Applied</option>
            <option value="rejected" {{ request('status')==='rejected' ? 'selected':'' }}>Rejected</option>
        </select>
    </div>
    <div class="w-36">
        <label class="form-label">From</label>
        <input type="date" name="from" value="{{ request('from') }}" class="form-input text-sm w-full no-flatpickr">
    </div>
    <div class="w-36">
        <label class="form-label">To</label>
        <input type="date" name="to" value="{{ request('to') }}" class="form-input text-sm w-full no-flatpickr">
    </div>
    <button class="btn-primary text-sm">Filter</button>
    @if(request()->hasAny(['search','status','from','to']))
        <a href="{{ route('billing.credit-notes.index') }}" class="btn-secondary text-sm">Clear</a>
    @endif
</form>

{{-- Table --}}
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full">
        <thead class="bg-gray-50">
            <tr>
                <th class="table-header">CN Number</th>
                <th class="table-header">Patient</th>
                <th class="table-header">Invoice</th>
                <th class="table-header">Reason</th>
                <th class="table-header text-right">Amount (KES)</th>
                <th class="table-header">Raised by</th>
                <th class="table-header">Date</th>
                <th class="table-header">Status</th>
                <th class="table-header">Actions</th>
            </tr>
        </thead>
        <tbody>
        @forelse($creditNotes as $cn)
        @php
            $sc = ['pending'=>'badge-warning','approved'=>'badge-info','applied'=>'badge-success','rejected'=>'badge-danger'];
        @endphp
        <tr class="border-b border-gray-50 hover:bg-gray-50">
            <td class="table-cell font-mono text-xs font-semibold">{{ $cn->credit_note_number }}</td>
            <td class="table-cell">
                <p class="text-xs font-medium">{{ $cn->patient->full_name ?? '|' }}</p>
                <p class="text-xs text-gray-400">{{ $cn->patient->mrn ?? '' }}</p>
            </td>
            <td class="table-cell font-mono text-xs">{{ $cn->invoice?->invoice_number ?? '|' }}</td>
            <td class="table-cell text-xs">{{ $cn->reason }}</td>
            <td class="table-cell text-right font-semibold text-red-600">{{ number_format($cn->amount) }}</td>
            <td class="table-cell text-xs">{{ $cn->requester->name ?? '|' }}</td>
            <td class="table-cell text-xs text-gray-400">{{ $cn->created_at->format('d M Y') }}</td>
            <td class="table-cell"><span class="badge {{ $sc[$cn->status] ?? 'badge-gray' }}">{{ ucfirst($cn->status) }}</span></td>
            <td class="table-cell">
                <a href="{{ route('billing.credit-notes.show', $cn) }}" class="text-xs text-sky-600 hover:underline">View</a>
            </td>
        </tr>
        @empty
        <tr><td colspan="9" class="table-cell text-center text-gray-400 py-10">No credit notes found.</td></tr>
        @endforelse
        </tbody>
    </table>
    <div class="px-4 py-3 border-t">{{ $creditNotes->withQueryString()->links() }}</div>
</div>
@endsection