@extends('layout.main')

@section('content')
    <div class="container grid px-6 mx-auto">
        <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
            Weekly Collection {{ \Carbon\Carbon::parse($data['start_date'])->format('Y/m/d') }} and
            {{ \Carbon\Carbon::parse($data['end_date'])->format('Y/m/d') }}
        </h2>
        @php $totalLoanPrincipal = 0; @endphp

        <div class="w-full overflow-hidden rounded-lg shadow-xs">
            <div class="w-full overflow-x-auto">
                <x-table.table>
                    <x-table.head>
                        <th class='px-3 py-4 uppercase'>Group / Individual Name</th>
                        <th class='px-3 py-4 uppercase'>Actual Collection</th>
                        <th class='px-3 py-4 uppercase'>Overdue</th>
                        <th class='px-3 py-4 uppercase'>Disbursement</th>
                    </x-table.head>
                    <x-table.body>
                        @foreach ($data['weeklyCollections'] as $weeklyCollection)
                        @php $totalLoanPrincipal += $weeklyCollection['loan']?->principal_amount; @endphp
                            <x-table.row>
                                <x-table.cell>
                                    @if ($weeklyCollection['loan']?->loan_category_id == \App\Constants\LoanConstants::INDIVIDUAL_LOAN)
                                        <div class="flex items-center text-sm">
                                            <!-- Avatar with inset shadow -->
                                            <div class="relative hidden w-8 h-8 mr-3 rounded-full md:block">
                                                <img class="object-cover w-full h-full rounded-full"
                                                    src="{{ Storage::url($weeklyCollection['loan']?->individualClient?->client?->avatar) }}"
                                                    alt="" loading="lazy" />
                                                <div class="absolute inset-0 rounded-full shadow-inner" aria-hidden="true">
                                                </div>
                                            </div>
                                            <div>
                                                <p class="font-semibold">
                                                    {{ $weeklyCollection['loan']?->individualClient?->client?->fullname }}
                                                </p>
                                                <p class="text-xs text-gray-600 dark:text-gray-400">
                                                    Individual
                                                </p>
                                            </div>
                                        </div>
                                    @else
                                        <div class="flex items-center">
                                            @foreach ($weeklyCollection['loan']?->groupClients->take(4) as $groupClient)
                                                <x-tooltip message="{{ $groupClient?->client?->fullname }}" class="-ml-3"
                                                    position="top" class="-ml-3 first:ml-0">
                                                    <img src="{{ Storage::url($groupClient->client->avatar) }}"
                                                        alt="Avatar"
                                                        class="w-10 h-10 rounded-full border-2 border-gray-900  first:ml-0">
                                                </x-tooltip>
                                            @endforeach

                                            @if ($weeklyCollection['loan']?->groupClients->count() > 4)
                                                <div
                                                    class="w-10 h-10 flex items-center justify-center rounded-full bg-gray-700 text-white text-sm font-semibold border-2 border-gray-900 -ml-3">
                                                    +{{ $weeklyCollection['loan']?->groupClients->count() - 4 }}
                                                </div>
                                            @endif
                                            <div class="ml-2">
                                                <p class="font-semibold">
                                                    {{ $weeklyCollection['loan']?->groupClients?->first()?->group?->name }}
                                                </p>
                                                <p class="text-xs text-gray-600 dark:text-gray-400">
                                                    Group
                                                </p>
                                            </div>
                                        </div>
                                    @endif
                                </x-table.cell>
                                <x-table.cell>{{ number_format($weeklyCollection['collected']) }}</x-table.cell>
                                <x-table.cell>{{ number_format($weeklyCollection['overdue']) }}</x-table.cell>
                                <x-table.cell>{{ number_format($weeklyCollection['loan']?->principal_amount) }}</x-table.cell>
                            </x-table.row>
                        @endforeach
                        <x-table.row> 
                            <x-table.cell>Total</x-table.cell>
                            <x-table.cell>{{ number_format($data['totalCollected']) }}</x-table.cell>
                            <x-table.cell>{{ number_format($data['totalOverdue']) }}</x-table.cell>
                            <x-table.cell>{{ number_format($totalLoanPrincipal) }}</x-table.cell>
                        </x-table.row>

                    </x-table.body>
                </x-table.table>
            </div>

        </div>

    </div>
@endsection