@extends('Common::admin.layout.page')

@section('page')

{{-- ===== Match Info Grid ===== --}}
<div class="row">
    <div class="col-12">
        <div class="card card-primary card-outline">
            <div class="card-header">
                <h3 class="card-title d-flex justify-content-between align-items-center w-100">
                    <span><i class="fas fa-futbol mr-2"></i>{{ __('show details') }}</span>
                    <a href="{{ route('admin.reviews.index', ['type' => 'match', 'id' => $match->id]) }}" class="btn btn-info btn-sm">
                        <i class="fa fa-star"></i> {{ __('View Reviews') }}
                    </a>
                </h3>
            </div>
            <div class="card-body">

                @php
                    $statusColor = match($match->status) {
                        'open'      => 'bg-success',
                        'ongoing'   => 'bg-info',
                        'completed' => 'bg-secondary',
                        'cancelled' => 'bg-danger',
                        default     => '',
                    };
                @endphp

                <div class="row">

                    {{-- Playground (with link) --}}
                    <div class="col-md-3 col-sm-6 mb-3">
                        <div class="info-box mb-0" style="min-height:65px;padding:8px 12px;">
                            <span class="info-box-icon" style="width:44px;height:65px;line-height:65px;font-size:1.2rem;">
                                <i class="fas fa-map-marker-alt"></i>
                            </span>
                            <div class="info-box-content" style="padding:5px 0 5px 8px;">
                                <span class="info-box-text" style="font-size:0.7rem;text-transform:uppercase;color:#999;">{{ __('playground') }}</span>
                                <span class="info-box-number" style="font-size:0.88rem;font-weight:600;">
                                    {{ $match->playground?->Name ?: '—' }}
                                    @if($match->playground)
                                    <a href="{{ route('admin.playgrounds.show', $match->playground->id) }}" class="btn btn-xs btn-outline-info ml-1" style="font-size:0.7rem;padding:1px 5px;">
                                        <i class="fa fa-eye"></i>
                                    </a>
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>

                    {{-- Organizer (with link) --}}
                    <div class="col-md-3 col-sm-6 mb-3">
                        <div class="info-box mb-0" style="min-height:65px;padding:8px 12px;">
                            <span class="info-box-icon" style="width:44px;height:65px;line-height:65px;font-size:1.2rem;">
                                <i class="fas fa-user-tie"></i>
                            </span>
                            <div class="info-box-content" style="padding:5px 0 5px 8px;">
                                <span class="info-box-text" style="font-size:0.7rem;text-transform:uppercase;color:#999;">{{ __('organizer') }}</span>
                                <span class="info-box-number" style="font-size:0.88rem;font-weight:600;">
                                    {{ $match->organizer?->name ?? __('Unknown') }} <br>
                                    {{$match->organizer->role->name ?? __('unknown')}}
                                    @if($match->organizer)
                                    <a href="{{ route('admin.users.show', $match->organizer->id) }}" class="btn btn-xs btn-outline-info ml-1" style="font-size:0.7rem;padding:1px 5px;">
                                        <i class="fa fa-eye"></i>
                                    </a>
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>

                    {{-- Status --}}
                    <div class="col-md-3 col-sm-6 mb-3">
                        <div class="info-box mb-0 {{ $statusColor }}" style="min-height:65px;padding:8px 12px;">
                            <span class="info-box-icon" style="width:44px;height:65px;line-height:65px;font-size:1.2rem;">
                                <i class="fas fa-toggle-on"></i>
                            </span>
                            <div class="info-box-content" style="padding:5px 0 5px 8px;">
                                <span class="info-box-text" style="font-size:0.7rem;text-transform:uppercase;{{ $statusColor ? 'color:#fff;' : 'color:#999;' }}">{{ __('Status') }}</span>
                                <span class="info-box-number" style="font-size:0.88rem;font-weight:600;">{{ __($match->status) }}</span>
                            </div>
                        </div>
                    </div>

                    {{-- Price --}}
                    <div class="col-md-3 col-sm-6 mb-3">
                        <div class="info-box mb-0 bg-success" style="min-height:65px;padding:8px 12px;">
                            <span class="info-box-icon" style="width:44px;height:65px;line-height:65px;font-size:1.2rem;">
                                <i class="fas fa-pound-sign"></i>
                            </span>
                            <div class="info-box-content" style="padding:5px 0 5px 8px;">
                                <span class="info-box-text" style="font-size:0.7rem;text-transform:uppercase;">{{ __('price') }}</span>
                                <span class="info-box-number" style="font-size:0.88rem;font-weight:600;">{{ number_format($match->price, 2) }} GBP</span>
                            </div>
                        </div>
                    </div>

                    @php
                        $infoFields = [
                            ['icon' => 'fas fa-calendar-alt',  'label' => __('date'),        'value' => $match->date],
['icon' => 'fas fa-trophy', 'label' => __('name'), 'value' => $match->name],
                            ['icon' => 'fas fa-clock',         'label' => __('start time'),   'value' => $match->start_time],
                            ['icon' => 'fas fa-clock',         'label' => __('end time'),     'value' => $match->end_time],
                            ['icon' => 'fas fa-users',         'label' => __('subscribers'), 'value' => ($match->players_per_side * 2) . ' ' . __('players')],
                            ['icon' => 'fas fa-venus-mars',    'label' => __('Gender'),       'value' => $match->gender],
                            ['icon' => 'fas fa-credit-card',   'label' => __('Paid Online'),  'value' => $match->paid_online ? __('Yes') : __('No')],
                        ];
                    @endphp

                    @foreach($infoFields as $field)
                    <div class="col-md-3 col-sm-6 mb-3">
                        <div class="info-box mb-0" style="min-height:65px;padding:8px 12px;">
                            <span class="info-box-icon" style="width:44px;height:65px;line-height:65px;font-size:1.2rem;">
                                <i class="{{ $field['icon'] }}"></i>
                            </span>
                            <div class="info-box-content" style="padding:5px 0 5px 8px;">
                                <span class="info-box-text" style="font-size:0.7rem;text-transform:uppercase;color:#999;">{{ $field['label'] }}</span>
                                <span class="info-box-number" style="font-size:0.88rem;font-weight:600;">{{ $field['value'] ?: '—' }}</span>
                            </div>
                        </div>
                    </div>
                    @endforeach

                    {{-- About - full width --}}
                    @if($match->About)
                    <div class="col-12 mb-2">
                        <div class="info-box mb-0" style="min-height:60px;padding:8px 12px;">
                            <span class="info-box-icon" style="width:44px;height:60px;line-height:60px;font-size:1.2rem;">
                                <i class="fas fa-align-left"></i>
                            </span>
                            <div class="info-box-content" style="padding:4px 0 4px 8px;">
                                <span class="info-box-text" style="font-size:0.7rem;text-transform:uppercase;color:#999;">{{ __('About') }}</span>
                                <span class="info-box-number" style="font-size:0.88rem;font-weight:400;">{{ $match->About }}</span>
                            </div>
                        </div>
                    </div>
                    @endif

                </div>
            </div>
        </div>
    </div>
</div>

{{-- ===== Subscribers Table ===== --}}
<div class="row">
    <div class="col-12">
        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-users mr-2"></i>{{ __('subscribers') }}</h3>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>{{ __('name') }}</th>
                            <th>{{ __('mobile') }}</th>
                            <th>{{ __('team side') }}</th>
                            <th>{{ __('created at') }}</th>
                            {{-- تم تغيير اسم العمود هنا إلى Actions أو خيارات --}}
                            <th>{{ __('Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($match->teamPlayers as $player)
                        <tr>
                            <td>{{ $player->name }}</td>
                            <td>{{ $player->full_phone }}</td>
                            <td>{{ $player->pivot->team_side }}</td>
                            <td>{{ $player->pivot->created_at }}</td>
                            
                            <td>
                                {{-- زر إظهار تفاصيل اللاعب (الجديد) --}}
                                <a href="{{ route('admin.users.show', $player->id) }}" class="btn btn-info btn-sm mr-1" title="{{ __('View') }}">
                                    <i class="fa fa-eye"></i>
                                </a>

                                {{-- زر إزالة اللاعب من الماتش --}}
                                <form action="{{ route('admin.subscribers.destroy', ['match_id' => $match->id, 'user_id' => $player->id]) }}" method="POST" class="d-inline action_form remove">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm" title="{{ __('Remove') }}">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted">{{ __('there is no data') }}</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@stop