@include('teams.partials.page-start', [
    'title' => 'قائمة اللاعبين',
    'activeTab' => 'squad',
])

<h2 class="section-title">قائمة اللاعبين</h2>

<div class="table-card">
    @if($players->count())
        <table class="squad-table">
            <thead>
                <tr>
                    <th>اللاعب</th>
                    <th>المركز</th>
                    <th>الجنسية</th>
                    <th>تاريخ الميلاد</th>
                </tr>
            </thead>
            <tbody>
                @foreach($players as $player)
                    <tr>
                        <td>
                            <div class="player-cell">
                                @if($player->image)
                                    <img src="{{ $player->image }}" alt="{{ $player->name }}" loading="lazy">
                                @endif
                                @if($player->player_btolat_id)
                                    <a href="{{ route('player.show', $player->player_btolat_id) }}">{{ $player->name }}</a>
                                @else
                                    <span>{{ $player->name }}</span>
                                @endif
                                @if($player->number)
                                    <span class="num">{{ $player->number }}</span>
                                @endif
                            </div>
                        </td>
                        <td>{{ $player->position }}</td>
                        <td>{{ $player->nationality }}</td>
                        <td>{{ $player->birth_date }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <div class="empty-msg"><i class="ti ti-users-off" aria-hidden="true"></i> لا توجد قائمة لاعبين بعد.</div>
    @endif
</div>

@include('teams.partials.page-end')