@extends('layouts.admin')
@section('title', 'Billing & Payments')
@section('page', 'billing')
@section('content')
@php $cur = config('clinic.currency.symbol'); @endphp
<div class="page-content">
    <div class="page-head billing-head">
        <div>
            <div class="breadcrumbs"><span><i class="bi bi-house-door me-1"></i> Dashboard</span><i class="bi bi-chevron-right"></i><span>Billing & Payments</span></div>
            <h1 class="page-title">Practice Financial & Payment Center</h1>
            <p class="page-subtitle">Manage patient billing, part-payments, receipts, and outstanding dues.</p>
        </div>
        <div class="d-flex align-items-center gap-3"><button class="btn btn-light border billing-date-btn" type="button"><i class="bi bi-calendar3 me-2"></i>{{ now()->format('l, j F Y') }}</button></div>
    </div>

    <div class="billing-summary">
        <a href="{{ route('admin.billing.index') }}?outstanding=1" class="card-admin billing-stat red text-start text-decoration-none">
            <div class="stat-icon stat-red"><i class="bi bi-people"></i></div>
            <div class="stat-copy"><div class="stat-label">Patients with Pending Due</div><div class="stat-number">{{ $stats['pending_patients'] }}</div><div class="stat-foot">Require balance collection</div></div><i class="bi bi-chevron-right stat-arrow"></i>
        </a>
        <div class="card-admin billing-stat yellow text-start">
            <div class="stat-icon stat-yellow"><i class="bi bi-currency-rupee"></i></div>
            <div class="stat-copy"><div class="stat-label">Total Outstanding Amount</div><div class="stat-number">{{ $cur }} {{ number_format($stats['outstanding'],2) }}</div><div class="stat-foot">To be collected via installments</div></div><i class="bi bi-chevron-right stat-arrow"></i>
        </div>
        <div class="card-admin billing-stat green text-start">
            <div class="stat-icon stat-green"><i class="bi bi-receipt"></i></div>
            <div class="stat-copy"><div class="stat-label">Today's Payments</div><div class="stat-number">{{ $cur }} {{ number_format($stats['today'],2) }}</div><div class="stat-foot up">Collected today</div></div><i class="bi bi-chevron-right stat-arrow"></i>
        </div>
        <div class="card-admin billing-stat blue text-start">
            <div class="stat-icon stat-blue"><i class="bi bi-file-earmark-text"></i></div>
            <div class="stat-copy"><div class="stat-label">Total Charges</div><div class="stat-number">{{ $stats['invoices'] }}</div><div class="stat-foot">Billed line items</div></div><i class="bi bi-chevron-right stat-arrow"></i>
        </div>
    </div>

    <section class="card-admin billing-card">
        <div class="billing-tabs" role="tablist">
            <a class="billing-tab {{ request('outstanding') ? 'active' : '' }}" href="{{ route('admin.billing.index') }}?outstanding=1" role="tab">Pending Due ({{ $stats['pending_patients'] }})</a>
            <a class="billing-tab {{ !request('outstanding') ? 'active' : '' }}" href="{{ route('admin.billing.index') }}" role="tab">All Patients</a>
        </div>
        <div class="billing-filters">
            <form method="GET" class="billing-filter search-filter d-flex gap-2 p-3">
                @if(request('outstanding'))<input type="hidden" name="outstanding" value="1">@endif
                <input class="form-control" name="search" value="{{ request('search') }}" placeholder="Search patient name, phone or code...">
                <button class="btn-outline-soft">Search</button>
            </form>
        </div>
        <div class="table-responsive">
            <table class="table admin-table mb-0">
                <thead><tr><th>Patient</th><th>Contact</th><th>Total Billed</th><th>Paid</th><th>Balance Due</th><th>Status</th><th class="text-end">Action</th></tr></thead>
                <tbody>
                @forelse($patients as $p)
                    @php $billed=$p->billed??0; $paid=$p->paid??0; $due=$billed-$paid; @endphp
                    <tr>
                        <td><div class="d-flex align-items-center gap-2"><div class="table-avatar">{{ strtoupper(substr($p->full_name,0,1)) }}</div><div><strong>{{ $p->full_name }}</strong><div class="patient-meta">{{ $p->code }}</div></div></div></td>
                        <td>{{ $p->phone }}</td>
                        <td>{{ $cur }}{{ number_format($billed,2) }}</td>
                        <td>{{ $cur }}{{ number_format($paid,2) }}</td>
                        <td><strong>{{ $cur }}{{ number_format($due,2) }}</strong></td>
                        <td>@if($due>0)<span class="status-pill status-due">{{ $cur }}{{ number_format($due,2) }} DUE</span>@else<span class="status-pill status-paid">● Paid in full</span>@endif</td>
                        <td class="text-end"><a class="btn btn-sm btn-light border" href="{{ route('admin.billing.show',$p) }}"><i class="bi bi-credit-card me-1"></i> Manage</a></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-secondary py-4">No patients.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="pagination-admin"><span>{{ $patients->total() }} accounts</span><div class="d-flex gap-1">
            <a class="page-btn {{ $patients->onFirstPage()?'disabled':'' }}" href="{{ $patients->previousPageUrl() ?? '#' }}">‹</a>
            <a class="page-btn {{ $patients->hasMorePages()?'':'disabled' }}" href="{{ $patients->nextPageUrl() ?? '#' }}">›</a>
        </div></div>
    </section>
</div>
@endsection