@extends('layouts.app')

@section('title', 'Vendor Wallet')

@section('content')
<div class="row g-4">
    @include('vendor.partials.sidebar-column')
    <div class="col-lg-7">
        <h2 class="fw-bold mb-4">Wallet Overview</h2>
        <div class="row g-3 mb-4">
            @foreach([
                ['Total Earnings', $summary['total_earnings']],
                ['Affiliate Earnings', $summary['affiliate_earnings']],
                ['Own Product Earnings', $summary['own_earnings']],
                ['Platform Charges', $summary['platform_charges']],
                ['Pending', $summary['pending_amount']],
                ['Available', $summary['available_amount']],
                ['Withdrawn', $summary['withdrawn_amount']],
            ] as [$label, $amount])
            <div class="col-md-6 col-lg-4">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <div class="small text-muted">{{ $label }}</div>
                        <div class="fs-5 fw-bold">₹{{ number_format($amount, 2) }}</div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-bold">Earnings Breakdown</div>
            <div class="card-body row g-3">
                <div class="col-md-4"><small class="text-muted">Today</small><div class="fw-bold">₹{{ number_format($breakdown['today_earnings'], 2) }}</div></div>
                <div class="col-md-4"><small class="text-muted">This Week</small><div class="fw-bold">₹{{ number_format($breakdown['weekly_earnings'], 2) }}</div></div>
                <div class="col-md-4"><small class="text-muted">This Month</small><div class="fw-bold">₹{{ number_format($breakdown['monthly_earnings'], 2) }}</div></div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white fw-bold d-flex justify-content-between">
                <span>Recent Ledger</span>
                <a href="{{ route('vendor.statement.index') }}" class="btn btn-sm btn-outline-primary">Full Statement</a>
            </div>
            <div class="table-responsive">
                <table class="table mb-0 align-middle">
                    <thead class="bg-light small"><tr><th>ID</th><th>Product</th><th>Type</th><th>Net</th><th>Status</th></tr></thead>
                    <tbody>
                        @foreach($recentTransactions as $tx)
                        <tr>
                            <td class="small font-monospace">{{ Str::limit($tx->transaction_uid, 8, '') }}</td>
                            <td>{{ Str::limit($tx->product_name, 30) }}</td>
                            <td>{{ ucfirst($tx->listing_type ?? '—') }}</td>
                            <td>₹{{ number_format($tx->net_amount ?? $tx->amount, 2) }}</td>
                            <td><span class="badge bg-secondary">{{ $tx->status }}</span></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection