@extends('layouts.admin')
@section('title', 'Billing — '.$patient->full_name)
@section('content')
    @php
        $cur = config('clinic.currency.symbol');
        $billed = $patient->totalBilled(); $paid = $patient->totalPaid(); $due = $billed - $paid;
    @endphp

    <x-page-header :title="'Billing — '.$patient->full_name" :subtitle="$patient->code.' · '.$patient->phone">
        <x-slot:actions>
            <a href="{{ route('admin.patients.show', $patient) }}" class="btn btn-outline-secondary">Patient Profile</a>
            <a href="{{ route('admin.billing.index') }}" class="btn btn-outline-secondary">Back</a>
        </x-slot:actions>
    </x-page-header>

    <div class="stat-grid mb-4">
        <x-stat-card label="Total Treatment Cost" :value="$cur.number_format($billed, 2)" icon="bi-receipt" />
        <x-stat-card label="Amount Paid" :value="$cur.number_format($paid, 2)" icon="bi-cash-coin" />
        <x-stat-card label="Remaining Balance" :value="$cur.number_format($due, 2)" icon="bi-hourglass-split" />
    </div>

    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#t-pay">Payment</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#t-hist">Payment History</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#t-ledger">Summary &amp; Ledger</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#t-treat">Treatment Procedures</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#t-docs">Documents</button></li>
    </ul>

    <div class="tab-content card p-4 border-top-0">
        {{-- PAYMENT --}}
        <div class="tab-pane fade show active" id="t-pay">
            <div class="row">
                <div class="col-md-5">
                    <p><strong>Total Treatment Cost:</strong> {{ $cur }}{{ number_format($billed, 2) }}</p>
                    <p><strong>Amount Paid:</strong> {{ $cur }}{{ number_format($paid, 2) }}</p>
                    <p><strong>Remaining Balance:</strong> <span class="text-danger">{{ $cur }}{{ number_format($due, 2) }}</span></p>
                </div>
                <div class="col-md-7">
                    <h6 class="text-muted">Add Payment</h6>
                    <form method="POST" action="{{ route('admin.billing.payment', $patient) }}">
                        @csrf
                        <div class="row g-2">
                            <div class="col-md-6"><label class="form-label">Amount ({{ $cur }}) *</label><input type="number" step="0.01" min="0.01" name="amount" class="form-control" value="{{ $due > 0 ? $due : '' }}" required></div>
                            <div class="col-md-6"><label class="form-label">Method *</label>
                                <select name="method" class="form-select" required>
                                    @foreach(config('clinic.payment_methods') as $m)<option value="{{ $m }}">{{ ucwords(str_replace('_', ' ', $m)) }}</option>@endforeach
                                </select>
                            </div>
                            <div class="col-md-6"><label class="form-label">Date *</label><input type="date" name="payment_date" class="form-control" value="{{ now()->toDateString() }}" required></div>
                            <div class="col-md-6"><label class="form-label">Reference / Txn ID</label><input type="text" name="reference" class="form-control"></div>
                            <div class="col-12"><label class="form-label">Notes</label><input type="text" name="notes" class="form-control"></div>
                        </div>
                        <button class="btn btn-primary mt-3">Record Payment</button>
                    </form>
                </div>
            </div>
        </div>

        {{-- HISTORY --}}
        <div class="tab-pane fade" id="t-hist">
            <x-data-table :headers="['Receipt', 'Date', 'Amount', 'Method', 'Reference', 'Recorded By']">
                @forelse($patient->payments->sortByDesc('payment_date') as $pay)
                    <tr>
                        <td>{{ $pay->receipt_no }}</td>
                        <td>{{ $pay->payment_date->format('d M Y') }}</td>
                        <td>{{ $cur }}{{ number_format($pay->amount, 2) }}</td>
                        <td>{{ strtoupper($pay->method) }}</td>
                        <td>{{ $pay->reference ?? '—' }}</td>
                        <td>{{ $pay->collectedBy?->name ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-muted py-3">No payments.</td></tr>
                @endforelse
            </x-data-table>
        </div>

        {{-- LEDGER --}}
        <div class="tab-pane fade" id="t-ledger">
            <div class="row">
                <div class="col-md-4">
                    <p><strong>Total Billed:</strong> {{ $cur }}{{ number_format($billed, 2) }}</p>
                    <p><strong>Total Paid:</strong> {{ $cur }}{{ number_format($paid, 2) }}</p>
                    <p><strong>Outstanding:</strong> {{ $cur }}{{ number_format($due, 2) }}</p>
                </div>
            </div>
            <h6 class="text-muted mt-2">Charges</h6>
            <x-data-table :headers="['Date', 'Description', 'Type', 'Amount', 'By']">
                @forelse($patient->billItems->sortByDesc('created_at') as $b)
                    <tr><td>{{ $b->created_at->format('d M Y') }}</td><td>{{ $b->description }}</td><td>{{ ucfirst($b->type) }}</td><td>{{ $cur }}{{ number_format($b->amount, 2) }}</td><td>{{ $b->createdBy?->name ?? '—' }}</td></tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-3">No charges.</td></tr>
                @endforelse
            </x-data-table>
        </div>

        {{-- TREATMENT PROCEDURES --}}
        <div class="tab-pane fade" id="t-treat">
            <h6 class="text-muted">Add Treatment / Procedure</h6>
            <form method="POST" action="{{ route('admin.billing.treatment', $patient) }}" class="row g-2 align-items-end">
                @csrf
                <div class="col-md-5"><label class="form-label">Clinical Disease / Diagnosis *</label>
                    <select name="diagnosis_id" class="form-select" required>
                        <option value="">Select</option>
                        @foreach($diagnoses as $dx)<option value="{{ $dx->id }}">{{ $dx->name }} ({{ $cur }}{{ number_format($dx->cost_per_sitting, 0) }}/sitting)</option>@endforeach
                    </select>
                </div>
                <div class="col-md-2"><label class="form-label">Sittings *</label><input type="number" min="1" name="sittings" class="form-control" required></div>
                <div class="col-md-3"><label class="form-label">Notes</label><input type="text" name="notes" class="form-control"></div>
                <div class="col-md-2"><button class="btn btn-primary w-100">Add &amp; Bill</button></div>
            </form>

            <h6 class="text-muted mt-4">Treatments</h6>
            <x-data-table :headers="['Clinical Disease / Diagnosis', 'Sittings', 'Cost/Sitting', 'Total', 'Status']">
                @forelse($patient->treatments->sortByDesc('created_at') as $t)
                    <tr><td>{{ $t->diagnosis?->name ?? '—' }}</td><td>{{ $t->sittings }}</td><td>{{ $cur }}{{ number_format($t->cost_per_sitting, 2) }}</td><td>{{ $cur }}{{ number_format($t->total_cost, 2) }}</td><td><x-status-badge :status="$t->status" /></td></tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-3">No treatments.</td></tr>
                @endforelse
            </x-data-table>
        </div>

        {{-- DOCUMENTS --}}
        <div class="tab-pane fade" id="t-docs">
            <h6 class="text-muted">Upload Document <small>(images auto-converted to WebP)</small></h6>
            <form method="POST" action="{{ route('admin.billing.document', $patient) }}" enctype="multipart/form-data" class="row g-2 align-items-end">
                @csrf
                <div class="col-md-4"><label class="form-label">Name *</label><input type="text" name="name" class="form-control" required></div>
                <div class="col-md-3"><label class="form-label">Type</label>
                    <select name="type" class="form-select">
                        <option value="Report">Report</option><option value="Prescription">Prescription</option>
                        <option value="Medical">Medical</option><option value="Other">Other</option>
                    </select>
                </div>
                <div class="col-md-3"><label class="form-label">File *</label><input type="file" name="file" class="form-control" required></div>
                <div class="col-md-2"><button class="btn btn-primary w-100">Upload</button></div>
            </form>

            @if($patient->prescriptions->count())
                <h6 class="text-muted mt-4">Prescriptions</h6>
                <x-data-table :headers="['Code', 'Date', 'Print / Download']">
                    @foreach($patient->prescriptions as $rx)
                        <tr><td>{{ $rx->code }}</td><td>{{ $rx->prescribed_on?->format('d M Y') }}</td>
                            <td><a href="{{ route('admin.prescriptions.show', $rx->consultation) }}" target="_blank" class="btn btn-sm btn-outline-primary"><i class="bi bi-printer"></i> Open</a></td></tr>
                    @endforeach
                </x-data-table>
            @endif

            <h6 class="text-muted mt-4">Uploaded Documents</h6>
            <x-data-table :headers="['Name', 'Type', 'Uploaded', 'By', 'Download']">
                @forelse($patient->documents->sortByDesc('created_at') as $doc)
                    <tr><td>{{ $doc->name }}</td><td>{{ $doc->type ?? '—' }}</td><td>{{ $doc->created_at->format('d M Y') }}</td><td>{{ $doc->uploadedBy?->name ?? '—' }}</td>
                        <td><a href="{{ route('admin.billing.document.download', $doc) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-download"></i></a></td></tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-3">No documents.</td></tr>
                @endforelse
            </x-data-table>
        </div>
    </div>
@endsection