@php

    $deposits = \App\Models\Deposit::query()->orderByDesc('created_at')->take(5)->get();

@endphp
@if($deposits->count() > 0)
    <div class="col-lg-4 col-md-4 col-sm-12">
        <div class="row">
            <div class="padding-item col-lg-12 col-md-12 col-sm-12 ">
                <h5 class="title">
                    deposit
                </h5>
                <i class="voyager-angle-down"></i>
            </div>
            <div class="padding-item col-lg-12 col-md-12 col-sm-12 ">
                <div class="box">
                    <div class="row">
                        @foreach($deposits as $deposit)
                            @if(!$deposit->player)
                                @continue
                            @endif
                            @if(!$deposit->coin)
                                @continue
                            @endif
                            <div class="col-lg-12 col-md-12 col-sm-12" onclick="window.location = '{{ route('voyager.deposits.show' , $deposit->id) }}'" style="cursor: pointer">
                                <div class="system-details flex-box">

                                    <div class="green flex-box image-box">
                                        <i class="voyager-angle-down" style="font-size: 20px;height: 25px;margin-right: 12px;margin-left: 12px;color: #fff"></i>
                                    </div>

                                    <div>
                                        <p>
                                            {{ $deposit->amount }} {{ $deposit->coin->symbol }} by
                                            <a style="color: inherit;" href="{{ route('voyager.players.show' , $deposit->player->id) }}">{{ $deposit->player->full_name }}</a>
                                        </p>
                                        <p class="date">
                                            {{ $deposit->created_at }}
                                        </p>
                                    </div>

                                </div>
                            </div>
                        @endforeach

                    </div>

                </div>
            </div>
        </div>
    </div>
@endif