@extends('layouts.admin')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 position-relative gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-16">{{ tr('merchants') }}</h2>
    <div class="flex-shrink-0">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-end mb-0">
                <li><i class="ri-home-4-line fs-16 me-2 lh-sm text-primary"></i></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ tr('home') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ tr('merchants') }}</li>
            </ol>
        </nav>
    </div>
</div>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="card-title">{{ tr('merchants') }}</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>{{ tr('merchant') }}</th>
                        <th>{{ tr('bank_account') }}</th>
                        <th>{{ tr('balance') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($merchants as $item)
                        <tr>
                            <td>{{ $item['merchant']->name ?? '-' }}</td>
                            <td>{{ $item['virtualAccount']->account_holder_name ?? '-' }}</td>
                            <td>{{ formatted_amount($item['balance'], $item['virtualAccount']->currency ?? '-') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" class="text-center">
                                {{ tr('no_records_found') }}
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
<hr class="my-5">
<div class="card">
    <div class="card-header">
        <h5 class="card-title">{{ tr('wallet_balances') }}</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>{{ tr('merchant') }}</th>
                        <th>{{ tr('wallet') }}</th>
                        <th>{{ tr('balance') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($wallets as $wallet)
                        <tr>
                            <td>{{ $wallet['user_name'] ?? '-' }}</td>
                            <td>{{ $wallet['wallet']->currency ?? '-' }}</td>
                            <td>{{ formatted_amount($wallet['balance'], $wallet['wallet']->currency ?? '-') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" class="text-center">
                                {{ tr('no_records_found') }}
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection