@extends('layouts.app-super-user')

@section('content')
    <div class="content d-flex flex-column flex-column-fluid pt-0" id="kt_content">
        <div class="d-flex flex-column-fluid">
            <div class="container">
                <div class="card shadow mb-4" style="background-color: #EAEAF4; border: none;">
                    <div class="card-header p-4" style="background-color: #3D3D5C; border-radius: 10px 10px 0 0;">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="d-flex align-items-center">
                                <a href="{{ route('admin-s-getSubgroupsByGroupSuperUser', ['club' => $clubName, 'group' => $groupName]) }}" 
                                   class="btn btn-light mr-3">
                                    <i class="fas fa-arrow-left"></i> {{ __('all.back_to_subgroups') }}
                                </a>
                                <h5 class="text-white font-weight-bold mt-2 mb-2">
                                    {{ __('all.players') }} - {{ $clubName }}
                                </h5>
                            </div>
                        </div>
                    </div>
                    <div class="card-body card-body-table" style="padding: 40px;">
                        <div class="table-responsive">
                            <table class="table" id="dataTablePlayers" width="100%" cellspacing="0" style="border-collapse: separate; border-spacing: 0 10px;">
                                <thead>
                                    <tr align="center" style="background-color: #4B4B73; color: #FFFFFF;">
                                        <th style="padding: 15px; border: none;">{{ __('all.nombre') }}</th>
                                        <th style="padding: 15px; border: none;">{{ __('all.grupo') }}</th>
                                        <th style="padding: 15px; border: none;">{{ __('all.subgrupo') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(isset($players) && $players->count())
                                        @foreach($players as $player)
                                            <tr class="tr-custom" 
                                                style="background-color: #FFFFFF; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); cursor: pointer;" 
                                                onclick="window.location='{{ url('admin-s-games-results/' . $player->id) }}';">
                                                <td class="text-center" style="padding: 20px; border: none;">

                                                    @if($player->first_name || $player->last_name)
                                                        {{ $player->first_name ?? '' }} {{ $player->last_name ?? '' }}
                                                    @else
                                                        {{ __('all.sin_nombre') }}
                                                    @endif
                                                </td>
                                                <td class="text-center" style="padding: 20px; border: none;">
                                                    {{ $player->group ?? __('all.sin_grupo') }}
                                                </td>
                                                <td class="text-center" style="padding: 20px; border: none;">
                                                    {{ $player->subgroup ?? __('all.sin_subgrupo') }}
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr class="tr-custom" style="background-color: #FFFFFF; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);">
                                            <td class="text-center" colspan="3" style="padding: 20px; border: none;">
                                                {{ __('all.no_hay_jugadores') }}
                                            </td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection