@extends('layouts.admin')

@section('page_kicker', 'Finance')
@section('page_title', 'Payments & revenue')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Revenue per doctor</h3>
            <p class="admin-card-desc">Aggregated payouts by provider.</p>
            <ul class="mt-5 space-y-2 text-sm">
                @foreach($perDoctor as $row)
                    <li class="admin-list-row">
                        <span class="text-slate-700">{{ $row->doctor_name }}</span>
                        <span class="font-semibold text-teal-800">${{ number_format((float) $row->total, 2) }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Payment methods</h3>
            <p class="admin-card-desc">Supported mobile money channels.</p>
            <ul class="mt-5 space-y-2 text-sm text-slate-700">
                <li class="admin-list-row justify-start">M-Pesa</li>
                <li class="admin-list-row justify-start">Airtel Money</li>
                <li class="admin-list-row justify-start">Tigo Pesa</li>
            </ul>
        </div>
    </div>

    <div class="admin-content-card mt-6">
        <h3 class="admin-card-title">Transactions</h3>
        <p class="admin-card-desc">Latest payment records.</p>
        <div class="admin-table-wrap mt-5">
            <table class="admin-table min-w-full">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Doctor</th>
                        <th>Provider</th>
                        <th>Amount</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($transactions as $tx)
                        <tr>
                            <td>{{ $tx->id }}</td>
                            <td>{{ $tx->user_id }}</td>
                            <td>{{ $tx->provider }}</td>
                            <td>{{ $tx->currency }} {{ $tx->amount }}</td>
                            <td>{{ $tx->status }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-5 border-t border-slate-100 pt-4">{{ $transactions->links() }}</div>
    </div>
@endsection