@extends('layouts.admin')

@section('page_kicker', 'Finance')
@section('page_title', 'Billing & payments')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        @if(auth()->user()->role === 'hospital_admin')
        <div class="admin-content-card">
            <h3 class="admin-card-title">Generate invoice</h3>
            <p class="admin-card-desc">Bill a patient profile with due date.</p>
            <form method="POST" action="{{ route('hospital.billing.invoices.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <div>
                    <label class="admin-form-label" for="patient_profile_id">Patient profile ID</label>
                    <input id="patient_profile_id" type="number" name="patient_profile_id" placeholder="Patient profile ID" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="amount">Amount</label>
                    <input id="amount" type="number" step="0.01" name="amount" placeholder="Amount" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="currency">Currency</label>
                    <input id="currency" type="text" name="currency" value="USD" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="status">Status</label>
                    <select id="status" name="status" class="admin-input">
                        @foreach(['pending', 'paid', 'overdue', 'cancelled'] as $status)
                            <option value="{{ $status }}">{{ ucfirst($status) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="md:col-span-2">
                    <label class="admin-form-label" for="due_at">Due at</label>
                    <input id="due_at" type="datetime-local" name="due_at" class="admin-input" required>
                </div>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-primary">Create invoice</button>
                </div>
            </form>
        </div>
        @endif
        <div class="admin-content-card">
            <h3 class="admin-card-title">Financial summary</h3>
            <p class="admin-card-desc">Track cash and mobile payments via invoice status.</p>
            <p class="mt-4 text-sm text-slate-600">Total invoices: {{ $invoices->total() }}</p>
            <p class="mt-2 text-sm text-slate-600">Paid: {{ $invoices->getCollection()->where('status', 'paid')->count() }}</p>
        </div>
    </div>

    <div class="admin-content-card mt-6">
        <h3 class="admin-card-title">Invoices</h3>
        <p class="admin-card-desc">Outstanding and settled bills.</p>
        <div class="admin-table-wrap mt-5">
            <table class="admin-table min-w-full">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Patient</th>
                        <th>Amount</th>
                        <th>Status</th>
                        <th>Due at</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($invoices as $invoice)
                        <tr>
                            <td>{{ $invoice->id }}</td>
                            <td>{{ $invoice->patientProfile->user->name ?? 'N/A' }}</td>
                            <td>{{ $invoice->currency }} {{ $invoice->amount }}</td>
                            <td>{{ $invoice->status }}</td>
                            <td>{{ $invoice->due_at }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-5 border-t border-slate-100 pt-4">{{ $invoices->links() }}</div>
    </div>
@endsection