@php

    $agents = \App\Models\AgentRequest::query()->where('status' , 'requested')
    ->orderByDesc('created_at')->take(5)->get();

@endphp
@if($agents->count() > 0)
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="row">
            <div class="padding-item col-lg-12 col-md-12 col-sm-12 accordionTestPanelTitle">
                <h5 class="title">
                    agent request
                </h5>
                <i class="voyager-angle-down"></i>

            </div>
            <div class="padding-item col-lg-12 col-md-12 col-sm-12 accordionTestPanelBody">
                <div class="box">
                    <div class="row">
                        @foreach($agents as $agent)
                            @if(!$agent->player)
                                @continue
                            @endif
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="system-details flex-box">

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

                                    <div>
                                        <p>
                                            <a style="color: inherit;" href="{{ route('voyager.agent-requests.show' , $agent->id) }}">
                                                {{ $agent->player->full_name }}
                                            </a>
                                            requested to be an agent
                                        </p>
                                        <p class="date">
                                            {{ $agent->created_at }}
                                        </p>
                                    </div>

                                </div>
                            </div>
                        @endforeach

                    </div>

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