@extends('layouts.admin')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 gap-3">
    <h2 class="breadcrumb-title mb-0 fs-16 flex-grow-1">{{ tr('reports') }}</h2>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item">
                <i class="ri-home-4-line text-primary"></i>
            </li>
            <li class="breadcrumb-item">
                <a href="{{ route('admin.dashboard') }}">{{ tr('home') }}</a>
            </li>
            <li class="breadcrumb-item active">Balance Report</li>
        </ol>
    </nav>
</div>
@endsection


@section('content')

@php
    $totalDeposits = 0;
    $totalPayouts = 0;
    $totalBalance = 0;
@endphp

@foreach($merchantBalances as $data)
    @php
        $totalDeposits += $data['deposits'] ?? 0;
        $totalPayouts += $data['payouts'] ?? 0;
        $totalBalance += $data['balance'] ?? 0;
    @endphp
@endforeach

{{-- SUMMARY --}}
<div class="card mb-4 shadow-sm rounded-4 border-0">
    <div class="card-body d-flex flex-wrap gap-4">

        <div class="flex-grow-1">
            <h6 class="text-muted">Total Deposits</h6>
            <h4 class="fw-bold text-success">
                {{ formatted_amount($totalDeposits) }}
            </h4>
        </div>

        <div class="flex-grow-1">
            <h6 class="text-muted">Total Payouts</h6>
            <h4 class="fw-bold text-danger">
                {{ formatted_amount($totalPayouts) }}
            </h4>
        </div>

        <div class="flex-grow-1">
            <h6 class="text-muted">Current Balance</h6>
            <h4 class="fw-bold">
                {{ formatted_amount($totalBalance) }}
            </h4>
        </div>

    </div>
</div>


<div class="card">
    <div class="card-body p-0">

        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="ps-4">Merchant</th>
                        <th>Deposits</th>
                        <th>Payouts</th>
                        <th class="text-end pe-4">Current Balance</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($merchantBalances as $data)

                        @php
                            $merchant = $data['merchant'];
                            $user = $merchant->user ?? null;
                        @endphp

                        <tr>
                            <td class="ps-4 fw-semibold">
                                {{ $merchant->name ?? '-' }}
                            </td>

                            <td>
                                <span class="fw-medium text-success">
                                    {{ formatted_amount($data['deposits'] ?? 0) }}
                                </span>
                            </td>

                            <td>
                                <span class="fw-medium text-danger">
                                    {{ formatted_amount($data['payouts'] ?? 0) }}
                                </span>
                            </td>

                            <td class="text-end pe-4">
                                <span class="fw-bold 
                                    {{ ($data['balance'] ?? 0) >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ formatted_amount($data['balance'] ?? 0) }}
                                </span>
                            </td>
                        </tr>

                    @empty
                        <tr>
                            <td colspan="5" class="text-center py-4">
                                No data found
                            </td>
                        </tr>
                    @endforelse
                </tbody>

            </table>
        </div>

    </div>
</div>

@endsection